章节1: 学前必看(源码见网易云私信 ) 课时1 视频 了解Three.js(个人技术博客) 12:05 可课时2 视频 Three.js中文文档 02:36 可章节2: Threejs快速入门 课时3 视频 第一个3D场景 (源码课件链接查看 网易云私信 ) 21:15 可课时4 视频 旋转动画、requestAnimationFrame周期性渲染 17:17 可课时5 视频 鼠标操作三维场景旋转缩放 10:57 可课时6 视频 场景插入新的几何体 21:14课时7 视频 设置材质效果 06:50课时8 视频 光照效果设置 07:24章节3: 顶点概念、几何体结构课时9 视频 顶点位置数据解析渲染 12:16课时10 视频 顶点颜色数据插值计算 09:05课时11 视频 顶点法向量数据光照计算 11:21课时12 视频 顶点索引复用顶点数据 09:29课时13 视频 设置Geometry顶点位置、顶点颜色数据 09:58课时14 视频 Face3对象定义Geometry的三角面 12:02课时15 视频 访问几何体对象的数据 14:57课时16 视频 几何体旋转、缩放、平移变换 07:17章节4: 材质对象课时17 视频 常用材质介绍 15:55课时18 视频 材质共有属性、私有属性 17:30章节5: 模型对象课时19 视频 点、线、网格模型介绍 12:45课时20 视频 模型对象旋转平移缩放变换 11:21课时21 视频 模型对象克隆clone复制copy（立方体线性阵列） 15:05章节6: 光源对象课时22 视频 光照原理和常见光源类型 20:57课时23 视频 阴影投影计算 16:22课时24 视频 基类Light和Object3D 05:15章节7: 层级模型、树结构课时25 视频 组对象Group、层级模型 15:33课时26 视频 对象节点命名、查找、遍历 15:04课时27 视频 本地位置坐标、世界位置坐标 08:31章节8: 几何体对象、曲线、三维建模课时28 视频 常见几何体和曲线API介绍 14:09课时29 视频 圆弧线绘制(直线、椭圆、圆弧)、基类Curve 17:10课时30 视频 样条曲线、贝赛尔曲线 11:14课时31 视频 多个线条组合曲线CurvePath 06:00课时32 视频 曲线路径管道成型TubeGeometry 07:17课时33 视频 旋转成型LatheGeometry 04:36课时34 视频 Shape对象和轮廓填充ShapeGeometry 16:29课时35 视频 拉伸扫描成型ExtrudeGeometry 10:55章节9: 纹理贴图课时36 视频 创建纹理贴图 14:36课时37 视频 UV映射原理(顶点纹理坐标) 23:02课时38 视频 数组材质、材质索引materialIndex 15:38课时39 视频 纹理对象Texture(阵列、偏移、旋转...) 18:33课时40 视频 canvas画布、视频作为纹理贴图 11:03课时41 视频 凹凸贴图、法线贴图(压缩模型) 19:38课时42 视频 光照贴图添加阴影 08:02课时43 视频 高光贴图 07:42课时44 视频 环境贴图 06:31课时45 视频 数据纹理对象DataTexture 11:30章节10: 相机对象(投影方式)课时46 视频 正投影和透视投影相机 27:49课时47 视频 窗口变化自适应渲染 10:27章节11: 精灵模型、粒子系统课时48 视频 精灵模型对象Sprite 16:06课时49 视频 中国城市PM2.5可视化案例 12:15课时50 视频 树林效果 07:17课时51 视频 下雨场景效果模拟 10:42章节12: 帧动画模块课时52 视频 编辑关键帧并解析播放 14:24课时53 视频 解析外部模型的的帧动画 09:33课时54 视频 播放设置(暂停、时间段、时间点) 10:08章节13: 骨骼、变形动画课时55 视频 骨骼动画原理 30:28课时56 视频 加载外部模型骨骼动画 13:07课时57 视频 变形目标动画原理 14:04课时58 视频 解析外部模型变形目标数据 11:43章节14: 语音模块课时59 视频 音频与场景关联(音源、监听者) 10:57课时60 视频 音乐可视化 07:13章节15: 模型文件加载课时61 视频 Three.js数据结构、导入导出 25:14课时62 视频 2.加载stl文件并解析 10:22课时63 视频 加载obj文件(几何体、材质、贴图) 16:17课时64 视频 加载FBX并解析骨骼动画 07:13课时65 视频 手镯在线预览(商品展示) 13:04课时66 视频 心脏预览(法线、高光、环境贴图) 17:23章节16: WebGL渲染器课时67 视频 场景渲染结果网页局部显示 10:45章节17: 进阶——数学模块 课时68 视频 向量 29:15 可课时69 视频 矩阵 16:07 可课时70 视频 旋转、平移和缩放矩阵 17:14课时71 视频 投影矩阵、视图矩阵 14:42课时72 视频 包围盒Box3、Box2、Sphere 17:33课时73 视频 欧拉Euler和四元数Quaternion 15:45课时74 视频 几何计算Line3、Triangle、Ray、Plane 17:34章节18: 进阶——Threejs系统原理课时75 视频 场景、相机和渲染器 22:07课时76 视频 WebGL渲染器简介 17:44课时77 视频 renderers目录下渲染器相关代码块介绍 25:54课时78 视频 顶点数据封装 19:13课时79 视频 解析几何体提取顶点数据 33:53课时80 视频 层级模型封装和解析 16:31课时81 视频 本地矩阵和世界矩阵 18:45课时82 视频 对象具体分类过程 21:24课时83 视频 点线网格模型和绘制模式 11:52课时84 视频 光源对象分类 18:26课时85 视频 Material对应的Shader 20:30课时86 视频 处理shader代码 21:18课时87 视频 着色器字符串处理—材质属性、光源数量 10:38课时88 视频 火狐查看Three.js合成的着色器shader 04:33课时89 视频 传值-attribute 16:18课时90 视频 uniform变量传值 25:56课时91 视频 着色器材质对象ShaderMaterial 09:22章节19: 进阶——Threejs自定义shader 课时92 视频 1.第一个three.js着色器程序 14:51 可课时93 视频 2.着色器——矩阵变换 19:06课时94 视频 3.着色器——uniform 12:18课时95 视频 4.着色器——光照计算 11:53 可课时96 视频 5.着色器——颜色插值计算 07:54课时97 视频 6.着色器——纹理贴图 08:50课时98 视频 7.着色器——彩色图处理为灰度图 05:30课时99 视频 8.着色器——UV动画 11:42课时100 视频 9.着色器——着色器模块.glsl 17:17课时101 视频 10.着色器——系统uniforms模块调用UniformsLib 15:58课时102 视频 11.着色器——模仿系统的材质对象 11:05课时103 视频 12.着色器——自动提取光源对象信息 13:47课时104 视频 13.着色器——phong网格材质二次开发 08:30课时105 视频 14.WebGLRenderTarget(离屏渲染) 15:39课时106 视频 15.WebGLRenderTarget实现灰度图后处理功能 08:27课时107 视频 16.后处理EffectComposer—自定义着色器 18:30课时108 视频 17.后处理EffectComposer——直接调用常见通道 09:03
