Three.js进阶教程
教程目录:
├─第1章 学习必看
│ 0 Three.js中文文档
│
├─第2章 数学Math
│ 02 向量
│ 03 矩阵
│ 04 旋转、平移和缩放矩阵
│ 05 投影矩阵、视图矩阵
│ 06 包围盒Box3、Box2、Sphere
│ 07 欧拉Euler和四元数Quaternion
│ 08 几何计算Line3、Triangle、Ray、Plane
│
├─第3章 Threejs系统原理
│ 09 场景、相机和渲染器
│ 10 WebGL渲染器简介
│ 11 renderers目录下渲染器相关代码块介绍-1
│ 11 renderers目录下渲染器相关代码块介绍-2
│ 12 顶点数据封装
│ 13 解析几何体提取顶点数据
│ 15 本地矩阵和世界矩阵
│ 16 对象具体分类过程
│ 17 点线网格模型和绘制模式
│ 18 光源对象分类
│ 19 Material对应的Shader
│ 20 处理shader代码
│ 21 着色器字符串处理—材质属性、光源数量
│ 22 火狐查看Three.js合成的着色器shader
│ 23 传值-attribute
│ 24 uniform变量传值
│ 25 着色器材质对象ShaderMaterial
└─第4章 Threejs自定义着色器
26 第一个three.js着色器程序
27 着色器——矩阵变换
28 着色器——Uniform
29 光照计算
30 颜色插值计算
31 纹理贴图
32 彩色图处理为灰度图
33 UV动画
34 着色器模块.glsl调用
35 系统uniforms模块调用UniformsLib
36 模仿系统的材质对象
37 自动提取光源对象信息
38 phong网格材质二次开发
39 WebGLRenderTarget(离屏渲染)
40 WebGLRenderTarget实现灰度图后处理功能
41 后处理EffectComposer—自定义着色器
42 后处理EffectComposer——直接调用常见通道