Three.js进阶课程

Three.js进阶课程
共41节 3866人在学 课程详情

  • 数学Math

    • 向量
    • 矩阵
    • 旋转、平移和缩放矩阵
    • 投影矩阵、视图矩阵
    • 包围盒Box3、Box2、Sphere
    • 欧拉Euler和四元数Quaternion
    • 几何计算Line3、Triangle、Ray、Plane

  • Threejs系统原理

    • 场景、相机和渲染器
    • WebGL渲染器简介
    • renderers目录下渲染器相关代码块介绍
    • 顶点数据封装
    • 解析几何体提取顶点数据
    • 层级模型封装和解析
    • 本地矩阵和世界矩阵
    • 对象具体分类过程
    • 点线网格模型和绘制模式
    • 光源对象分类
    • Material对应的Shader
    • 处理shader代码
    • 着色器字符串处理—材质属性、光源数量
    • 火狐查看Three.js合成的着色器shader
    • 传值-attribute
    • uniform变量传值
    • 着色器材质对象ShaderMaterial

  • Threejs自定义着色器

    • 第一个three.js着色器程序
    • 着色器——矩阵变换
    • 着色器——Uniform
    • 光照计算
    • 颜色插值计算
    • 纹理贴图
    • 彩色图处理为灰度图
    • UV动画
    • 着色器模块.glsl调用
    • 系统uniforms模块调用UniformsLib
    • 模仿系统的材质对象
    • 自动提取光源对象信息
    • phong网格材质二次开发
    • WebGLRenderTarget(离屏渲染)
    • WebGLRenderTarget实现灰度图后处理功能
    • 后处理EffectComposer—自定义着色器
    • 后处理EffectComposer——直接调用常见通道

    订阅失败

    Three.js进阶课程
    Three.js进阶课程 ...

    订阅列表已满，请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！
    提交答案

    购买课程

    扫码完成付费，可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    ShaderMaterial自定义着色器的API

    课程介绍

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

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

    三、源码 


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


    推荐课程
    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中，请耐心等待几秒钟～