Tabbit
活动资源博客模型
Tabbit LogoTabbit

Tabbit — 为你工作的 AI 浏览器

主题资源

  • AI Browser Resources
  • Agentic Browser Resources
  • Browser Downloads and Install Guides
  • Browser Comparisons
  • AI Browser Alternatives
  • Browser Productivity Resources

热门指南

  • AI Browser
  • Agentic Browser Download
  • Best AI Browser 2026: Top 9 Tested & Ranked
  • AI Browser Download
  • Free AI Browser
  • Best AI Browser 2026
  • AI Browser Comparison 2026
  • AI Browser for Windows
  • AI Browser for Mac
  • Chrome Alternative 2026

活动

  • 别装了,你在《牛来》里早有原型
  • Tabbit 妙招大赛
  • KPOP SBTI 饭圈人格测试
  • Tabbit 校园共创者计划
  • fifi 的论文文献妙招精选
  • 用户问卷

关于

  • Tabbit 博客
  • 媒体报道
提示词
社区Gemini 3.8 Flash

Gemini 3.8 Flash:Three.js 草地小屋 3D 演示可复制提示词与工作流(Reddit)

原始来源

Reddit / r/GeminiAI

Tabbit 整理2026-09-08

查看原文

一句话结论

该帖公开了一条面向 Gemini 3.8 Flash 的完整 Three.js 渲染提示词:以现有场景和参考图为基础,要求在移动浏览器预算内完成草地、木材、屋顶、光照和 LOD 优化,并交付可离线运行的单 HTML 文件。作者还记录了与 Astra 的多轮提示对比,但没有提供受控基准或独立复核结果。

适用场景

  • 适合的任务:已有 Three.js 场景的视觉升级、草地和材质增强、移动端性能取舍,以及单 HTML 可运行原型。

  • 前置条件:可访问现有场景、参考图、Three.js 运行环境和可回滚的测试目录;提示词中的“保留现有场景”不能替代实际输入素材。

  • 不适合的任务:没有参考场景时要求精确复刻,或把一次视觉演示当作生产级性能、跨设备兼容性和代码质量证明。

  • 适用的模型版本:原帖明确使用 Gemini 3.8 Flash;没有公开 API 模型 ID、thinking level、温度或上下文配置。

  • 适用的客户端、Agent 或 API:客户端未注明;案例属于代码生成 / 浏览器 3D 原型场景。

  • 推荐的推理档位和参数:原帖未公开。应固定浏览器、Three.js 版本、设备和参考素材后再比较。

可直接使用的内容

1. 原帖公开的完整英文 prompt(原文)

Act as a senior Three.js rendering engineer and technical artist with Naughty Dog–level attention to detail.

Objective: Make a playable 3D demo.

Prioritize:

- Realistic grass with curved, tapered blades, central folds, varied heights, darker roots, subtle translucency, and natural wind.

- A hybrid rendering approach: detailed blade geometry nearby and efficient textured tufts farther away, with smooth LOD transitions.

- Better wood, bark, and roof materials through restrained surface relief and roughness variation.

- More natural ground variation, lighting, shadows, and atmospheric depth.

Preserve the existing scene from the image, touch-friendly orbit camera, walking controls, collisions, and interactions. Analyze the reference critically; adapt useful techniques rather than copying its rendering costs or bugs.

Aim for PS4/PS5-inspired visual richness within realistic mobile-browser limits. Use instancing, spatial culling, GPU wind animation, and scalable quality settings.

Deliver the implemented improvement as one self-contained HTML file with Three.js and all assets embedded, runnable locally and offline without installation or a server. Verify functionality and shader compatibility where possible, and clearly distinguish tested results from unverified visual or performance expectations.

2. 中文使用版(忠实翻译,非 Reddit 原文)

你是一名资深 Three.js 渲染工程师和技术美术,具备 Naughty Dog 级别的细节要求。

目标:制作一个可玩的 3D 演示。

优先实现:
- 具有弯曲、渐尖叶片、中央折痕、不同高度、较深根部、轻微透光和自然风动效果的真实草地。
- 混合渲染:近处使用细致的草叶几何体,远处使用高效的纹理草簇,并平滑过渡 LOD。
- 通过克制的表面起伏和粗糙度变化,改善木材、树皮和屋顶材质。
- 更自然的地面变化、光照、阴影和大气纵深。

保留参考图中的现有场景、适合触控的轨道相机、行走控制、碰撞和交互。批判性分析参考图,借鉴有效技术,不复制其渲染成本或缺陷。

在现实的移动浏览器限制内,追求 PS4/PS5 风格的视觉丰富度。使用实例化、空间剔除、GPU 风动动画和可伸缩质量设置。

将改进结果交付为一个自包含的 HTML 文件:包含 Three.js 和所有内嵌资源,可在本地离线运行,不需要安装或服务器。尽可能验证功能和着色器兼容性,并明确区分已测试结果与尚未验证的视觉或性能预期。

3. 提示词所隐含的最小配置

下表是根据原文整理的执行配置,不是原帖另行公开的 API 配置:

配置项原文要求
技术栈Three.js,单个自包含 HTML
交互可玩、触控友好的轨道相机、行走、碰撞和场景交互
视觉重点草叶几何、远近 LOD、木材/树皮/屋顶材质、地面、光照、阴影、大气纵深
性能策略实例化、空间剔除、GPU 风动、可伸缩质量
运行约束本地离线、无需安装或服务器、资源全部内嵌
验证要求检查功能和着色器兼容性;分开标记已测试与未验证结论

输入—输出案例

原帖记录的对比输入

  • 输入:同一组 3D 建模提示词、同一类参考场景;作者共做了 3 组测试,均不是 one-shot。

  • Gemini 3.8 Flash:该草地小屋测试使用 5 条提示词,总耗时约 8 分钟;作者记录大小约 115 KB(原帖未明确该数值的对象)。

  • Astra:同一测试使用 2 条提示词,耗时约 10 分钟;作者记录大小约 779 KB(原帖未明确该数值的对象)。

可观察输出与作者判断

  • 输出目标是一个包含草地、材质、光照、交互和性能策略的可玩 3D 演示,而不是单张渲染图。

  • 作者认为 Gemini 3.8 Flash 在该组测试中以更小的模型体积和更短的总耗时完成了结果,并据此认为它胜过 Astra。

  • 原帖没有附上完整生成 HTML、浏览器/设备规格、帧率日志、着色器兼容矩阵或逐项评分;上述“更快/更小”只能作为作者的单次记录。

测试/工作流步骤

  1. 准备可回滚的 Three.js 项目、参考图和固定的浏览器/设备;记录 Three.js 版本、资源和是否允许联网。

  2. 先输入原文完整 prompt,要求模型保留现有场景和交互,并明确输出单个自包含 HTML。

  3. 在本地离线打开 HTML,逐项检查相机、行走、碰撞、交互、草地风动、LOD 切换、材质、阴影和移动端触控。

  4. 检查浏览器控制台、WebGL/着色器错误、资源是否真的内嵌,并在不同质量档位下记录帧率和加载时间。

  5. 将结果拆成“已验证功能”“未验证视觉效果”“未验证性能预期”和“模型采取的简化”四栏;不要把模型的自述当作测试证据。

  6. 如需比较其他模型,固定同一输入、参考素材、设备、时间起点和验收表;分别记录提示词轮数、耗时、输出体积和人工修复。

适用边界与核验说明

  • “PS4/PS5-inspired”是视觉目标,不是主机级画质或性能承诺;移动浏览器的 GPU、内存和触控能力需要单独验收。

  • “5 条提示词”“约 8 分钟”“115 KB”以及 Astra 的“2 条提示词”“约 10 分钟”“779 KB”均为作者单次社区记录,不是受控实验,也不能直接推出模型总体优劣。

  • 原帖没有公开完整输出 HTML、测试日志、帧率、设备、具体参考图或模型 API 参数;复现时必须补齐这些变量。

  • “all assets embedded”与“离线运行”要求可能与外部字体、音频或浏览器模块依赖冲突;应检查 HTML 是否真的没有外链请求。

  • 复杂草地和 GPU 风动可能带来大量几何体、透明度和着色器开销;应提供质量降级或关闭特效的路径,不能只验证桌面高端设备。

  • 只能在有权访问的项目和素材上使用;不要把凭据、用户数据或内部资源地址嵌入提示词或生成的单文件。

来源摘录或观察(仅做合规短引)

该帖最可复用的设计是把“视觉目标”和“工程边界”放在同一条 prompt 中:既要求草地、材质和大气效果,也要求实例化、空间剔除、可伸缩质量、离线单文件交付,并要求区分已测试与未验证结论。作者的跨模型耗时和体积记录仍应视为待复核的社区经验。

Tabbit 小编提醒

提示词内容来自公开资料与 Tabbit 编辑整理。引用前请查看原文授权与适用范围。

Gemini 3.8 Flash

在 Tabbit 中使用

Gemini 3.8 Flash

相关提示词

官方Google AI for Developers / Google DeepMind2026-09-02

Gemini 3.8 Flash:Google 官方模型参数与 API 配置

官方Google AI for Developers2026-06-10

Gemini 3.8 Flash:Google 官方结构化提示与 Agent 工作流

官方Google AI for Developers

Gemini 3.8 Flash:Google 官方函数调用配置与工具工作流

官方Google AI for Developers2026-09-02

Gemini 3.8 Flash:Google 官方结构化输出配置

Gemini 3.8 Flash

相关测评

官方Google Blog(The Keyword)2026-09-02

Gemini 3.8 Flash:Google 官方发布基准与复现边界

媒体Artificial Analysis(官网模型页、方法论与发布文章;X 官方账号用于发现并核对发布帖)2026-09-02

Gemini 3.8 Flash:Artificial Analysis 智能、速度、价格与延迟

媒体AI IQ(AIIQ,Liberated Software LLC)2026-09-02

Gemini 3.8 Flash:AI IQ 能力基准与任务边界

媒体Vals AI2026-09-05

Vals AI Finance Agent v2:Gemini 3.8 Flash 的专业金融 Agent 基准