Ⅰ 纸面与圆眼
主圆盘偏在右上，左侧大幅留白。建筑以极淡线条向一个方向汇聚；右侧深色竖块和蓝色实心圆承担视觉重量。下垂的轴线把圆盘、轨道和底部小标记连在一起。
FIELD NOTES · 01 / 构成与运动
让一条圆周，
展开成一段旅程。
纸面留下空白，飞鸟让视线开始移动。圆、细线与黑白块面先组成一张平面作品，再随着交互，展开成可以进入的空间。
01
THE COMPOSITION
一幅画面，三个空间
Ⅱ 圆周成为导航
五个入口共享圆盘的圆心。选中项沿圆弧转到左下方，并由小点长成大圆；文字跟随节点移动。子菜单是一只从左下画外进入的巨大转盘，仍然延续圆周的构成。
Ⅲ 圆周展开为深井
黑色圆形遮罩向外扩张，平面进入暗场。台阶沿螺旋由内向外逐块铺开，尺寸与间距随深度改变。白色踏面、深灰侧面、蓝白连续栏杆共同建立俯视的空间感。
纸白 #EBE8DF
钴蓝 #1F27A7
墨黑 #1A1A1E
取自参考帧的近似采样。纸纹、印刷颗粒与细线，让三个基础色仍有密度层次。
MEASURED ANCHORS
共同的圆心，
稳定的构图。
下列坐标已扣除顶部108px手机状态栏；以720px宽的网页画面为基准。
| 元素 | 近似几何 | 作用 |
|---|---|---|
| 主圆盘 | 圆心 (503, 445) · R145 | 整个画面的视线锚点 |
| 导航轨道 | 同圆心 · R253 · 间隔18° | 让入口沿真实圆周轮转 |
| 选中节点 | (381, 666) · R35 | 保持选中位置基本稳定 |
| 螺旋深处 | (528, 445) | 从原有圆眼延续空间 |
| 最终白色圆幕 | 从选中节点 (381, 666) 扩张 | 让导航本身成为转场 |
02
THE MOVEMENT
把运动作为构造过程
画面的固定部分提供秩序；每次运动只改变一组关系。几条线先后画出，圆盘在原地显形，轨道转动，黑色圆幕扩张，最后才轮到阶梯生长。
- 00.00—06.60
线条先行，鸟群入画
黑弧建立方向；蓝鸟沿垂线下降。斜线与虚线弧各自被画出，随后黑色块面、蓝盘、建筑细节逐层进入。
- 06.60—15.50
沿圆周选择，向画外展开
Chat → Home → Life。选中节点保持在近似固定的槽位，其他节点沿轨道换位；左下转盘出现时，纸色薄幕让主画面退到背景。
- 15.50—17.80
黑色圆幕之后，螺旋生长
蓝盘先收缩，颗粒边缘的黑圆向外扩张；台阶再沿螺旋向外推进。遮罩与几何拥有不同进度，形成清楚的先后关系。
- 17.80—23.70
台阶稳定，鸟群持续前行
同一只鸟沿左下、左上、顶部与内圈持续推进；随深入，体量与屏幕速度共同减小。返回时，空间逐渐收回，蓝盘、圆眼和稳定鸟带重新组成纸面。查看同鸟轨迹与连续帧证据 ↗
- 23.70—29.10
一次选择，成为整幅画面的出口
Chat 子菜单短暂出现。最后扩张的是左下的选中节点：实心圆变为空心蓝圈，内部纸色扩大，直至覆盖画面。
03
FRAME BY FRAME
把相同的时刻，放在一起
每组左侧为原视频裁切帧，右侧为当前代码在对应时间的实时渲染。右侧以固定进度绘制，不播放视频；可单独打开检查。画面对照保留差异，便于继续核验与迭代。
07.00 纸面与圆周
↗看圆盘位置、黑色竖块、鸟群前后关系与导航圆弧。
11.00 左下转盘
↗看子菜单弧线的位置、被裁切的圆心与背景变浅程度。
18.00 螺旋深井
↗看深处锚点、外圈尺度、踏面侧面与栏杆的连续关系。
24.00 回到纸面
↗看反向转场结束后，各层是否回到原来的构图关系。
参考图剔除手机界面，裁切原视频 y=108—1380，等比缩至360×636；代码画布采用720×1280的构图基准。右侧随当前版本更新，固定时刻可重复检查。
04
RECONSTRUCTION NOTES
把观察，转成可控制的参数
检查了什么
对全部874帧的网页区域进行相邻帧变化扫描，记录平均像素变化、暗色面积与蓝色面积，以定位转场。再以0.1—0.5秒步长检查关键过程，并查看关键原尺寸画面。
扫描统计使用180×322采样；它覆盖整段录屏，但不等同于逐帧人工判断所有细节。完整时间轴和扫描表随工程源码归档。
如何重建
建筑、鸟形、轨道和阶梯由Canvas路径绘制；纸纹与印刷颗粒采用固定的程序化分布。开场、导航、转盘、黑色圆幕与螺旋分别拥有进度参数，再组合成完整运动。
鸟群按阶段区分：开场沿各自曲线集结，主页稳定后凝固为鸟带，暗场沿投影航线持续前行。喙锚、身体轴与局部翼面各自控制；跨越不同表面时，单鸟可同时呈蓝白两色。阅读飞行专项与同步对照 ↗
如何交互
本版本将纵向滚动映射为可回溯的画面进度。轻触蓝色节点选择，再次轻触打开转盘；圆眼切换明暗空间，左右方向键轮转入口。播放按钮可观看完整演示。
原片没有可见触点，无法仅凭录屏确定每次变化的原始触发方式。这里重建可见的运动结果，并提供与构成相适应的操作。
ABOUT THE REFERENCE
未取得原站源码。字体、随机纹理、数学参数和业务数据无法从录屏唯一确定；最后白场之后的页面也未被展示。当前实现依据可见证据重建，画面对照用于检查相似度与残留差异。