Three.js
1.初识
01.初识Three.js
2.基本组件
02.三维坐标系和平面
03.材质灯光和阴影
04.动画扩展你的首个场景
05.场景的基本功能
06.克隆 多材质和线框
07.各种几何体
3.光源
08.环境光
09.聚光灯
10.点光源
11.平行光
12.半球光
13.平面光光源
14.镜头眩光
4.材质
15.基础材质(材质决定外观)
16.深度网格材质(物体到相机的距离决定外观)
17.联合材质(深度网格材质与其他材质混合)
18.法线网格材质(计算法向颜色)
19.多材质(材质组)
20.Lambert网格材质(粗糙)
21.Phong网格材质(光滑)
22.卡通网格材质
23.标准网格材质
24.物理网格材质
25.着色器材质
26.基础线条材质
27.虚线材质
5.几何体(高级)
28.形状缓冲几何体
29.凸包几何体
30.车削缓冲几何体
31.挤压(拉伸)缓冲几何体
32.管道缓冲几何体
33.SVG拉伸
34.参数化缓冲几何体
6.粒子和精灵
35.精灵
36.点
37.点材质
38.下雪
39.精灵贴图
40.几何体精灵贴图
7.模型
41.组与合并
42.加载GLTF模型
43.加载OBJ模型
8.动画
44.射线(未完成)
45.TWEEN 动画
46.飞行控制器
47.AnimationMixer
48.GLTF Animation
9.贴图
49.TextureLoader
webgl
webgl入门
绘制一个点
vertex attribute
鼠标控制绘制
uniform
贪吃蛇
缓冲区对象
多缓冲区与数据偏移
绘制多种图形
图形平移-着色器
图形缩放-着色器
图形旋转-着色器
图形平移-矩阵
图形缩放-矩阵
图形旋转-矩阵
复合变换-复合矩阵
淡入淡出
卷入卷出
百叶窗
varying变量
给图形添加背景图(纹理)
多重纹理
放大镜效果
元球效果
FragCoord
3d基础
正交投影
透视投影
绘制立方体(顶点)
绘制立方体(索引)
绘制立方体(索引)添加颜色
图形圆角
光源
example
01
02