Three.js入门（涉及如何让平面物体变成立体的、添加坐标辅助系、物体移动）

---

一、如何让平面物体变成立体的

使用控制器（controls）。

创建main01.js，复制main.js的内容。

1.在最开始导入轨道控制器：

import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls'

2.创建轨道控制器：

const controls = new OrbitControls(camera,renderer.domElement)
//这里监听的对象是canvas画布

OrbitControls( object : Camera, domElement : HTMLDOMElement )

​ object: （必须）将要被控制的相机。该相机不允许是其他任何对象的子级，除非该对象是场景自身。

		domElement: 用于事件监听的HTML元素。 	

由于浏览器是不断刷新的，我们应该手动反复渲染，因此调用如下函数，并使用方法**requestAnimationFrame()**请求动画帧：

function render(){
  renderer.render(scene, camera);
requestAnimationFrame(render)
  //将渲染函数render传进来，在下一帧就会执行该函数
}

render();

二、如何添加坐标辅助系

使用AxesHelper。

AxesHelper( siz