Three.js 卡牌游戏:构筑卡组、对战场与特效实验室
GPT-6 Astra 完成了面向 WebGPU 的卡牌游戏完整核心循环:买卡包、组卡组、竞技场对战、领取奖励。
Claude Code + Three.js（仅代码）Wandy 2
创建精细的 3D 模型
单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型，直接用在同一个场景里。
Wandy3D 制作说明
作者没有公开提示词，因此我们写下了复现这个作品的方法。
Build a trading card game framework for the browser with Three.js and WebGPU. Cover the full core loop: a shop to buy decks and booster packs, a deck builder, a battle arena and a reward screen after matches. Include a card editor with a live card preview, fields for stats and art, and a colour picker. The arena is a dark, sci-fi board with lanes where cards are placed, life totals for both players, a card detail popup and an attack action log. Add a VFX lab with a 3D grid where effects such as projectiles and shields can be previewed and tuned with sliders. Use a dark UI with cyan and magenta accents. Use simple placeholder meshes and effects that can be swapped for custom assets later. Deliver a runnable web project. Done means you can buy a pack, build a deck, play a battle against an opponent and receive a reward.
如何使用这条提示词
在空的 Three.js 项目里,把构建说明粘贴给编码工具中的 GPT-6 Astra。
换成自己的卡牌主题、规则、阵营和界面配色,先保留占位模型。
运行并完整玩一轮,再让它补充卡面美术、新特效或调整平衡。
原帖你是作者吗？ 请联系我们修改或删除此页面
