1.认识轨道控制器
控制器是three的外置包,通过引入,可以对模型进行鼠标的某些操作,例:拖放。旋转,放大。缩小。还有一些其他属性:比如模型的自转。
2.初始化控制器(常用属性详解)
首先引入外部包
<script src="../js/OrbitControls.js"></script>
初始化
var controls = new THREE.OrbitControls(camera, renderer.domElement);//建立控制器
controls.target = new THREE.Vector3(0, 0, 0);//设置控制器目的坐标
controls.maxPolarAngle = (Math.PI / 4) * 3 //控制器垂直方向最大旋转角度(理解为逆时针旋转角度)
controls.minPolarAngle = Math.PI / 4//控制器垂直方向最大小旋转角度(理解为顺时针旋转角度)
controls.minDistance = 95; //限制视线最近距离
controls.maxDistance = 130;//限制视线多远距离
controls.enableDamping = true; //是否开起控制器阻尼系数(理解为对旋转的阻力,系数越小阻力越小)
controls.dampingFactor = 0.6;//设置阻尼系数(如果设置阻尼系数,这涉及到了模型的动态渲染所以在渲染器中需要一直调用.update()。调用update()的前提是需要建立一个时钟 如下