📌 颠覆传统 3D:为什么说这是降维打击式的工程创新?
在传统的 3D 可视化领域(无论是在工业仿真、教育展厅还是网页端 WebGL),制作一个“可拆解、带动态物理运转与实时仪表读数”的机械模型,通常需要跨越极其繁琐的专业流程:
- 资产极其沉重:通过 SolidWorks、Blender 导出几百兆甚至上 GB 的 FBX / GLB 格式,网页端加载慢如蜗牛;
- 动作靠“手 Key 关键帧”:齿轮啮合、活塞往复运动往往靠动画师手动打关键帧对齐,稍微调整参数就会产生穿模或断齿;
- 交互与数据断层:模型只是被动的贴图动画,根本无法与周围的压力计、扭矩表、热负荷传感器进行真实物理数学联动;
- 部署环境脆弱:需要依赖复杂的 Node.js 后端服务器、云端 WebGL 渲染流或繁杂的 npm 第三方依赖包。
teardown 的核心突破,在于将“软件工程的确定性”与“LLM 代码生成能力”发挥到了极致:
“我们不加载外部的 3D 资产文件,我们直接用纯粹的代码去生成几何体!通过机构运动学(Kinematics)闭式方程,整个复杂的机械体系只需要一个核心输入量(例如曲轴转角 $ heta$),所有活塞位置、连杆倾角、气门升程与指示功图均直接通过三角几何精确解出。这就是为什么它能做到不到 1MB 却丝滑流畅!”
🔑 核心工业级七大铁律:让代码生成 3D 具有“高级工业质感”
很多开发者用 AI 写 Three.js 代码时,生成的作品往往像粗糙的玩具。teardown 之所以能在社交网络引爆几百万播放量,是因为它的提示词工程与系统架构严格焊死了七条“神级规则”:
1. 从真实图纸出发,杜绝凭空臆造
绝不允许大模型单凭一句话凭空编造机械。必须给它喂入真实发动机维修手册截面图或齿轮箱尺寸表,用真实缸径、冲程、连杆比去约束数学模型。
2. 单一输入源驱动全场
整台机械的所有部件形变、仪表盘指针、实时波形图与声音节拍,全部从同一个自变量(如曲轴角 $ heta$)导出,绝对不存在各动各的打架漂移问题。
3. 核心受力部位必须“切开来看”
观众要看的不是一个黑盒子铁疙瘩!它必须具备剖切(Cutaway)、X 光与单独隔离(Isolate)模式,把最核心的受力与燃烧过程展露无遗。
4. 浅色影棚与单点高光点缀
深色背景在社交信息流里第一秒容易发闷。它采用浅色专业工业展厅背景(带 GTAO 环境光遮蔽与柔和地面阴影),配合极醒目的单色高光标注当前运转部件。
💻 开发者如何上手:玩转这套 3D 机械可视化技能
如果你已经在使用 Claude Code 或开源 AI 智能体框架,上手 teardown 极其简单:
第一步:安装技能与环境准备
# 全局安装 teardown 技能至 Claude Code npx skills add elvarofficial/teardown -g -a claude-code # 进入安装目录安装 Chromium 无头测试驱动 npm install && npx playwright install chromium
第二步:用自然语言向 Claude 下发机械设计需求
你可以直接用日常语言向 Claude 描述你想要探究的任何精密机械:
- “帮我做一个机械自动腕表的同轴擒纵机构(Co-axial Escapement)3D 模拟器,可以让我拉近观察游丝摆轮与擒纵轮的微观运动。”
- “用纯代码构建一个挖掘机的六联液压多路阀与大臂伸缩四连杆,右侧仪表盘实时读出液压缸压力。”
- “做一套沙丘沙虫的机械六足步进机构,要求能够随时切换切面透视与单零件拆解。”
第三步:一键打包单页 HTML 与录制 60fps 物理音频演示片
# 编译出单页自包含 HTML (小于 1MB,内联 Three.js 与字体,无网络依赖) node sims/build.mjs v8-live # 调度 Playwright 逐帧无头光线捕获,导出丝滑 60fps 视频并合成纯 Python 生成的真实音效 node sims/capture.mjs v8-film --size 1600x900 --dpr 1.2 --out teardown-out/v8-silent.mp4 python run_sfx.py sims/v8-shared/score.py ffmpeg -y -i teardown-out/v8-silent.mp4 -i teardown-out/v8-score.wav -c:v copy -c:a aac teardown-out/v8.mp4
🔄 总结与开源资源直达
从手工 3D 建模到“代码直接生成 3D”,teardown 让我们看到了 AI 编程在工程科学、工业教育与视觉设计领域的巨大潜能。它不仅是一项令人惊艳的技术玩具,更为下一代数字孪生与交互式技术教学树立了全新标杆!
- GitHub 官方仓库:https://github.com/elvarofficial/teardown(开源许可:MIT);
- 底层核心技术来源:基于 whaleyxbt/claude-motion 深度扩展;
- 博主官方技术空间:欢迎关注博主官方主页 https://github.com/lalytian,获取更多前沿 AI Agent 技能、3D 可视化与极客工具链最新实战探索。