ThreeJs案例二——旋转的立方体

1、实现步骤

1、Mesh.rotateY(k) k为每次刷新旋转的弧度
2、requestAnimationFrame(render)请求再次执行渲染函数render

2、理解requestAnimation

1、其实这个函数和setInterval功能类似，但是setInterval的时间确定了，而requestAnimation时间不是确定的，会有一个浮动值，这与当前cpu的负荷状态相关

3、思维导图

4、关键代码

function render(){
    m_Renderer.render(m_Scene,m_Camera);//执行渲染操作
    m_Mesh.rotateY(0.01);//每次绕y轴旋转0.01弧度
    requestAnimationFrame(render);//请求再次执行渲染函数render
}
render();

5、实现演示