three.js 编辑关键帧并解析播放

帧动画: KeyframeTrack  

​
KeyframeTrack( name : String, times : Array, values : Array, interpolation : Constant )
name: 轨道的名称可以指动画对象中的变形目标(morph targets)、骨骼(bones)或可能的其他值
.times : Float32Array
一个Float32Array类型的值，由传入构造器中时间数组参数转化而来。
.values : Float32Array
一个Float32Array类型的值，
由传入构造器中值数组参数转化而来

AnimationClip： 

// 动画剪辑（AnimationClip）是一个可重用的关键帧轨道集，它代表动画。
AnimationClip( name : String, duration : Number, tracks : Array )
name – 此剪辑的名称
duration – 持续时间 (单位秒). 如果传入负数, 持续时间将会从传入的数组中计算得到。
tracks – 一个由关键帧轨道（KeyframeTracks）组成的数组。

先看效果：

  
  
  
  
  
  


  开始
  暂停
  重置