零代码四小时:Claude 一次性写出手部元素特效镜像网页
Sourcecode12 · reddit · 2026-11-13
一位 VFX 作者发布「elemental mirror」项目:用摄像头让双手各自带火、冰、水、闪电等元素,张嘴喷火、吹气让火焰弯曲、火球可投掷并在屏幕上爆开,还能更换背景并让火光实时照亮人脸。
关键点:
- 全程没写代码,只用自然语言描述,Claude 在约 4 小时、5 个版本的一次会话中完成
- 整个项目是单个 135KB HTML 文件,无安装无构建无框架;手/脸/身体追踪用 Google MediaPipe 浏览器端运行
- 火焰、烟雾、水是跑在 GPU 上的真实流体模拟(WebGL 2);无深度摄像头,由 Claude 从身体轮廓和 3D 面部网格估算深度图来做光照
- Claude 无摄像头,用 headless 浏览器里的模拟火柴人自测,真实 bug(火焰换手、喷火方向错、嘴部特效不触发)由作者逐个反馈修复
- 成本约 35–45 美元 API 等价(35 万输出 token、130 万缓存写入、3900 万缓存读取)
- Claude 还自行创建 GitHub 仓库、推送文件并开启 GitHub Pages;视频在本机处理,不上传
所属事件:开发者用 Claude 打造「元素魔镜」：挥手即可喷火吐冰(3 条相关)→
「编程与Agent」频道最新
- 用 Claude 在 Canvas 里做设计评审：截图逐状态批注并行改 — max__drake · 2026-11-13
- Unity 十年没换编辑器，单个用户自己造出了一个等效替代 — gdechichi · 2026-11-13
- vibecoding 时代护城河是 UX:比拼的是打磨细节的耐心 — vivekhaldar · 2026-11-13
- Replit Agent 接入 Link 钱包，可自主下单代企业采购 — jeff_weinstein · 2026-11-13
- 设计师每次 Gemini 新模型发布都让它重做个人网站 shader,效果持续惊艳 — AIandDesign · 2026-11-13
- Dreamina+CapCut Agent 拼出一条 AI 广告片低成本剪辑流水线 — alifcoder · 2026-11-13