让智能体做片子， 你随时亲手剪。

轨道就是 section，
样式就是 CSS。

每个 <section> 是一条轨道，顺序和时间线一致：第一条在最上层。 一个片段就是一个元素 —— 页面、视频、静态图片或声音。播放哪一段用媒体片段标记，放在哪里用样式。

• 页面　一个能画出自己任意时刻的网页，three.js、WebGL、canvas、SVG、GSAP 都行。
• 素材　视频、图片、声音都是片段：#t=12,18 选段，at 定起点。
• 你的改动　存在 overrides 里，智能体编辑时会保留。

同一个 t，
永远同一个画面。

每个镜头都是一个网页，用 frame(t) 画出任意时刻。不需要框架，一个函数就够了。 渲染时会乱序、并行地请求各帧，所以遵守这条规则的页面，在任何尺寸、任何电脑上渲染出来都一样。

← 拖一下左边的时间，画面立刻重画。没有缓存、没有补间，只有 t。

window.film = {
  frame(t) {
    // 画出第 t 秒的完整画面
    drawSky(t); drawHills(t); drawTitle(t);
  },
  duration: 4,
  ready: loadFonts(),
};