🎨 后处理·滤镜实战
30章
Three.js 特效
01
后处理入门
什么是后处理 · 管线 · EffectComposer · 帧缓冲
02
ShaderPass基础
ShaderPass原理 · 自定义Pass · uniforms · 着色器
03
颜色校正滤镜
亮度/对比度 · 色相饱和度 · ColorMatrix · Gamma
04
模糊特效
高斯模糊 · BoxBlur · 径向模糊 · 缩放模糊
05
边缘检测
Sobel算子 · Canny · 轮廓发光 · 法线边缘
06
辉光特效
UnrealBloomPass · Bloom调优 · LensFlare · GodRay
07
景深效果
景深原理 · CoC · 前景/背景虚化 · BokehPass
08
色彩风格化
老电影 · 赛博朋克 · 水彩/油画 · 像素化
09
扭曲与变形
水波扭曲 · 旋涡 · 放大镜 · 玻璃折射
10
遮罩与合成
Alpha合成 · 多图层混合 · 绿幕抠像 · 遮罩纹理
11
时间特效
运动模糊 · 残影拖尾 · 时间切片 · 频闪
12
噪声与颗粒
Perlin噪声 · 胶片颗粒 · 雪花干扰 · 扫描线
13
光影特效
SSAO · SSR · 阴影柔化 · 光晕泛光
14
卡通渲染
ToonShader · 描边 · 色块化 · 三阶色阶
15
深度与法线
深度纹理 · 法线纹理 · 视差映射 · 屏幕空间
16
自定义Pass开发
继承Pass · MRT · 深度测试 · 性能优化
17
后处理链管理
Pass排序依赖 · 动态启用 · 分辨率缩放 · 预算
18
WebGL2特性
MRT扩展 · 浮点纹理 · 半精度 · MSAA
19
移动端优化
降低采样 · 减少Pass · 低精度 · 避免分支
20
VR/AR后处理
立体渲染 · 畸变校正 · 注视点渲染 · 性能
21
粒子系统后处理
粒子发光 · 拖尾 · 深度排序 · GPU更新
22
水体特效
水面反射/折射 · 焦散 · 水下扭曲 · 泡沫
23
天气特效
雨滴 · 雪花 · 雾气浓度 · 闪电模拟
24
UI与后处理融合
UI不受影响 · UI发光 · UI与3D交互
25
调试工具
Pass性能分析 · Shader可视化 · 帧调试 · 内存
26
官方示例解析
后处理拆解 · UnrealBloomPass源码 · 扩展
27
实战项目1:产品展示
旋转模型 + 辉光 + 景深
28
实战项目2:音乐可视化
频谱 + 粒子 + 后处理联动
29
实战项目3:游戏HUD
动态模糊 + 色彩校正 + 遮罩
30
综合大作业:交互式3D画廊
集成所有后处理特效