ThreeJS旅途

本文主要对导入的3D模型自带动画的使用，以汽车展示为例子，通过切换不同的动画剪辑clipAction来播放动画，并设置动画的起始时间和结束时间调整显示效果

在学习了一些理论知识后，要做一下实战演练了，做一个简单的车辆展览。通过切换相机位置和调整相机焦点，从不同角度对车辆进行观察。

ThreeJs包围盒Box按照字面理解就是包围一个物体的盒子，那就是一个长方形空间。可以用于碰撞检测、物体选择、可视化剔除等功能。

作为Three.纹理贴图是Threejs一个很重要的内容，游戏、产品720展示、物联网3D可视化等项目程序员加载模型的同时需要处理纹理贴图

Three.Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

Threejs使用的是右手坐标系，这源于opengl默认情况下，也是右手坐标系 图中右边那个手对应的坐标系，就是右手坐标系。在Threejs中，坐标和右边的坐标完全一样。

在three.js中想要让静止的物体呈现出运动效果有两种方法： 1. 让物体geometry进行运动 2. 让相机camera进行运动

在之前的three.js运动效果制作时可以通过移动相机和移动物体来产生动画的效果。 在实际中开发中，移动相机和移动物体是在渲染循环里去移动相机或者物体的位置。

作为3D仿真技术来说，光源的照射是必不可少的。就像unity3d中一样，光线可以从不同角度照射过来，让物体呈现在相机中的效果也是不一样。一个好的光源能够让物体渲染出来更加真实。

在three.虽然在three.目前在网上找3d模型的软件基本上一系列全都是推荐3D Max。但是3D max属于较大的制作模型软件，如果对实施需求不高，可以尝试使用ParaView进行代替。

学了一段时间的three.js之后，就可以尝试做一个VR全景效果出来。 当时已经靠近2020年的年底了，那就做一个过年的场景效果吧

在three.js中，如果想要显示出文本文字的效果，可以使用FontLoader，这是使用JSON格式中加载字体的一个类。返回Font, 返回值是表示字体的Shape类型的数组。

制作地球的练习原理比较简单，主要使用了贴图的效果。先构建一个球缓冲几何体，然后将地球表面图的素材贴过去

精灵模型对象Sprite。精灵模型对象和网格模型一样需要设置材质，不过精灵模型不需要程序员设置几何体，Threejs系统渲染的时候会自动设置。Three.js的精灵模型对象Sprite和Threejs的网格模型Mesh一样都是模型对象，基类都是Object3D,关于精灵模型对象S...

这是我参与更文挑战的第10天，活动详情查看： 更文挑战 序 在web的前端发展过程中，对于视觉化的要求已经越来越高 有关于VR全景的效果也同样可以在网页中实现了，不用戴上VR设备，你也可以在网页上体会