用Three.js从零构建的等距暗黑奇幻动作游戏关卡

GPT-6 Astra在中等强度下用Three.js做出动作游戏的完整第一关:废墟拱门、传送门、战斗和技能栏。

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

创建精细的 3D 模型

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

Wandy3D 制作说明

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

Build the first level of a 3D isometric action game as a browser project using Three.js, with every asset created in code and no downloaded models. Set it in overgrown fantasy ruins: mossy stone arches, pillars, broken walkways, obelisks, foliage, drifting fog and moody lighting with glowing cyan portals. Add a hero seen from a high angled camera who moves by clicking, attacks enemies, and uses abilities from a hotbar at the bottom of the screen. Include health display, a minimap in the corner, a game title, floating combat feedback, magic summoning circles and a light beam effect for key events. Give the level a clear objective with enemies to defeat and areas to reach. Run the game, play through it, and fix bugs until movement, combat and interactions work. Deliver a runnable project with instructions to start it.

如何使用这条提示词

  1. 把构建说明粘贴到使用GPT-6 Astra的Codex等智能体,并要求只用Three.js。

  2. 更换场景、主角、敌人或技能,例如科幻遗迹或沼泽。

  3. 得到可玩的关卡;让它自行试玩并修复战斗、镜头和敌人行为。

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