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): Revised by Caleb Foss. Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: pre-2023 example, 2023 code. You can suggest improvements by contributing to the current website!
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 (GLSL)
Manipula imágenes con un filtro de sombreador (shader).
No alt text
Ajusta Posiciones con un Sombreador (GLSL)
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.
No alt text
Filtro de sombreado (p5.strands)
Manipula imágenes con un filtro de sombreador (shader).
No alt text
Ajusta Posiciones con un Sombreador (p5.strands)
Usar un sombreador para ajustar los vértices de una forma.