[AI Coding 实战] 用 Seed Evolving 零干预复刻 ChinaJoy 巨型傩女,差点做成廉价占卜网站……
前言: 当 AI Coding 遇上“中式微恐”美学!最近尝试把 ChinaJoy 那尊极具压迫感的巨型傩女,用纯 AI 编程的方式复刻成一个可交互的网页。原本以为是个简单的活儿,结果 AI 一度跑偏,差点把这做成一个“廉价在线占卜网站”……
🛠️ 一、技术选型与环境
-
AI 编程助手:Seed Evolving(负责长程任务拆解、代码生成与自动 Debug)
-
前端框架:React + TailwindCSS(AI 自动选型)
-
3D 引擎:Three.js(用于加载傩女高精度模型及骨骼动画)
-
部署平台:Vercel(一键部署,自动配置 CI/CD)
🚀 二、核心实现路径
1. 模糊需求输入(Prompt)
向 Seed Evolving 输入核心需求:“创建一个 React + Three.js 网页,展示 8 米高傩女。点击棺材实现‘开棺问面’动画,支持面具切换,整体风格偏暗黑国风。”
2. 长程任务执行(48小时实录)
-
代码生成:自动编写组件、编写 GSAP 动画控制逻辑、配置响应式布局。
-
自动纠错:在无人工干预的情况下,AI 自主修复了模型加载路径错误、移动端动画卡顿等 3 轮报错。
3. “跑偏”名场面
在开发中期,AI 错误地将“开棺问面”的逻辑理解成了“命运占卜”。一度生成了一堆塔罗牌 UI 和抽签逻辑……经过多轮强化提示词(Prompt Engineering),才终于把 AI 拉回“中式微恐”的正轨。
🖼️ 三、成果展示
✅ 在线 Demo 体验地址:
👉 https://supernatural-squad.vercel.app
✅ 核心亮点:
-
流畅的“开棺”与“换面”交互动画。
-
针对移动端进行了性能优化,主流机型可流畅运行。
-
氛围感拉满,被测试用户评价“像进了《超自然行动组》的副本”。
💡 四、经验总结
-
长程任务需“强约束”:在提示词中必须严格限定技术栈和视觉风格,防止 AI 自由发挥导致跑偏。
-
模型资源是关键:AI 虽然能找模型,但高精度且符合特定审美的模型仍需人工介入筛选。
-
AI 已是生产力:Seed Evolving 已经具备了独立完成全栈项目(从 0 到 1)的潜力,开发者正逐渐转变为“架构师”和“审核员”。
📢 互动与引流:
如果你对这个项目的完整源码感兴趣,或者在 AI 编程过程中遇到了类似的问题,欢迎在评论区交流!
此外,关于这个项目的详细开发心路历程、踩坑复盘以及更多幕后花絮,我已经发布在我的公众号 【Lenny的增长笔记】 上。
👉 戳这里阅读完整图文复盘:https://mp.weixin.qq.com/s/jNhbLigy_e5SmOD_t6RvDw

浙公网安备 33010602011771号