城市脉动
一份交互式 3D 出行图谱，展示 2025 年 1 月纽约市黄色出租车的活动情况，包含 3D 地图、可回放的逐小时移动、分区查看，以及与工作日或周末平均值的对比。
值得一试的 3D 提示词案例
61 个可供改编的创作灵感
互动奇幻画面演示
一个 Dream Loop Plus 提示词，用于在浏览器中创建基于 Three.js 的奇幻场景，包含等距视角、可控制角色、湿润反光地面和环境氛围动态。作者将其标记为使用 GPT-5.6 Luna xhigh 的演示提示词；帖子称 Astra 在优化后的流程中负责视觉呈现。
交互式 3D 粒子对撞机
作者为构建交互式 3D 粒子对撞机提供的起始提示词，灵感来自 CERN 的 LHC 和 ATLAS 探测器，并要求使用单个自包含 HTML 文件实现。该提示词用于构建类似作品，并非明确展示案例所使用的确切输入。
沉浸式 3D 稻田网站
用于创建基于浏览器的 Three.js 3D 稻田景观网站的提示词，包含自然风动画、光照与相机模式、响应式控件、程序化植被和实时渲染。
北京天坛祈年殿 TypeScript + Three.js WebGL 项目
根帖展示了使用 GPT-6 Astra 和 Three.js 制作的北京天坛祈年殿 3D 模型及网页效果；作者后续贴出了用于创建该类项目的完整中文提示词。
互动果冻柠檬树
使用 WebGPU 创建一棵可互动的 3D 果冻柠檬树，包含摇摆的树枝、可用鼠标拾取的柠檬，以及挤压回弹物理效果。
工作台上的机器人宠物
一份详细的 Three.js 游戏规格说明：四足机器人拥有富有表现力的动作、可见的电池单元、充电机制，以及由三种物体触发的工作。
Three.js WebGPU 无尽微缩街景
创建一个可交互的微缩街景：包含配送自行车、沿街店铺、湿滑路面效果、散落的树叶、弯曲世界和像素艺术风格，并支持调节 Forge 参数。
可交互的手机拆解展示
构建一个 3D 智能手机可视化界面，支持通过拆解—重组滑块查看手机结构、选择组件，并了解每个部件的功能。
台式电脑交互拆解图谱
制作交互式 3D 网站，将台式电脑拆解为 29 个核心部件，为各部件添加拆解动画和说明。
首尔交互式微缩城市
使用开放地图数据，在 Three.js 中搭建首尔微缩城市。加入行政区导航、地标飞行浏览、昼夜模式与触控操作，说明建筑简化方式、估算高度及数据许可。
双环能量核心交互展示
在 Blender 中制作能量核心、双环和金属底座，保留材质导出到 Three.js 查看器，支持旋转、缩放、自动环绕和脉冲效果控制。
用自己的房间做交互式作品集
将自己的房间变成互动式自我介绍网站，在 Blender 中搭建并烘焙场景，再加入咖啡热气、Matrix 风格动画和细腻的着色器效果。
可游玩的 D4 风格公寓
研究 D4 主角的公寓，将其重建为可游玩的 3D 原型。对照参考资料检查布局与交互，不要假定结果已经精确还原。
可玩的3D乐团与音频同步动画
Astra受邀创作一段原创短篇作品，并打造一个支持音频驱动动画、时间轴定位、慢动作、摄像机控制、MIDI和源文件的可玩3D乐团。
Orbital 太阳系探索
在 Three.js 中制作浏览器太阳系探索器，包含八颗行星和二十颗卫星，支持移动镜头和简化的航天路线规划。
生物荧光深海主题落地页
制作深海主题落地页，结合 Three.js 水面效果、深色玻璃质感界面和滚动动效，让 3D 氛围与清晰、响应流畅的网站交互协调呈现。
交互式超级高铁演示
构建交互式 Three.js 超级高铁演示，展示运输舱、管道设施及系统中的运行过程。
滚动驱动的 3D 工作室网站
将参考图转成 Three.js 场景并融入滚动驱动的工作室网站，协调镜头运动、文字排版与章节过渡。
折射玻璃瓶产品叙事
围绕写实 WebGL 玻璃瓶构建交互产品网站，采用折射液体、滚动旋转与醒目文字，同时保证浏览器性能。
记忆扭蛋机
构建 3D 记忆扭蛋机，转动旋钮释放记忆，在 Blender 中建模机械结构，为掉落扭蛋添加可信运动和声音。
动画引导微缩场景
在 Blender 中创建引导微缩场景，并用 Three.js 呈现，以清晰核心物体和短动画解释用户首次操作。
可拆解的人体解剖模型
制作 3D 解剖网站，让人体分解成可单独检视的结构，使爆炸视图可导航，并按有意义的系统组织部件。
骑自行车的鹈鹕互动场景
在浏览器中创建一只骑薄荷绿色自行车的 3D 鹈鹕，支持自然踩踏、轨道控制、缩放和速度调节。
把提示词改成你的创意
说明访客可以点击、拖动或修改什么，以及相应结果。让首次交互清楚易懂，同时描述触摸和鼠标操作。
看教程，动手做
学习案例背后的制作方法。
