Three.js 照片转 3D 体素工作室,带波浪动画

Claude Fable 5.1 协助做出 Three.js 工具:把人像变成上万个实例化 3D 图形,可调波浪并导出 GIF 或 PNG。

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

创建精细的 3D 模型

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

Wandy3D 制作说明

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

Build a browser tool in Three.js that turns an uploaded photo into an interactive field of more than ten thousand 3D pixels. Sample the image on a grid and render each cell as an instanced sphere, cube or cylinder coloured from the photo, so the whole field costs a single draw call and stays near 60 FPS. Add a dark background and a compact control panel with an image upload, a shape selector, a material theme selector (original colours, metallic, neon), sliders for grid resolution, wave amplitude, wave speed and depth extrusion, an auto-rotate toggle, and buttons to export an animated GIF and a high-resolution PNG. Animate the voxels with a travelling 3D wave displacement and allow orbiting and zooming close to see individual shapes. Done means any portrait can be dropped in and explored live.

如何使用这条提示词

  1. 在编程工具中把构建说明交给 Claude Fable 5.1,要求生成 Three.js 项目。

  2. 调整形状、材质主题、网格密度和波浪效果,或加入自己的着色器风格。

  3. 上传照片并调节滑块,再要求增加导出选项或性能优化。

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