Shader Learn

08 Three.js 帮你做了什么

Animation:每帧更新物体属性

调速度和振幅;暂停后可以观察姿态。

03
01
讲解

带下划线的数字可以左右拖动

// 每帧由 JS 执行const time = 0.00;mesh.position.y = Math.sin(time * )                * ;renderer.render(scene, camera);
每一帧JS 更新属性,renderer 重新绘制。

JS 每帧修改属性再重新绘制;与 uTime 一样,动画就是“时间 → 姿态”的函数。

试一试

  • 暂停后调振幅
  • 把速度调到 0