Three.js 基础入门--第09课:进阶篇之 Controls 相机控制器

我们在第07课中讲解过相机的相关内容,也制作了一个简易的相机控制器。

正常的项目中,大家的需求都是不一样的,又通常会碰上需求中途改变的情况,我们之前做的简易版相机控制器很难满足此类项目对相机的操作需求。而且,造轮子的前提是当前的框架以及插件已经无法满足自身的需求时,才会考虑造轮子。要不然,项目的进度会被拖得很慢,甚至有可能因此而错过红利期。

好在 Three.js 官方和同道中的朋友们给我们提供了很多相关的插件,我们可以根据需求引入相关的插件来实现需求,本文我们就来看一下官方案例中提供的相机控制器。

从官网下载的代码包里可以发现有很多的相机控制器,文件夹地址为:/examples/js/controls/,里面的文件插件都是和控制相机和控制模型相关的插件,我们罗列一下相关插件:

  • DeviceOrientationControls:陀螺仪相机控制器,实现移动端陀螺仪控制相机。
  • DragControls:控制鼠标拖拽移动物体的功能。
  • EditorControls:实现相机的旋转、缩放、平移功能,相对于 OrbitControls 的功能差不少,不建议使用。
  • FirstPersonControls:第一视角相机控制器。
  • FlyControls:飞行相机控制器。
  • OrbitControls:轨道控制器。
  • OrthographicTrackballControls:正交轨迹球控制器——正交相机使用的轨迹球控制器。
  • TrackballControls:轨迹球控制器——透视相机使用的轨迹球控制器。
  • PointerLockControls:鼠标锁定相机控制器。
  • Tr
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

紫微前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值