3D 场景 · Claude Opus 5.5

等距城市搭建:口袋都市

口袋都市。来自 100 HTML 合集的独立交互 3D 场景实验。打开原始来源体验完整作品。

口袋都市的作品预览

可复用提示词

编辑整理的参考模板,并非经核验的创作者原始提示词,也尚未验证能否复现展示的效果。

制作名为“口袋都市”的独立交互 3D 网页体验。设计有力的首帧、明确的镜头、灯光、景深、材质,以及一项有意义的指针或键盘交互。使用单个 HTML 文件,内联 CSS 与 JavaScript,不使用外部素材。保持渲染响应迅速,限制设备像素比,提供自适应画质和减少动态效果的行为;交付前检查移动端构图、裁切、帧率和控制台输出。

如何改编这个案例

以下为结合现有提示词与来源整理的编辑建议,尚未通过复现验证,不保证得到展示中的效果。

准备哪些输入

选择网格大小、建筑类型和简单放置规则。来源界面提供建造工具、拆除、平移和缩放;不要仅凭外观假设它使用某种 3D 引擎。

建议操作步骤

  1. 把通用场景提示词改成明确的网格与单一放置动作。
  2. 加入拆除和导航,避免拖动时误放建筑。
  3. 先定义人口或幸福度如何变化,再实现这些计数。

结果检查清单

  • 选中工具放置的是预期物体。
  • 平移和缩放不会造成放置坐标错误。
  • 移除物体会更新可见状态。

常见问题与调整

如果点击选中了错误格子,应先在多个缩放级别测试指针到网格的坐标换算,再增加建筑种类。