keyframeTrack.scale()

keyframeTrack.scale()方法是three.js库中的一个函数，用于设置一个对象的缩放轨迹。

语法

keyframeTrack.scale(name: string, times: Array, values: Array, interpolation: [THREE.InterpolationModes])

参数

• name：缩放轨迹所属的对象名称
• times：一个包含缩放轨迹关键帧时间的数组
• values：一个包含缩放轨迹每个关键帧值的数组
• interpolation：一个表示插值方式的可选参数，可以是以下值之一:
  • THREE.InterpolationModes.LINEAR: 线性插值, 默认插值方式
  • THREE.InterpolationModes.CATMULLROM: 预期为缓存的卡特莫尔-罗姆曲线插值
  • THREE.InterpolationModes.CATMULLROM_FORWARD: 预期为缓存的卡特莫尔-罗姆曲线插值，在关键帧之间进行构建，同时考虑当前和下一个关键帧的方向

示例

以下示例展示如何使用keyframeTrack.scale()方法创建一个缩放轨迹（scale track）：

// 创建一个points对象
var points = new THREE.Points(geometry, material);

// 创建一个缩放轨迹
var scaleTrack = new THREE.KeyframeTrack( 
    '.scale', // 属性名称
    [0, 1.5, 3.0], // 关键帧时间数组
    [1, 2, 1] // 关键帧值数组
);

// 将轨迹添加到对象的轨迹集合中
var clip = new THREE.AnimationClip('scaleClip', 3.0, [scaleTrack]);
var mixer = new THREE.AnimationMixer(points);
var action = mixer.clipAction(clip).setDuration(3.0).play();

该示例展示了如何使用keyframeTrack.scale()方法创建一个关于points对象的缩放轨迹。 轨迹的 name 参数是 .scale，表示它是对象的缩放轨迹。 times 参数是一个数组，表示轨迹的三个关键帧时间。 values 参数是一个数组，表示轨迹的三个关键帧值，分别对应于轨迹的每个关键帧时间。

注意事项

• times数组应该按升序排列且不应该包含重复时间
• values数组应该包含给定的时间点所表示的值
• 缩放轨迹通常应该用于非常简单的动画，否则可能会导致奇怪的行为。 如果您需要更复杂的缩放控制，应该使用更高级的动画系统，如morphTarget或bone关键帧。