ThingOrigin.js

动画 ​

引擎集成tween.js，实现平滑动画效果。

初始化场景 ​

默认已经设置了一个 div 宽度为 600px， 高度为 400px， id 设置为 TO 的容器。
且已经完成初始化导入模型操作，请参考 导入模型章节。

间补平移动画 ​

在场景中添加模型后，执行 startTween 方法，开始间补平移动画

js
//开始动画
function startTween() { 
  TO.animate.move(model, 'z', -100, 100, 2000);
}

方法参数说明

  • model: 模型
  • axis: 方向 可传入字符串 'x'/'y'/'z'
  • from: 从哪个位置开始
  • to: 到哪个位置停止
  • time: 完成时间（毫秒）

间补旋转动画 ​

在场景中添加模型后，执行 startTween 方法，开始间补旋转动画

js
//开始动画
function startTween() { 
  let rotateModel = TO.scene.getObjectByProperty("name", "WS30-1") //找到模型对象
  TO.animate.rotateAngle(rotateModel, 'y', 0, 180, 2000);
}

方法参数说明

  • model: 模型
  • axis: 方向 可传入字符串 'x'/'y'/'z'
  • from: 起始角度
  • to: 目标角度
  • time: 完成时间（毫秒）
  • mode: 可选，运动模式 linear:匀速 bounceOut:弹开

更多动画使用方法，请参考 案例