▶ 立即游玩Metal Commander
复古街机射击 · 点开即玩，无需下载
Playable作品集 · 2026
wangtaiku
零依赖、单文件的可交互作品：一台打开就能玩的街机游戏、两支纯手调的动效短片、18 页文创画册、一台重型机甲，以及一整个手写着色器特效画廊。
精选作品
打开就能玩的游戏、纯手调的动效短片、18 页文创画册，还有一台重型机甲的渲染。
▶ 立即游玩
▶ 播放短片Motion Reel
动效短片 · 立体 LOGO 与动态字体
Motion
▤ 18 页画册家在富春山居
文旅 IP 产品画册 · 3 条产品线 · 18 页
Editorial
▤ 3 张渲染Heavy Mech
双足重型机甲 · 3D 建模与材质渲染
3D / Render
↗ 在线体验Folio · 3D 书店
Three.js 精装书架 · 指针弹簧波浪
WebGL / 3D
↗ 在线体验Vante · 视频缎带
滚动驱动 3D 视频缎带 · 落入网格
WebGL / Scroll全部作品
▶ 立即游玩Metal Commander
复古街机射击 · 点开即玩，无需下载
Playable▶ 播放短片Motion Reel
动效短片 · 立体 LOGO 与动态字体
Motion▤ 18 页画册家在富春山居
文旅 IP 产品画册 · 3 条产品线 · 18 页
Editorial▤ 3 张渲染Heavy Mech
双足重型机甲 · 3D 建模与材质渲染
3D / Render↗ 在线体验Folio · 3D 书店
Three.js 精装书架 · 指针弹簧波浪
WebGL / 3D↗ 在线体验Vante · 视频缎带
滚动驱动 3D 视频缎带 · 落入网格
WebGL / Scroll
1 / 4
拖动或点击 · 把卡片送到最后一层
关于我
背景
整站只有一份 HTML：没有框架、没有打包步骤、没有 CDN。页面、动效、交互与资源都在同一个文件里手写完成，部署即是一个可直接打开的静态站点。
方向
浏览器里的实时图形：Canvas 2D 逐帧画游戏，原生 WebGL2 片元着色器做元球流体、薄膜干涉与 SDF 造型，CSS 与 SVG 负责玻璃折射和磁吸 Dock。一律零外部依赖。
下一步
继续往特效画廊里加新东西：每次都用手写着色器试一件没做过的视觉，同时守住单文件、打开即用、断网也能跑这条约束。
保持联系
点击特效画廊
点击任意卡片，触发对应的粒子动画：烟花 / 蝴蝶 / 爱心 / 星光 / 樱花 / 水波。下面两个是独立的实时剧场。
