Three.js 光柱效果、树、草 两个矩形交叉
你如果想在 Three.js 创建一个光柱效果，希望通过很简单的方式在场景中模拟一棵树或一棵草，可以通过 Three.js 的矩形平面几何体 PlaneGeometry 创建…
Three.js 高光贴图 .specularMap
高光材质 MeshPhongMaterial 具有高光属性 .specular，如果一个网格模型 Mesh 都是相同的材质,可以使用.specular属性设置高光材质MeshPhongMaterial的…
Three.js 环境贴图 .envMap
Three.js 环境贴图 .envMap 字面意思就是三维模型周边环境，比如你渲染一个立方体，立方体放在一个屋子里面，屋子里面的周边环境肯定影响立方体的渲染…
Three.js 三维坐标系 AxesHelper
Three.js 提供了一个 AxesHelper 类，可以用来创建一个可视化的三维坐标系，可以用来辅助编写 Three.js 程序。 // 改变AxesHelper构造函数的参数，可…
Three.js 光照贴图添加阴影 lightMap
在三维场景中有时候需要设置模型的阴影贴图，一般 Threejs 加载外部模型的光照贴图加载器可以自动设置，不用人为干涉，为了让大家更好理解光照贴图，…
视频作为 Three.js 纹理贴图 VideoTexture
视频本质上就是一帧帧图片流构成，把视频作为 Threejs 模型的纹理贴图使用，就是从视频中提取一帧一帧的图片作为模型的纹理贴图，然后不停的更新的纹…
Three.js 锯齿介绍和消除锯齿
通过 Three.js 开发应用程序的时候，场景渲染效果默认会有锯齿，需要通过设置代码消除锯齿。 渲染器锯齿属性 .antialias 设置渲染器锯齿属性 .antiali…
Three.js 坐标网格 GridHelper
通过 Three.js 类 GridHelper 可以创建一个坐标网格对象，GridHelper 本质上是对线模型对象 Line 的封装，纵横交错的直线构成一个矩形网格模型对象。 …
Canvas 画布作为 Three.js 纹理贴图 CanvasTexture
Canvas 画布可以通过 2D API 绘制各种各样的几何形状，可以通过 Canvas 绘制一个轮廓后然后作为 Three.js 网格模型、精灵模型等模型对象的纹理贴图。 …
Three.js 相机对象 .lookAt() 方法
Threejs 相机对象 Camera 的 .lookAt() 方法用来设置相机对象看向的位置，比如在Threejs三维场景中通过相机对象.lookAt()方法指向场景中的一个球体，…
Three.js 模型几何体面积 / 体积计算
在工作中通过 Three.js 开发项目的时候，一些特定的情况下你可能需要计算一个三维模型的表面积或者体积，比如在3D打印的Web项目中，你需要计算一个三…
