09 Dibujar en varias pasadas
Posprocesado: dibujar la escena y tratar la imagen
Arrastra la escala de grises para quitar el color a toda la imagen renderizada.
01
Ejercicio
Arrastra los números subrayados a izquierda y derechaArrastra los números o edita el código
// pasada 1: dibujar en una texturarenderer.setRenderTarget(target);renderer.render(scene, camera);// pasada 2: un shader a pantalla completa procesa los coloresfloat gray = dot(color, vec3(0.2126, 0.7152, 0.0722));color = mix(color, vec3(gray), );
PosprocesadoLa entrada es toda la imagen renderizada, no un solo objeto.Lado JS
Posprocesado: primero dibuja la escena en una textura y luego procesa esa imagen con un shader de fragmentos a pantalla completa.
Pruébalo
- Lleva la escala de grises a 1
- Piénsalo: un desenfoque lee los píxeles vecinos; ¿por qué necesita dos pasadas?