****-Three.js进阶课程-HTML5/CSS

订阅后:请点击此处观看视频课程

****-Three.js进阶课程-HTML5/CSS

学习有效期:永久观看

学习时长:653分钟

学习计划:11天

难度:

 

口碑讲师带队学习,让你的问题不过夜」

****-Three.js进阶课程-HTML5/CSS

讲师姓名:郭龙帮

高校教师 / 培训机构讲师

讲师介绍:长期从事3D方面的工作,拥有丰富的webgl技术经验,基于webgl技术实现产品在线预览、室内漫游、可视化等项目

☛点击立即跟老师学习☚

 

「你将学到什么?」

一、教程说明  
   有一定的Threejs基础和WebGL基础,希望能够深入理解Three.js引擎,想了解Threejs是如何对WebGL API和着色器封装的,想了解Threejs向量、矩阵等数学知识,在实际的项目中需要使用Threejs自定义着色器代码。 

二、源码下载 
源码和课件在本课程页面滚动到最下方 

三、源码 

****-Three.js进阶课程-HTML5/CSS

四、文字课件 
每节课基本都有一篇文章介绍本节课内容,平时学习可以看视频,也可以像看书一样直接阅读文章

****-Three.js进阶课程-HTML5/CSS

 

「课程学习目录」

第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随时随地学习

满足不同场景学习需求,不受空间、地域限制。

  • 内推机会

CSDN联合大厂博客专家,为优秀学员推荐具有竞争力的工作机会 。

☛点击立即跟老师学习☚

 

「什么样的技术人适合学习?」

  • 想进入技术行业,但是面对多门编程语言不知如何选择,0基础的你
  • 掌握技术单一、冷门,迫切希望能够转型的你
  • 想进入大厂,但是技术不够丰富,没有竞争力的你

 

「悉心打造精品好课,11天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进,帮助用户轻松掌握

掌握HTML5/CSS知识,扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。

☛点击立即跟老师学习☚

 

「你可以收获什么?」

Three.js向量、矩阵、四元数等知识

Three.js系统原理

Three.js自定义着色器