Vincent Workshop · Model Lab

机械模型库

用 Anatomy 构建的可交互模型:等距投影、真实零件、实时运动。点开卡片即可在浏览器里操作,无需插件或下载。

SVG · WEBGL · 3D
SVG SKILL 示例 千分表与量块:滑架沿导轨移动,探针落在量块上

千分表与量块

滑架沿导轨移动,探针落到三块量块上,千分表读出高度。Anatomy 最小的完整示例,约 300 行。

SVG SKILL 示例 按压式按钮与指示灯:按住按钮,触点闭合,灯亮起

按钮与指示灯

按住按钮,弹簧触点闭合,指示灯亮起;松开回弹。一个把电路通断变成机械动作的小示例。

SVG SKILL 示例 1984 风格的桌面电脑,键盘与 CRT 屏幕

1984 桌面电脑

键盘可直接打字,文字出现在 CRT 的屏幕平面上;关机时画面收成一条线和一个点。

SVG SKILL 示例 侧板打开的立式街机柜,投币口、主板与 CRT

投币街机

投一枚硬币,它沿滑道滚进钱箱,脉冲沿电缆传到主板,CRT 预热进入 attract mode。约 240 个实体、15 根线缆。

WebGL SKILL 示例 学校水波槽:两只振子在水面激起干涉波纹,灯光投到纸上

学校水波槽

44° 俯视的水波槽:两层 WebGL 分别画灯光、焦散与水面反射;改变频率,波长随之变化。

SVG + WebGL SKILL 示例 Raptor 2 火箭发动机挂在试车台上

Raptor 2 试车台

一台 Raptor 2 发动机挂在试车台上。悬停或点按可将它拆成 11 个组件,尾焰、激波与水汽由 WebGL 着色器在同一等距相机里绘制。

3D · Beta SKILL 示例 3D 密码盘与搭在上面的小机械手

3D 密码盘

约 90 个零件的密码盘。拖动转盘,它在真实 3D 中旋转,机械手的关节随之屈伸;每个面都逐帧重新投影与重新着色。

SVG · 交互 VINCENT 滚柱丝杠直线驱动关节的剖切模型

滚柱丝杠关节

反向式行星滚柱丝杠 + 空心转子伺服电机。可拆解、可点选、可单独放大;拖动滑块观察电流、编码器反馈与输出扭矩如何逐级传递。