Three.js多人联机帆船航海世界

Claude Fable 5.1用Three.js生成了共享的低多边形海洋,玩家驾船穿过岛屿和海域,带指南针和HUD。

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

创建精细的 3D 模型

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

Wandy3D 制作说明

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

Build a multiplayer sailing game as a Three.js web app. The player steers a wooden pirate ship with striped sails across a large low-poly ocean with rolling dark-blue waves, foam trails behind the hull and a bright sky with chunky white floating rocks. Scatter islands, named regions and other players' ships, each with a floating name label. Use a chase camera that can also swing close to the deck, a compass in a corner, and a small HUD showing speed, region, camera mode and crew count. Change the sky and water tint by region, including a dark starry area. Add a server using WebSockets so several players see each other's ships move in real time. Keep the art simple: flat-shaded geometry, soft fog and a limited palette. Done when two browser tabs can sail the same sea, the ship rides the waves, and the HUD and compass update as you travel.

如何使用这条提示词

  1. 把构建指令粘贴到使用Claude Fable 5.1的编码代理,并要求Three.js客户端和WebSocket服务器。

  2. 把船只、海域、配色或浪高换成你自己的设定,比如宇宙飞船或皮划艇。

  3. 打开两个标签页测试联机,再继续调整操控、镜头和海域效果。

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