Three.js进阶课程

Three.js进阶课程
共41节 3856人在学 课程详情
  • 数学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进阶课程 ...

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

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

    购买课程

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

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

    课时介绍

    threejs解析处理着色器代码

    课程介绍

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

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

    三、源码 


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


    推荐课程

    信息系统项目管理师自考笔记

    李明 · 753人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22176人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4219人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 792人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 843人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5160人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1510人在学

    Python Django 深度学习 小程序

    钟翔 · 2330人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 605人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 3995人在学

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