Shader Learn

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), );
后处理输入是整张渲染图,不是一个物体。

后处理:先把场景画进一张纹理,再用全屏片元 shader 处理这张图。

试一试

  • 把灰度拉到 1
  • 想一想:模糊需要读周围像素,为什么必须分两遍?