本指南不仅提供提示词，更提供底层机制的设计思路。
01. 能量守恒大师：V2G 智慧电网调度沙盘
-
核心创意： 针对电力系统研究背景，将抽象的“削峰填谷”可视化。
-
交互机制： 用户拖动“负荷曲线”滑块，场景中的城市灯光随之明暗，点击电动汽车（EV）可实时观察到能量流向电网的粒子动画。
-
技术栈建议： Three.js + GSAP (平滑过渡) + CSS3DRenderer。
-
Master Prompt：
“请基于 Three.js 创建一个 3D 智慧城市模型。包含 20 个低多边形建筑和 10 个 EV 充电站。实现一套电力平衡逻辑： 当外部负荷变量
gridLoad超过 80% 时，建筑材质通过emissive属性产生红色呼吸效果。编写raycaster事件，点击 EV 模型时，触发从车到底座的流光线条，并使gridLoad变量数值实时下降，模拟 V2G 响应过程。”
02. 数字猎手：YOLO 实时目标检测模拟
-
核心创意： 模拟自动驾驶或安防系统的视觉感知界面。
-
交互机制： 第一人称视角，准星对准物体时自动生成 3D 边界框（Bounding Box），显示物体类别和置信度。
-
技术栈建议： React Three Fiber + ShaderMaterial。
-
Master Prompt：
“构建一个 3D 室内实验室场景。核心交互逻辑： 实现一个
Raycaster扫描系统，每 100ms 从相机中心点发射射线。当命中带有detectable标签的 Mesh 时，在其 AABB 包围盒位置动态生成一个绿色发光线框。在 UI 层显示实时变化的置信度随机数（0.95-0.99），背景加入扫描线 Post-processing 滤镜，营造 AI 感知氛围。”
03. 工业美学：零重力产品“爆炸拆解”
-
核心创意： 极致的产品细节展示，适用于电商 3D 详情页。
-
交互机制： 滚动鼠标滚轮，精密设备的零件按特定路径向外飞散，点击零件弹出详细参数卡。
-
技术栈建议： Three.js + Cannon.js (物理惯性)。
-
Master Prompt：
“加载一个复杂的 3D 机械 GLTF 模型。编写逻辑： 遍历所有子 Mesh，为其设置初始位置和目标偏移位置。将页面滚动进度
window.scrollY映射到偏移系数上。要求：加入惯性阻尼（Damping），使拆解过程具有‘丝滑’的手感。点击零件时，相机自动聚焦（Camera LookAt），并调用 HTML 浮层显示该零件的规格。”
04. 节点保卫战：拓扑网络攻击防御
-
核心创意： 将抽象的网络攻击演化为 3D 塔防交互。
-
交互机制： 红色脉冲粒子向中心节点进攻，玩家通过点击路径节点生成蓝色脉冲拦截攻击。
-
技术栈建议： Three.js (Points 粒子系统) + Tween.js。
-
Master Prompt：
“创建一个 3D 拓扑结构网络图。机制设计： 每隔 3 秒从边缘节点向中心随机生成‘攻击粒子’。实现一个点击拦截函数：当用户点击任意节点，该节点向周围扩散一个蓝色防御圈。编写碰撞检测函数，若‘攻击粒子’进入防御圈则销毁并产生爆炸特效。实时更新‘拦截成功率’看板。”
05. 减压阀：百万级流体粒子力场
-
实验核心： 挑战浏览器性能极限，展示大规模实时物理反馈。
-
交互机制： 鼠标移动产生斥力或引力，像揉捏液态金属一样操控粒子团。
-
技术栈建议： WebGPU + Compute Shader。
-
Master Prompt：
“利用 WebGPU 编写一个粒子计算着色器，管理 10 万个点。物理逻辑： 粒子受全局中心引力维持球形。实时获取鼠标 3D 空间坐标，在坐标点处施加一个反平方比的斥力场。要求粒子颜色与运动速度挂钩：低速为暗紫，高速为亮青。加入 Bloom（辉光）后处理，使粒子碰撞时有光影闪烁感。”
06. 逻辑生长：AI Agent 决策思维树
-
实验核心： 将 AI 的思考逻辑路径可视化。
-
交互机制： 输入文字，场景动态生长出新的分枝节点，支持无限缩放和深度交互。
-
技术栈建议： D3-3D + Three.js + GSAP。
-
Master Prompt：
“设计一个动态生成的 3D 节点树系统。逻辑流： 初始为一个发光的‘核心节点’。当监听到输入信号时，使用脚本生成 3-5 个带有动态连线的子节点。点击任意子节点，相机平滑过渡到该视角，并递归生成该节点的下级分支。所有连线需具备流光动效，模拟数据传输过程。”
07. 算法之境：过程化地牢生成迷宫
-
实验核心： 演示计算几何与自动化关卡设计的魅力。
-
交互机制： 每次点击“Reset”，整个迷宫的布局、光影和物品分布完全随机更新。
-
技术栈建议： Three.js + PCG (Procedural Content Generation) 算法。
-
Master Prompt：
“实现一个基于随机行走算法（Random Walk）的 3D 地牢生成器。生成逻辑： 在 10x10 的网格中随机放置方块、走廊和灯光。玩家可以通过 WASD 控制小球在其中移动。增加一个‘上帝视角’切换按钮，俯瞰整个生成过程。要求所有材质使用低多边形复古风格，环境光随生成结果动态调整。”
08. 拟真气象：数字孪生环境控制器
-
实验核心： 展示材质 Shader 在不同环境下的实时状态转换。
-
交互机制： 切换“雨/雪/晴”模式，场景内物体的粗糙度、反射率及粒子效果实时改变。
-
技术栈建议： Three.js + Custom Shaders (GLSL)。
-
Master Prompt：
“构建一个包含反射水面和极简建筑的 3D 场景。环境交互： 编写一个材质控制器，切换‘雨天模式’时，修改所有 Mesh 的
roughness为 0.1，并开启水面涟漪着色器；切换‘雪天模式’时，使用dot(normal, vec3(0,1,0))在模型上方混合一层白色的遮罩。所有转场需在 2 秒内完成渐变。”
09. 节奏之塔：音频驱动的动态建筑
-
实验核心： 声音与视觉的绝对同步，极具节奏感。
-
交互机制： 上传音乐，3D 建筑的每一层随不同频段跳动，节奏点触发全屏闪烁或相机震动。
-
技术栈建议： Web Audio API + InstancedMesh。
-
Master Prompt：
“创建一个由 64 个立方体组成的 3D 环形塔楼。音频映射： 获取实时音频的 FFT 数据。将低频数据映射到内层立方体的高度，高频映射到外层。当检测到瞬时能量峰值（Kick Drum）时，触发整个场景的色差滤镜（Chromatic Aberration）闪烁一次。要求支持用户拖放 MP3 文件实时播放并生成视觉。”
10. 空间折叠：非欧几何视觉解谜
-
实验核心： 模拟《纪念碑谷》，利用正交视角制造空间悖论。
-
交互机制： 旋转相机角度，当两个断裂的路径在视觉上对齐时，逻辑上通过“桥梁”连接。
-
技术栈建议： Three.js + Orthographic Camera。
-
Master Prompt：
“设计一个基于正交相机的 3D 拼图小游戏。视觉逻辑： 场景包含两个错开的 3D 台阶。编写一个角度检测函数：当相机的
rotation.y处于Math.PI / 4且误差小于 0.05 时，在逻辑层将两个台阶的路径打通。加入一个视觉反馈：对齐成功时，连接处的边缘产生一圈发光粒子动画。”