09 多遍渲染
Post:先画场景,再处理图像
拖动灰度,让整幅渲染结果褪色。
01
习题
带下划线的数字可以左右拖动拖动数字,或直接改代码
// 第一遍:绘制到纹理renderer.setRenderTarget(target);renderer.render(scene, camera);// 第二遍:全屏 shader 处理颜色float gray = dot(color, vec3(0.2126, 0.7152, 0.0722));color = mix(color, vec3(gray), );
后处理输入是整张渲染图,不是一个物体。JS 这一侧
后处理:先把场景画进一张纹理,再用全屏片元 shader 处理这张图。
试一试
- 把灰度拉到 1
- 想一想:模糊需要读周围像素,为什么必须分两遍?