¿Cuáles son algunos ejemplos interesantes de efectos de sombreador de píxeles de procedimiento? [cerrado]

16

¿Cuáles son algunos buenos ejemplos de efectos de sombreador de píxeles de espacio de pantalla o de procedimiento? No se necesita código; Solo estoy buscando inspiración.

En particular, estoy buscando efectos que no dependan de la geometría o del resto de la escena (para que se vean bien renderizados solos en un quad) y no se basen en el procesamiento de imágenes (no requieren una "imagen base" , "aunque pueden incorporar texturas). Multi-pass o single-pass está bien. Las capturas de pantalla o los videos serían ideales, pero las ideas también funcionan.

Soy consciente de esta pregunta ; No estoy pidiendo una fuente de implementaciones de sombreadores reales, sino algunas ideas inspiradoras, y las de la Biblioteca de sombreadores de NVIDIA requieren principalmente una escena o son efectos de procesamiento de imágenes.

— Robert Fraser
fuente

¿Puedes hacer cosas así de forma procesal, sin una base? Esto es ciertamente nuevo e interesante para mí.

— El pato comunista

@The Communist Duck: todos estos ejemplos provienen de RenderMonkey, para que pueda ver cómo se hacen. La "base" es típicamente una imagen de ruido (los primeros tres usan un ruido volumétrico, mientras que el cuarto es una simulación de dinámica de fluidos que genera fluido en las texturas de velocidad y densidad donde el usuario hace clic y simula (a través de 23 pases ...) desde allí . también es posible ir por completo del procedimiento (es decir, un patrón), pero la GPU está limitado en ella de generación de números aleatorios, así que las imágenes ruido generado fuera de línea son por lo general mejor.

— Robert Fraser

28

El mapeo interior es un efecto bastante impresionante. Se necesita un quad plano aburrido y lo hace ver como un edificio con interiores, todo dentro del sombreador de píxeles. Es semi-procesal porque algunos de los activos están hechos a mano, pero el sombreador los coloca de manera procesal.

texto alternativo

— Martin
fuente

1

Dulce ... tocino ... Jesús, eso es increíble.

— Robert Fraser

Definitivamente tengo que incorporar eso en mi próxima aplicación;)

— Rushyo

Wow, si puedo poner eso en el motor Cube 2, podría rehacer mi demo de cartera, hacerlo más rápido y más bonito (COME su procesador con edificios modelados manualmente alrededor del edificio en el que realmente juega)

— speeder

Otorgando la recompensa a este, pero gracias a todos los que proporcionaron sugerencias.

— Robert Fraser

El enlace pdf está caído. ¿Pueden asegurar su existencia, por favor?

— Michael

7

Para obtener una gran inspiración, no olvide revisar los efectos de demostración oldskool. Me vienen a la mente cosas como plasma, fuego, barras de cobre, urdimbres, lentes, rotozoómeros.

Por supuesto, requeriría un poco de portabilidad de su parte, pero supongo que es un desafío.

Aquí hay un buen recurso con algunos efectos y los archivos fuente: http://www.oldskool.org/demos/explained/demo_graphics.html

— Sapo
fuente

Se olvidó por completo del demoscene. El color de 18 bits, en particular, podría tener un efecto de procesamiento de imagen dulce. También me olvidé por completo de los fractales: he visto un mandlebrot HLSL; Me pregunto qué otros podrían convertirse en sombreadores.

— Robert Fraser

5

Echa un vistazo a Facewound . En particular, mire los ejemplos en el tutorial de sombreador .

— Andrew Russell
fuente

1

Eso es muy impresionante, pero parecen sobre todo como efectos de procesamiento de imágenes

— Robert Fraser

2

Aquí hay un gran conjunto de ejemplos de sombreadores

Algunas cosas geniales sobre las que puedes construir y inspirarte.

— Kimau
fuente

Ese es un sitio muy dulce! La mayoría parece una iluminación / refracción antigua, etc., pero algunos de esos materiales se ven geniales

— Robert Fraser

2

ShaderToy es un renderizador de sombreadores WebGL que muestra diferentes sombreadores en su navegador. Tiene muchos ejemplos, ¡y puede editarlos y compilarlos sobre la marcha! He pasado horas jugando con eso :)

Sin embargo, necesitará WebGL ejecutándose en su navegador. Chrome es probablemente tu mejor apuesta en este momento.

— gak
fuente

1

También eche un vistazo a software como Mental Mill. Permite la programación de sombreadores basada en nodos con operaciones matemáticas. Agregue un montón de ondas e imágenes aleatorias y vea lo que sale del otro extremo. A menudo puedo encontrar mucho más del proceso que las imágenes que encuentro ("oye, esto parece un enjambre de rayos").

— descubrimiento subrayado
fuente

¡Sip! De hecho, estoy preguntando este b / c. Estoy trabajando en una herramienta similar (de código abierto) (aunque con una audiencia ligeramente diferente)

— Robert Fraser

Genial, la técnica generalmente se conoce como tecnología de "empalme" y "árbol de sombreado abstracto". También hay cosas como mapzoneeditor.com que tienen una gran referencia.

— subrayado

1

Si tiene una copia del Unreal original, puede revisar los paquetes de texturas en el editor y ver todos los efectos. Son similares a los ejemplos que publicó en la pregunta original.

— Andrew Russell
fuente