// 读取合成 marker 的开始时间，作为动画的开始
let _start = thisComp.marker.key(1).time
// 读取合成 marker 的持续时间
let _duration = thisComp.marker.key(1).duration
// easeOut(t, tMin, tMax, value1, value2) 是插值方法，_start 就是当前动画开始的时间（tMin）
// _duration * .05 就是这个动画持续的时间，它的意思是按照总动画时长的百分之五执行
// 然后需要加上开始时间 _start 才能得到当前动画的结束时间（tMax）
// 参数 t = time 即保持与合成时间同步
// value1 设置为 0，作为第一个关键帧，第二个关键帧直接使用当前设置的值
// 这样就可以不需要设置关键帧，直接设定结束的值就可以
easeOut(time, _start, _start + _duration * .05, 0, value)

// Array(2) 即建立一个长度为 2 的空数组，然后使用 fill() 方法填充值为上面设定的值
// 将插值方法写在索引值里面也是避免每一次引用都要重新写一次，非常方便
Array(2).fill(effect("圆点尺寸")("滑块"))

let _start = thisComp.marker.key(1).time
let _duration = thisComp.marker.key(1).duration
// 这个动画紧接着上一个动画执行，然后在 35% 处结束
// 线长的取值能容纳文本就可以了，而且可以根据不同的文本字符数量实际调整
easeOut(time, _start + _duration * .05, _start + _duration * .35, 0, value)

[effect("线长度")("滑块").value * -0.5, 0]

[effect("线长度")("滑块").value, 0]

// 第一个点是圆点的原始路径位置，第二个点是以原点为中心的镜像，
// 因为 y 值一直设置为 0 ，所以直接使用矢量数学方法中的矢量乘法 mul() 方法
createPath(points = [content("圆点").content("椭圆路径 1").position, mul(content("圆点").content("椭圆路径 1").position, -1)], inTangents = [], outTangents = [], isClosed = false
)

effect("圆点尺寸")("滑块").value * .1

let _start = thisComp.marker.key(1).time
let _duration = thisComp.marker.key(1).duration
// 35% 至 75%
easeOut(time, _start + _duration * .35, _start + _duration * .75, 0, value)

[0, text.sourceText.style.fontSize * 1.25]

// 蒙版大小为画面的一半高度
[thisComp.width, thisComp.height * .5]

[0, thisComp.height * -.25]

let _start = thisComp.marker.key(1).time
let _duration = thisComp.marker.key(1).duration
easeOut(time, _start + _duration * .8, // 延迟执行 5%
    _start + _duration, // 完整结束
    // 初始位置从画面垂直中心再向上多偏移一些
    [value[0], thisComp.height * .5 - text.sourceText.style.fontSize * .5], value
)