Three.js 相机对象 .up 属性
Threejs 相机对象 Camera 的 .up 属性表示相机对象的上方向，如果你有一定图形学基础，你可以很好的理解，如果没有图形学基础也没关系，你可以在 thre…
Three.js 投影矩阵 .projectionMatrix 和 视图矩阵 .matrixWorldInverse
学习本节课之前最好对图形学中视图矩阵和投影矩阵有一定了解，同时对于 Three.js 的正投影相机 OrthographicCamera、透视投影相机 PerspectiveCamera …
Three.js 相机位置属性 .position
Threejs 相机位置属性 .position 简单说，就像生活中你拿一个照相机拍照，如果相机在不同的位置，拍照的效果肯定是不同的，对于Threejs中的虚拟相机是…
Three.js 圆周运动 绕轴旋转
在 Three.js 中一个模型围绕一个中心做圆周运动，比如地球绕太阳公转运动。 以坐标原点为中心，绕着坐标系Y轴旋转 // 声明一个变量angle表示角度位置 …
Three.js 圆弧轨迹线 ArcCurve
下面代码通过圆弧 ArcCurve 类创建一个圆弧对象，本质上就是生成一系列沿着圆周分布的顶点坐标，然后通过曲线的方法 .getPoints() 从圆弧线均匀获得沿…
Three.js 模型沿着任意轨迹线运动
下面的代码功能是控制一个三维模型沿着特定曲线轨迹运动。 曲线通过三维样条曲线曲线类 THREE.CatmullRomCurve3 创建,然后从样条曲线通过曲线的方法 .…
Three.js 保存导出 .ply、.obj、.GLTF 等格式三维模型
无论 Three.js 加载的任意格式三维模型，还是通过 Threejs 的 API 创建的一个三维模型，都可以导出为一个文件保存三维场景的数据。 你可以自定义提取…
Three.js 获取 buffergeometry 的顶点个数
想要获得几何体 BufferGeometry 的顶点数量，首先你需要查看文档了解 Three.js 两个类 buffergeometry 和 BufferAttribute 的属性和方法。 // 获得模…
Three.js 时钟对象 Clock
本文对 Three.js 时钟对象 Clock 进行简单介绍,如果你对 JavaScript 有一定了解，那么JavaScript的时间对象Date你一定不陌生，Clock本质上就是对Date…
Three.js 控制渲染帧率 FPS
首先你应该知道 Three.js 渲染器的渲染方法 .render() 每执行一次，WebGL帧缓冲区就得到一帧像素数据，canvas画布就会显示当前渲染的一帧像素数据。通…
Three.js 圆形平面 CircleGeometry
构造函数 CircleGeometry 参数 2 表示圆形平面圆周方向细分数，默认值8，下面代码中设置的是30，你可以看到圆形圆周方向比较光滑，你可以尝试把该参数…
Three.js 球体 SphereGeometry
通过 Threejs 的几何体类 SphereGeometry 可以创建一个球体。 Threejs 构造函数 SphereGeometry 的参数1设置的是球体的半径值，参数2和参数3设置的球…
Three.js 变形动画 geometry.morphTargets
便于变形动画，你可以理解为多组顶点数据，从一个状态变化到另一个状态，比如人的面部表情。 程序创建变形动画的顶点数据 /** * 创建网格模型，并给模…
