Three.js 自发光贴图 .emissiveMap
在 Three.js 材质中,和颜色贴图属性 .map 对应的是颜色属性 .color,和高光贴图属性.specularMap对应的是高光颜色属性.specular,与粗糙度贴图属性.r…
Three.js 开发指南 PDF 文档
目前 Threejs 相关的书籍很少,专门介绍 Three.js 的书籍基本就是《Three.js 开发指南》这一本书,中文翻译的版本有2版在售,不过内容是一样的。 内容…
纹理叠加混合 Three.js / WebGL
着色器纹理叠加混合,简单的说,比如一张贴图的 RGB 值乘 0.2,另一张贴图的 RGB 值乘(1-0.2),两张贴图分别乘一个系数后然后相加。WebGL实现纹理叠加…
Three.js 线宽 .lineWidth 无效
在编写 Three.js 程序的时候,你设置线模型 Line 对应线材质 LineBasicMaterial 的线宽属性 .lineWidth,可能是无效果。 .lineWidth 属性 关于线材质 …
Three.js 几何体顶点颜色和材质颜色区别?
在学习 Three.js 的过程中你可能会思考 Threejs 几何体顶点颜色和材质对象的颜色有什么区别?如果你产生了这个疑问,说明你可能没有原生WebGL基础或者…
Three.js BufferGeometry 介绍
缓冲区类型几何体 BufferGeometry 是 Three.js 的核心类之一,立方体BoxBufferGeometry、圆柱体CylinderBufferGeometry、球体SphereBufferGeometry等…
Three.js 获取模型顶点数据
通过 Three.js 访问或获取模型的顶点数据,也就是获得模型绑定几何体的顶点数据,比如一个网格模型Mesh,首先需要通过网格模型的几何体属性Mesh.geome…
Three.js Geometry
立方体 BoxGeometry、圆柱体 CylinderGeometry、球体 SphereGeometry 等 Three.js 几何体类都是基于基类 BufferGeometry 二次封装。 Geometry对原生We…
Three.js 法线贴图 normalMap
如果第一次接触 Three.js 法线贴图的概念,可能不太理解法线贴图是什么?有什么用?从哪里来? 相关案例代码可以参考本站的 Three.js 视频教程8.6节。…
Three.js / WebGL 数据可视化
数据可视化的表达方式有2D和3D形式两种效果,基于Web实现数据可视化,有多种技术可以满足,比如SVG、Canvas、WebGL,一般来说基于SVG和Cnavas技术可实…
Three.js 程序生成山脉等地形效果
通过 Three.js 编写程序方式程实现山脉等地形效果,对于这种自然界的效果模仿,肯定是需要噪声算法来来实现,通过 Three.js 实现山脉等地形效果本质就…
Three.js 材质设置金属效果
如果希望渲染出来某种材质效果,可以从Three.js引擎提供的基本材质中选择,首先肯定要选择网格类材质,而不是点、线材质,比如MeshBasicMaterial、Mes…