three.js 轨道控制器的常用属性和初始化(OrbitControls)

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()的前提是需要建立一个时钟 如下
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值