可切换季节、天气与夜景的交互式体素城市天际线

Claude Fable 5.1 一次生成体素城市沙盘,可旋转查看,并切换雨、雪、雾、日落和夜晚。

在线演示

Claude Code + Three.js(仅代码)Wandy 2
真实模型 · 360°两者都基于同一张照片:左边是 Claude Code(Opus 5.5)用 Three.js 代码建模的一次未经修改的运行结果;右边是 Wandy 2。

创建精细的 3D 模型

单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。

Wandy3D 制作说明

作者没有公开提示词,因此我们写下了复现这个作品的方法。

Build an interactive voxel city diorama that runs in the browser, preferably with Three.js. Show a compact floating slab of land with a dense downtown of colorful blocky towers, one tall landmark tower with an observation pod, a waterfront with small boats, parks with trees and puffy voxel clouds. Let the user orbit, zoom and pan around the model. Add a small translucent control panel with buttons for seasons and for weather and time of day: clear, rain, snow, fog, sunset and night. Each choice changes sky color, lighting, particles and the look of the ground, for example falling snow, rain streaks, foggy depth, warm evening light and lit windows at night. Keep a soft muted blue-gray background and a clean minimal interface. Done means smooth camera control, readable buildings at every setting and transitions between moods that feel polished.

如何使用这条提示词

  1. 在编码工具中把构建简述交给 Claude Fable 5.1,要求做一个网页应用,最好用 Three.js。

  2. 换成你自己的城市和地标,并修改天气与季节预设列表。

  3. 作为静态页面部署,再迭代粒子效果、光照和控制面板。

原帖你是作者吗? 请联系我们修改或删除此页面