three.js動畫

旋轉立方體

function renderScene(){
    cube.rotation.x += 0.02;
    cube.rotation.y += 0.02;
    cube.rotation.z += 0.02;

    requestAnimationFrame(renderScene);
    stats.update();
    renderer.render(scene,camera);
}
renderScene();

彈跳球

var step = 0;
function renderScene() {
  step += 0.2; //定義球體彈跳的速度
  sphere.position.x = 20 + 10 * (Math.cos(step));
  sphere.position.y = 2 + 10 * Math.abs(Math.sin(step));

  requestAnimationFrame(renderScene);
  stats.update();
  renderer.render(scene, camera);
}
renderScene();