Orbit 出场与退场

星球和轨道分开出场。星球是一个大黑球被一个小白球切出来的:大球先长出来,小白球沿两球圆心的连线从外面滑进来,把它切成月牙——这时还没有轨道。接着用修剪路径把线画出来:星球下缘的细弧从环留下的缺口画到右边的尖;轨道一笔画完——从右上细尾的尖端出发,往上绕过环的右端,回头横过星球(经过时切出环下面那道白缝),绕到星球后面,再从环尾的顶端出来,绕过弯画到尖。退场把出场倒过来放,快 1.3 倍:从哪来回哪去。

节奏(出场)

编排
各部分依次晚一点开始,之后一起进行、互相穿插:大球还在长,小白球已经开始切;切到一半,细弧与轨道已经在画。缓动都一样:起步慢、中间快、收尾慢,等于 CSS 的 cubic-bezier(0.76, 0, 0.24, 1)。
0–0.80 秒
大球从圆心长出来。只有星球:环的上半段、细尾与白缝都还没有。大球:圆心 (510.3, 511.2),半径 135.6。
0.10–1.00 秒
相切:小白球从刚碰到大球的位置,沿两球圆心的连线滑进来 185 个单位,切出月牙。小球:圆心 (483.5, 579.8),半径 122.8;两圆交在月牙的两个尖端。
0.22–1.12 秒
修剪路径·细弧:从环留下的缺口出发,沿星球下缘画到右边的尖;还没切开的地方是黑的,所以细弧跟着切口一路露出来。
0.28–1.58 秒
修剪路径·轨道:一笔画完。细尾的尖 → 环的右端 → 横过星球(白缝随着切出来)→ 星球后面(看不见,正是最快的一段)→ 环尾顶端 → 绕过弯到尖。线有多粗就露出多粗,前缘与路径垂直。
退场
同一条时间轴倒放,快 1.3 倍,共 1.22 秒:轨道、细弧、切口与大球一起往回收,轨道最早开始收、最晚收完的是大球。
减少动态效果
只淡入淡出 0.15 秒。