****-Three.js进阶课程-HTML5/CSS
订阅后：请点击此处观看视频课程
****-Three.js进阶课程-HTML5/CSS
学习有效期：永久观看
学习时长：653分钟
学习计划：11天
难度：高
「口碑讲师带队学习，让你的问题不过夜」
讲师姓名：郭龙帮
高校教师 / 培训机构讲师
讲师介绍：长期从事3D方面的工作，拥有丰富的webgl技术经验，基于webgl技术实现产品在线预览、室内漫游、可视化等项目
☛点击立即跟老师学习☚
「你将学到什么？」
一、教程说明
有一定的Threejs基础和WebGL基础，希望能够深入理解Three.js引擎，想了解Threejs是如何对WebGL API和着色器封装的，想了解Threejs向量、矩阵等数学知识，在实际的项目中需要使用Threejs自定义着色器代码。
二、源码下载
源码和课件在本课程页面滚动到最下方
三、源码
四、文字课件
每节课基本都有一篇文章介绍本节课内容，平时学习可以看视频，也可以像看书一样直接阅读文章
「课程学习目录」
| 第1章：数学Math |
| 1.向量 |
| 2.矩阵 |
| 3.旋转、平移和缩放矩阵 |
| 4.投影矩阵、视图矩阵 |
| 5.包围盒Box3、Box2、Sphere |
| 6.欧拉Euler和四元数Quaternion |
| 7.几何计算Line3、Triangle、Ray、Plane |
| 第2章：Threejs系统原理 |
| 1.场景、相机和渲染器 |
| 2.WebGL渲染器简介 |
| 3.renderers目录下渲染器相关代码块介绍 |
| 4.顶点数据封装 |
| 5.解析几何体提取顶点数据 |
| 6.层级模型封装和解析 |
| 7.本地矩阵和世界矩阵 |
| 8.对象具体分类过程 |
| 9.点线网格模型和绘制模式 |
| 10.光源对象分类 |
| 11.Material对应的Shader |
| 12.处理shader代码 |
| 13.着色器字符串处理—材质属性、光源数量 |
| 14.火狐查看Three.js合成的着色器shader |
| 15.传值-attribute |
| 16.uniform变量传值 |
| 17.着色器材质对象ShaderMaterial |
| 第3章：Threejs自定义着色器 |
| 1.第一个three.js着色器程序 |
| 2.着色器——矩阵变换 |
| 3.着色器——Uniform |
| 4.光照计算 |
| 5.颜色插值计算 |
| 6.纹理贴图 |
| 7.彩色图处理为灰度图 |
| 8.UV动画 |
| 9.着色器模块.glsl调用 |
| 10.系统uniforms模块调用UniformsLib |
| 11.模仿系统的材质对象 |
| 12.自动提取光源对象信息 |
| 13.phong网格材质二次开发 |
| 14.WebGLRenderTarget(离屏渲染) |
| 15.WebGLRenderTarget实现灰度图后处理功能 |
| 16.后处理EffectComposer—自定义着色器 |
| 17.后处理EffectComposer——直接调用常见通道 |
「7项超值权益，保障学习质量」
- 大咖讲解
技术专家系统讲解传授思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑，扫清学习障碍。
- 课程资料+课件
超实用资料，覆盖核心知识，关键技能，方便练习巩固。
- 常用实战
企业常见实战案例，带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景学习需求，不受空间、地域限制。
- 内推机会
****联合大厂博客专家，为优秀学员推荐具有竞争力的工作机会 。
☛点击立即跟老师学习☚
「什么样的技术人适合学习？」
- 想进入技术行业，但是面对多门编程语言不知如何选择，0基础的你
- 掌握技术单一、冷门，迫切希望能够转型的你
- 想进入大厂，但是技术不够丰富，没有竞争力的你
「悉心打造精品好课，11天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进，帮助用户轻松掌握
掌握HTML5/CSS知识，扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。
☛点击立即跟老师学习☚
「你可以收获什么？」
Three.js向量、矩阵、四元数等知识
Three.js系统原理
Three.js自定义着色器