Layabox WebGL Shader编程教程

Layabox WebGL Shader编程教程
共99节 1561人在学 课程详情
  • WebGL Shader之HelloWorld
  • GPU图形硬件流水线
  • 3D坐标系和空间转换
  • 3D向量和矩阵
  • Shader中的颜色计算(一)
  • Shader中的颜色计算(二)
  • GLSL语言_基础数据类型
  • GLSL语言_变量限定符
  • GLSL语言_预编译和流程控制
  • GLSL语言_函数和内置函数
  • 程序生成3D模型(一)
  • 程序生成3D模型(二)
  • 程序生成3D模型(三)
  • 程序生成3D模型(四)
  • 程序生成3D模型(五)
  • 顶点颜色变化
  • 顶点正弦波波浪(一)
  • 顶点正弦波波浪(二)
  • 顶点Gerstner波波浪
  • 顶点法线
  • 2D纹理采样(一)
  • 2D纹理采样(二)
  • UV序列帧动画
  • UV波浪效果(一)
  • UV波浪效果(二)
  • UV图片模糊效果
  • UV马赛克效果(一)
  • UV马赛克效果(二)
  • 2D纹理融合
  • 骨骼动画在shader中的顶点变换(一)
  • 骨骼动画在shader中的顶点变换(二)
  • 骨骼动画在shader中的顶点变换(三)
  • 光照-漫发射和环境光(一)
  • 光照-漫发射和环境光(二)
  • 光照-phong光照模型(一)
  • 光照-phong光照模型(二)
  • 光照-点光源(一)
  • 光照-点光源(二)
  • 光照-聚光灯(一)
  • 光照-聚光灯(二)
  • 法线纹理和凹凸贴图(一)
  • 法线纹理和凹凸贴图(二)
  • 法线纹理和凹凸贴图(三)
  • 视差贴图
  • 法线贴图实现水面效果
  • 渐变纹理
  • 遮罩纹理
  • 自定义遮罩纹理控制地形(一)
  • 自定义遮罩纹理控制地形(二)
  • 环境映射-立方体纹理(一)
  • 环境映射-立方体纹理(二)
  • 环境映射-菲涅耳+颜色色散(一)
  • 环境映射-菲涅耳+颜色色散(二)
  • 环境映射-天空盒子反射贴图采样
  • 多PASS通道渲染
  • 面剔除模式(CULL)
  • 颜色混合模式(Bleed)(一)
  • 颜色混合模式(Bleed)(二)
  • 颜色混合测试代码
  • 透明渲染和渲染队列(一)
  • 透明渲染和渲染队列(二)
  • 深度测试和深度写入
  • RGP人物遮挡效果
  • 噪声纹理-消融效果
  • 噪声纹理-火焰效果
  • 卡通风格的渲染(一)
  • 卡通风格的渲染(二)
  • 卡通风格的渲染(三)
  • 卡通风格的渲染之风格化卡通高光(一)
  • 卡通风格的渲染之风格化卡通高光(二)
  • 卡通风格的渲染之风格化卡通高光(三)
  • 卡通风格的渲染之风格化卡通高光(四)
  • 素描风格的渲染(一)
  • 素描风格的渲染(二)
  • 广告牌效果(一)
  • 广告牌效果(二)
  • 水墨风的渲染(一)
  • 水墨风的渲染(二)
  • 水墨风的渲染(三)
  • 水墨风的渲染(四)
  • PBR基于物理光照简介(一)
  • PBR基于物理光照简介(二)
  • PBR基础理论和方程(一)
  • PBR基础理论和方程(二)
  • PBR光照模型的实现(一)
  • PBR光照模型的实现(二)
  • PBR光照模型的实现(三)
  • PBR光照模型的实现(四)
  • PBR光照模型的实现(五)
  • PBR光照模型的实现(六)
  • PBR光照模型的实现(七)
  • Matcap材质捕获渲染(一)
  • Matcap材质捕获渲染(二)
  • Matcap材质捕获渲染(三)
  • 伪次表面散射(SSS)之贴图映射(一)
  • 伪次表面散射(SSS)之贴图映射(二)
  • 伪次表面散射(SSS)之模拟透射(一)
  • 伪次表面散射(SSS)之模拟透射(二)
  • 伪次表面散射(SSS)之模拟透射(三)

    订阅失败

    Layabox WebGL Shader编程教程
    Layabox WebGL Shader编程教程 ...

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

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

    购买课程

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

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

    课时介绍

    介绍正弦波波浪

    课程介绍

    在Html5 3D游戏开发中WebGL Shader的作用非常重要,然而学习WebGL Shader的路却不是那么容易,第一它涉及到方方面面的知识和基础, 比如:3D数学,计算机图形学甚至硬件。第二各个Html5游戏引擎关于WebGL Shader的资源都比较少,不方便初学者入门学习。与其在互联网上四处搜索零散的资料,不如从头开始,系统全面的去学习WebGL Shader的“代码的艺术”。

    本教程“授人以渔”,为大家带来零起点的WebGL Shader教学,从图形硬件的发展史开始,讲GPU可编程管线,讲3D模型数据结构、贴图、光照、渲染,让大家能从一个纵深的过程中宏观的了解这种技术的前因后果。教程以LayaBox引擎为环境 ,重点放在GLSL语言的学习,经典光照的计算,各种纹理贴图的原理与使用,PBR、NPR、SSS等渲染类型的实现。 手把手在Layabox环境下进行逐行代码的教学,期望帮助大家进入WebGL Shader编程的大门,最终能在实际的工程实践中有些创造和创新。

    1. 课程为99课时,总时长约为2000分钟到2500分钟。

    2. 课程 源代码 在对应课时的课件资源中,可下载。

    推荐课程

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

    李明 · 870人在学

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

    王先生 · 22650人在学

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

    汤小洋 · 4282人在学

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

    黄菊华 · 824人在学

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

    小尼老师 · 890人在学

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

    Long · 5195人在学

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

    汤小洋 · 1525人在学

    Python Django 深度学习 小程序

    钟翔 · 2391人在学

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

    赖国荣 · 666人在学

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

    李杰 · 4067人在学

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