El sombreador en este ejemplo utiliza información de profundidad de un p5.Framebuffer para aplicar un desenfoque. En una cámara real, los objetos aparecen borrosos si están más cerca o más lejos que el enfoque del objetivo. Esto simula ese efecto. Primero, el boceto renderiza cinco esferas en el framebuffer. Luego, renderiza el framebuffer en el lienzo usando el sombreador de desenfoque.
Desenfoque del búfer de trama (framebuffer) by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.
Ejemplos Relacionados
No alt text
Geometrías
Dibujar formas 3D, incluido un modelo personalizado.
No alt text
Geometría Personalizada
Generar una forma 3D programáticamente.
No alt text
Materials
Cambiar el color, la textura, y la forma en que responden a la luz los objetos 3D.
No alt text
Orbit Control
Controlar la cámara con el ratón.
No alt text
Filtro de sombreado
Manipula imágenes con un filtro de sombreador (shader).
No alt text
Ajusta Posiciones con un Sombreador.
Usar un sombreador para ajustar los vértices de una forma.
No alt text
Desenfoque del búfer de trama (framebuffer)
Simular la profundidad de campo de una cámara.