用途：这是一个 HyperFrames 视频/网页动效块（composition id：glass-shard-title），用于把标题文字做成由 Voronoi 切割玻璃碎片飞行拼合的动画。1920×1080、30fps、时长 12.16 秒。
主要能力：玻璃碎片从纵深飞入并旋转，落地后拼成标题的剪影，随后再飞出镜头；每块碎片是对抖动团块与其 Voronoi 单元做 Sutherland–Hodgman 裁剪的结果，因此碎片始终覆盖字形。玻璃与 matcap 表面带逐片元雾效，z 方向飞行与缓动解耦。tileCount 设为 1 时得到单块玻璃板。运行时通过 window.__hyperframes.getVariables() 读取变量；19 个变量包括 headline（默认 "Designed in glass"，上限 40 字符）、tileCount（默认 8，1–400）、roundness、bevel、meshSmooth、flyInTime、flyOutTime、stagger、flyInRotation、flyOutRotation、chaos、padding、sizeVariance、gap、easePow、sideDist、zDist、zOut、fog。
使用方式：安装执行 npx hyperframes add glass-shard-title，文件默认落在 compositions/glass-shard-title/ 下。再在宿主 index.html 中挂载：使用 div 带 data-composition-id="glass-shard-title"、data-composition-src="compositions/glass-shard-title/glass-shard-title.html"、data-start="0"、data-duration="12.16"、data-track-index="1"、data-width="1920"、data-height="1080"。按自定义变量渲染：npx --yes hyperframes@0.8.12 render 'compositions/glass-shard-title/glass-shard-title.html' --variables '{"headline":"Designed in glass","tileCount":8}'。
运行时约束：一个暂停的 GSAP 时间线注册为 window.__timelines["glass-shard-title"]，响应 hf-seek 事件重新同步，每帧都是时间的闭式函数（仅用带种子的 PRNG，无 rAF 循环、无 Date.now）。渲染依赖 three.js 0.181.2（已打包）、GSAP 3.14.2、Canvas 2D、GLSL、HDR 环境、Matcap、d3-delaunay、阴影贴图。每个活动实例约占 350 MB，建议一次只运行一个。外部运行时依赖为 jsDelivr 上的 gsap@3.14.2 与 d3-delaunay@6.0.4；本地字体为 Geist-Regular/SemiBold/Bold.ttf；代码内联在 assets/glass-main.js，改动 .mjs 需用 esbuild 重建并重新内联。
编辑规则：data-composition-variables 必须保持单引号属性、内含普通 JSON，不要经 Design 面板保存；不要在静态标记里写 canvas，须运行时创建；所有视觉状态都要是 t 的函数以保证 seek 安全。限制：资料未提供价格、授权与兼容平台等更多信息。