可行走跳跃的低多边形山羊小岛,Three.js 制作

Fable 5.1 用 Three.js 做出一座小岛和一只可操控的山羊,能行走、跳跃,并翻越岩石、原木和石墙。动物的动作很值得一试。

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

创建精细的 3D 模型

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

Wandy3D 制作说明

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

Build a small interactive 3D island toy in a single self-contained HTML file using Three.js. The island is low-poly: a grassy hill with swaying grass blades, stylized pine trees, bushes, boulders, a fallen log, a low stone wall and a sandy shore surrounded by calm water under a pale sky. Place a controllable pet goat on the island. The goat walks with WASD, can sprint with Shift, jumps with Space, and climbs or hops up onto rocks, walls and other obstacles instead of clipping through them, with simple leg animation. Add an orbiting third-person camera that follows the goat, with drag to orbit and mouse wheel to zoom, and a small on-screen hint line listing the controls. Use soft daylight, gentle shadows and a muted green, grey and blue palette. Done means the goat moves smoothly around the whole island, reacts to terrain height and obstacles, and the scene runs at a steady frame rate in a desktop browser.

如何使用这条提示词

  1. 把构建简介粘贴到使用 Claude Fable 5.1 的 Claude Code 等智能体中,要求生成单个 Three.js HTML 文件。

  2. 把山羊换成其他宠物,并按你的想法修改岛上的物件、配色或时间段。

  3. 打开文件,用 WASD 移动、空格跳跃,再让它增加障碍或优化攀爬动作。

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