# 我如何用 Claude 制作可交互的网页 3D 资产（内含 Artifact） - 原标题：How I made an interactive web-ready 3D asset with Claude \(Artifact inside\) - 类型：帖子 - 来源：Reddit - 发布时间：2026-10-29 - 首次精选：2026-10-29 09:33 - 分级：值得看 - 学习层级：进阶 - 主题：[video-3d-generation]()（第 11 位）、[claude-code-ecosystem]()（第 15 位） - 原文链接：[https://reddit.com/r/ClaudeAI/comments/1xi5mc7/how\_i\_made\_an\_interactive\_webready\_3d\_asset\_with]() - 本站页面：[https://oplearnx.com/resources/pk\_452a356d3637]() ## 摘要 这是一条 Reddit r/ClaudeAI 社区帖子。作者讲述用 Claude Code 在终端中调用 Unreal Engine、Blender 和本地 image-to-3D 流程，制作一个可拖动、支持方向键的交互式网页 3D 资产：包括搭建 MetaHuman 场景与灯光、制作服装与扇子绑定、处理手臂与手部动画及碰撞、生成面具与头骨、编写视频编码与 WebGL 合成页面，并在无头 Chrome 中测试桌面和手机尺寸。作者自述负责美术方向与反馈迭代，还提到用平实语言描述问题（如“手看起来像塑料”“手动作僵硬”）来让 Claude 定位并修复。适合对 Claude Code 驱动 3D 与前端资产工作流感兴趣的人阅读。 ## 原帖 > 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 · 2026-10-29 · [原帖]() ## 中文大意 作者 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。（[出处]()） --- 来源：LearnMap · 学径（https://oplearnx.com）