TianLiLally
发布于 2026-11-01 / 0 阅读
0
0

单条视频 379 万播放量背后的 Claude 新玩法:开源 teardown 颠覆 3D 机械可视化

3D

单条视频 379 万播放量背后的 Claude 新玩法:开源 teardown 颠覆 3D 机械可视化

硬核数学 · 离线 3D 模拟器
打包产物体积
单页 < 1MB HTML
零外部网络依赖 · 离线浏览器双击即跑
底层机械驱动
纯数学解析解驱动
绝非逐帧关键帧 · 曲轴角/齿轮模数单自由度
交互与电影渲染
自由拆解 + 60fps 导片
剖面透视 / 仪表盘联动 / Python 物理音效
💡 极速概览:一条用 Claude 生成机械拆解 3D 动画的演示视频在 X/Twitter 上狂揽 379 万次播放!作者正式将这套革命性的智能体技能开源——elvarofficial/teardown。你只需对 Claude Code 说一句“帮我做一个可以拆解的双顶置凸轮轴 V8 发动机”,它就能直接用纯粹的机构运动学数学方程(Kinematics)与代码生成几何体(Code-generated geometry),生成一个体积不到 1MB、离线双击即可运行的单页 HTML 交互式 3D 模拟器!读者可以在网页里自由缩放、切换 X 光与切面透视、单击拆解任意齿轮与连杆,甚至自动导出带物理音效的 60fps 渲染视频!
npx skills add elvarofficial/teardown -g -a claude-code
379万播放量开源原型 GitHub 仓库 ➔
# 1. 一键安装 teardown 技能至 Claude Code 运行时
$ npx skills add elvarofficial/teardown -g -a claude-code
# 2. 自然语言直接命令 Claude Code 建模构建复杂工程机械
> "做一个 Cessna 飞机主起落架收放模拟器,要求连杆几何与机轮减震行程完全符合 1:1 数学机构学,并带剖面视图。"
# 3. 秒级编译打包为体积仅 ~800KB 的离线自包含单页 HTML
$ node sims/build.mjs cessna-live
→ 产出:teardown-out/dist/cessna-live.html (内置 Three.js 引擎、着色器预热、高精度物理仪表板)
💡 工业级精度:每个机械的几何形变均由曲轴角(Crank angle)、行程比率(Stroke 0..1)或气压输入等单自由度精确积分求解,无缝联动仪表盘物理真实读数! 完全摆脱庞大 3D 模型资产包

📌 颠覆传统 3D:为什么说这是降维打击式的工程创新?

在传统的 3D 可视化领域(无论是在工业仿真、教育展厅还是网页端 WebGL),制作一个“可拆解、带动态物理运转与实时仪表读数”的机械模型,通常需要跨越极其繁琐的专业流程:

  1. 资产极其沉重:通过 SolidWorks、Blender 导出几百兆甚至上 GB 的 FBX / GLB 格式,网页端加载慢如蜗牛;
  2. 动作靠“手 Key 关键帧”:齿轮啮合、活塞往复运动往往靠动画师手动打关键帧对齐,稍微调整参数就会产生穿模或断齿;
  3. 交互与数据断层:模型只是被动的贴图动画,根本无法与周围的压力计、扭矩表、热负荷传感器进行真实物理数学联动;
  4. 部署环境脆弱:需要依赖复杂的 Node.js 后端服务器、云端 WebGL 渲染流或繁杂的 npm 第三方依赖包。

teardown 的核心突破,在于将“软件工程的确定性”与“LLM 代码生成能力”发挥到了极致:

“我们不加载外部的 3D 资产文件,我们直接用纯粹的代码去生成几何体!通过机构运动学(Kinematics)闭式方程,整个复杂的机械体系只需要一个核心输入量(例如曲轴转角 $ heta$),所有活塞位置、连杆倾角、气门升程与指示功图均直接通过三角几何精确解出。这就是为什么它能做到不到 1MB 却丝滑流畅!”

📊 teardown 三大官方标杆机械架构与技术实现全景横向速查表
横向滑动查看完整内容(左右拖动)
机械模型项目 物理驱动核心输入 机构学数学解法 (Kinematics) 核心交互视窗与高光设计
🏎️ 十字曲轴 V8 发动机
(v8-live)
曲轴转角 $ heta$ (0°~720°)
点火顺序 1-8-4-3-6-5-7-2
严格滑块曲柄解析公式,配气凸轮升程方程,气缸燃烧室内压与示功图联动积分 三种剖面透视模式(玻璃气缸壁、全剖切面、金属实体);支持点选任意单缸追踪其进气-压缩-做功-排气四冲程与火花塞点火闪光。
✈️ 塞斯纳 337 起落架
(cessna-live)
液压行程比率 (Stroke 0..1)
起飞/巡航/降落飞行阶段
201mm 齿条驱动 32 齿模数 4mm 小齿轮(节径 128mm),转动 180° 带动全套空间折叠四连杆 单自由度精准展开;机轮触地减震弹簧阻尼吸收,地面跑道配合机轮滚速动态后移,全景雷达仪表盘实时显示襟翼与舱门锁止状态。
🦀 仿生泰奥风力神兽
(strandbeest-live)
风力风速矢量 (Wind)
动态扭矩积分驱动中央主轴
荷兰艺术家 Theo Jansen 的 11 个“神圣数字”连杆长度,仅用 67 行代码写出圆交点解析求解器 20 条腿在沙滩上步进漫游;实时绘制每只脚掌的步态运动轨迹折线(Foot Trace),带全量 20 足着地相位时序图。

🔑 核心工业级七大铁律:让代码生成 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 编程在工程科学、工业教育与视觉设计领域的巨大潜能。它不仅是一项令人惊艳的技术玩具,更为下一代数字孪生与交互式技术教学树立了全新标杆!

免责声明

本文章仅供参考学习使用,不具备任何教学行为,了解账户授权、第三方服务风险、数据处理及责任限制。


评论