我如何用 Claude 制作可交互的网页 3D 资产（内含 Artifact）
How I made an interactive web-ready 3D asset with Claude (Artifact inside)
这是一条 Reddit r/ClaudeAI 社区帖子。作者讲述用 Claude Code 在终端中调用 Unreal Engine、Blender 和本地 image-to-3D 流程，制作一个可拖动、支持方向键的交互式网页 3D 资产：包括搭建 MetaHuman 场景与灯光、制作服装与扇子绑定、处理手臂与手部动画及碰撞、生成面具与头骨、编写视频编码与 WebGL 合成页面，并在无头 Chrome 中测试桌面和手机尺寸。作者自述负责美术方向与反馈迭代，还提到用平实语言描述问题（如“手看起来像塑料”“手动作僵硬”）来让 Claude 定位并修复。适合对 Claude Code 驱动 3D 与前端资产工作流感兴趣的人阅读。
- 分级
- 值得看
- 收录时间
- 2026-10-29
原帖
I did the art direction and gave feedback. Claude Code did the building, running in my terminal with access to Unreal Engine, Blender and a local image-to-3D setup
中文大意
作者 JeffCache 分享如何用 Claude Code 做出一个可在网页上交互的 3D 资产（附 Artifact 链接，可左右拖动或用方向键，手机上也能用）。他负责美术方向和反馈，Claude Code 在终端里调用 Unreal Engine、Blender 和本地 image-to-3D：写并运行 Python 脚本搭建 MetaHuman 场景、材质、灯光和 Movie Render Queue 任务；在 Blender 里制作并贴合服装、给扇子做折叠绑定、解决手臂与手部动画并加碰撞检查避免手指穿过扇子；用本地 image-to-3D 生成面具和骷髅并贴合到脸上、切出骷髅露出的裂缝；编写视频编码和在浏览器实时合成图层的 WebGL 页面；用无头 Chrome 在桌面和手机尺寸下测试，并查出部分 iPhone 不播放是视频编解码设置问题；通过自然语言描述问题（如“手看起来像塑…
讨论区核心观点
依据 3 条评论
- 有人觉得效果非常酷，表示赞赏。 出处（新标签页打开）
- 建议在用户开启 prefers-reduced-motion 时暂停微风循环动画，但拖动时扇子仍可移动。 出处（新标签页打开）
- 版务机器人推荐加入面向使用 Claude 的游戏开发者的新子版块 r/ClaudeGameDev。 出处（新标签页打开）