课程
课程介绍与图形学初始
图像与成像系统
OpenGL与WebGL
图形绘制流程渲染管线
封装绘制矩形
WEBGL接口详解
图像封装原理
WEBGL绘制三角形
绘图模式详解
同步渲染内容和正面反面
精讲WEBGL纹理
封装绘制不同颜色矩形
多个顶点Attribute多缓冲区应用
GLSL变量和数据类型
着色器基础与高亮插件
GLSL变量限定符和预编译指令
动态渲染画面
封装线段绘制
varying与attribute共同设置渐变顶点色
特征值与特征向量
位移动画实现
矩阵与线性变换
第一个3D立方体
向量叉积
代码中的点与向量
根据原理编码实现正交投影渲染立方体
旋转位移复合动画
齐次坐标
逆矩阵-列空间-零空间
视图变换与正交投影原理
什么是行列式
透视投影原理与代码编写
向量与线性组合
着色器使用矩阵变换缩放旋转图形
向量点积
立方体unfiorm传角度生成矩阵的补充
WEBGL应用矩阵转换完成屏幕像素坐标转换
标量-点-向量
基变换
position_quaternion_scale生成模型矩阵
实现threejs的顶点uv设置
实现SpotLight类
定义几何体-材质-网格物体类
光照原理与lambert材质实现
要实现threejs框架的基本功能
欧拉角与万向锁问题
四元数与旋转原理
优化渲染VBO与VAO
threejs投影与视图矩阵实现
定义场景和相机类
实现WebGLRenderer类
顶点使用索引绘制
纹理加载器和纹理类
实现球的uv映射和法向
手动实现物体旋转原理
从零实现OribitControls控制器
实现SphereGeometry类球几何体
根据距离衰减灯光效果
聚光灯聚光效果实现
深度材质
Blinn-Phong材质与高光
实现聚光灯按照角度衰减光效
阴影实现原理
使用渲染缓冲帧缓冲阴影深度纹理
阴影效果代码实现
帧缓冲区与渲染缓冲区进行离屏渲染阴影深度
指数与对数图形
sign_floor_ceil_fract_mod函数与图形转换
数学pow函数图形与渐变圆
三角函数与图形
min_max_clamp钳制函数与图形转换
基本数学与片元着色器
反三角函数与图形转换
基本数学与顶点着色器
abs与图形转换
二维噪声数学实现原理
分形噪声函数实现原理
随机函数数学实现原理
一维噪声数学实现原理
复杂分形函数应用实现烟雾山脉波纹
WebGLUtils和WebGLState源码详解
WebGLRender.js源码详细解析
WebGLBindingStates源码解析
WebGLCapabilities源码解析
WebGLInfo与WebGLProperties源码解析
WebGLTextures源码解析
WebGLCubeMaps_WebGLCubeUVMaps_WebGLAttrib源码解析
threejs源码目录解构解析
WebGLExtensions源码解析
WebGLGeometries源码解析
WebGLProgram掌握shader编译全过程
WebGLPrograms源码解析
WebGLMaterials_WebGLRenderList源码解析
WebGLObjects_WebGLMorphtargets_WebGLClip源码解析
RenderStates_Background_ShadowMap源码解析
16-WebGLUniformsGroup_BufferRenderer_IndexedBufferRenderer
glsl_PBR讲解
菲涅尔项
threejs顶点着色器常用变量声明
间接光照与环境光遮蔽源码实现
threejs着色器通用常量和函数源码解析
光照衰减与物理光照衰减模拟源码实现
threejs片元着色器常用变量声明
清漆_虹彩效应_光泽源码属性定义
物理材质片元着色器解析
threejs片元着色器纹理贴图_透明度贴图_高光贴图
glsl获取平面法线实现平直着色
项目准备与源码查看
threejs顶点着色器主函数源码解析
多种光源直接光照叠加源码实现
glsl法向纹理处理
BRDF微表面材质模型
间接光照效果叠加源码实现
虹彩效应源码实现
物理材质顶点着色器解析
IOR与金属混合高光源码
金属和粗糙度实现
BRDF光照叠加计算源码实现
threejs片元着色器环境纹理_色调映射_fog混和着色器源码解析
点光源阴影源码实现
transmission玻璃透射材质源码实现
WEBGPU立方体数据创建与缓冲区写入数据
WEBGPU纹理采样
wgsl变量类型与指定
WEBGPU多重采样抗锯齿
详解WEBGPU的基本配置
WEBGPU绘制三角形
认识WEBGPU
WEBGPU视频纹理
wgsl常用语法
WEBGPU多彩旋转立方体
wgsl属性_uniform_顶点与片元传递数据方式
RenderPass源码解析
EffectComposer构造函数解析
Bloom发光着色器源码解析
后处理原理
EffectComposer渲染函数Render
编辑器实现大一统Loader加载各种3D模型
编辑器运行渲染原理与实现
编辑器脚本控制相机
编辑器UI组件
视窗渲染与事件
初识编辑器和配置源码
编辑器动作与历史动作管理
编辑器运行和物体脚本控制
编辑器选中物体
Editor原型携带方法
工具条组件实现
编辑器国际化切换语言
编辑器相机面板_着色模式_信息面板实现
编辑器脚本控制粒子
脚本着色器设置与脚本运行原理
indexDB存储场景_物体_材质
编辑器对象属性控制
编辑器材质组件的设置与实现
编辑器菜单面板实现
编辑器几何体面板设置
编辑器动画与脚本设置与实现
编辑器新功能开发-添加3d文字内容
侧边栏场景面板控制机制
编辑器控制背景_环境_雾
新增indexDB保存管理功能
新增场景列表管理面板功能
编辑器新增场景管理菜单功能
新增indexDB数据库删除管理场景
新增从场景列表面板中切换场景功能
编辑器新增本地存储保存环境配置
开发新增在线纹理功能
解决threejs编辑器输入框BUG
threejs编辑器AI生成模型功能演示
threejs编辑器初始配置
threejs编辑器添加AI生成模型面板
实现根据需求提示词生成模型图片
应用混元3D模型根据图片生成场景模型加入编辑器
菲涅尔加噪声函数
镜面高斯模糊效果
各类型着色器特效叠加
菲涅尔加图形效果
火焰溶解效果
