Three.js 自定义着色器程序 ShaderMaterial
自定义 three.js 着色器程序需要用到着色器语言 GLSL ES 和相关的 WebGL API,因此在学习本节课之前最好具有一定 WebGL 基础。 着色器程序至少包含顶…
Three.js 着色器之模型矩阵、视图矩阵、投影矩阵
本节课讲解如何通过 ShaderMaterial 编写顶点矩阵变换的代码,Three.js 的渲染器解析场景和相机参数进行渲染的时候,会从模型对象获得几何体顶点对应…
Three.js 欧拉对象 Euler 和四元数 Quaternion
欧拉对象和四元数主要用来表达对象的旋转信息。关键词:欧拉 Euler、四元数 Quaternion、矩阵 Matrix4 欧拉对象 Euler 构造函数:Euler(x,y,z,order) …
Three.js 着色器 UV 动画
UV 动画的实现方式,一种是通过 Texture 偏移属性 offset 实现 UV 动画,另一种方式是通过着色器代码的方式实现UV动画。 Texture 偏移属性 offset 实…
Three.js 如何学习 WebGL 和 Three.js
当你开始思考你应该如何学习 WebGL 和 Three.js 的时候,相信你至少对相关的关键词了解过了,希望通过 WebGL 或 Three.js 实现你想要的 Web3D 功能,…
Gio.js 基于 Three.js 的 web3D 地球数据可视化的开源组件库
Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者,可以快速地以申明的方式创建自定义的Web3D数据可…
Three.js 几何计算 Line3、Triangle、Ray、Plane
Threejs 封装了一些和几何计算相关的 API,比如线段 Line3、三角形 Triangle、射线 Ray、平面 Plane。 线段 Line3 通过起始点定义一条线段。 // 创建…
Three.js 向量 Vector3
为了让大家深入了解 Three.js 的 Math 模块 API,本节课对向量内容展开讲解。 几维向量就有几个分量,二维向量 Vector2 有x和y两个分量,也就是 Vecto…
Three.js 次时代和 PBR(MeshPhongMaterial 和 MeshStandardMaterial)
本文涉及到的关键词有高光网格材质 MeshPhongMaterial、标准网格材质MeshStandardMaterial、物理网格材质MeshPhysicalMaterial、次时代、PBR,如果你…
three.js-master 目录结构
为了方便大家学习,准备对 Three.js 工程目录进行简单介绍。如果能很好的利用 three.js-master 文件下的资源,对于 Threejs 学习和 Web3D 项目的开发…