E.E: Shaders

Recuerdo del primer mensaje :

Píxel Shaders son efectos DirectX que podemos asignarle a los objetos de MMF2 o directamente a las capas de un frame.

Al ser efectos DirectX solo funcionan con versiones HWA de MMF2 y se parecen de algún modo a los “Ink effects” de las versiones no HWA.

Ejemplo:
Acá dejo un ejemplo de un frame con 3 capas. La capa 1 tiene un QuickBacdrop (unas piedras) y ningún Shader, la capa 2 (esta sobre la 1) tiene un QuickBacdrop (agua), una transparencia al 50% (esto se setea en su propiedad “Blend Coefficient”) y un Shader (en la capa) “Under Water” esto se ve en las propiedades de la capa:

Effect: Under Water
(Lo que sigue son los parámetros iniciales del shader)
Blur power: 0.002
Amplitude X: 0.01
Periods X: 30
Frequency X: 2
Amplitude Y: 0.01
Periods Y: 30
Frequency Y: 2

Para modificar estos parámetros iniciales en tiempo de ejecución, debemos referirnos a ellos con el nombre definido en el archivo .XML que acompaña al archivo .FX del Shader, estos nombres pueden verse abajo en la ventana cuando lo seleccionamos.

Ej:
Blur power = fBlur
Amplitude X = fAmplitudeX
Periods X = fPeriodsX
Frequency X = fFreqX
Amplitude Y = fAmplitudeY
Periods Y = fPeriodsY
Frequency Y = fFreqY

Por ultimo en la capa 3 hay 4 Strings donde se puede ver como van cambiando algunos parámetros para conseguir el efecto de una superficie de agua.

Ejemplo Agua

En este caso, como el Shader esta puesto en una capa, accedo a sus parámetros por medio de la extensión “Layer Object” (más adelante voy a explicar lo poco que manejo de esta extensión en otro hilo)

Acá dejo unos “Packs de Shaders” (Descomprimir en la carpeta “Effects” de MMF2 y MMF2_HWA)

complex-shaderspackv2.zip

En este pack está el shader "Under Water" que uso en el ejemplo.

Looki's ShaderPack.zip

En este otro hay varios Shader muy buenos y con ejemplos de como usarlos.

P/D: En el ejemplo que dejo, hago uso de otro Shader "Looki Backgroud lens" en el intento de simular tirar una piedra al agua, no me funciona, pero se por una vez anterior que a Zonacas sí le funcionaba, por cuestiones digamos "misteriosas".
Así que va un pedido para Zonacas o elpupas7 para que me digan si funciona.

P/D2: Este hilo se ira modificando con sus criticas, aportes y sugerencias, aunque no en ese orden necesariamente...

Gracias!!
Pero… ¿En tu MMF se ve bien? en el .exe que me pasaste sigo viendo el fondo negro…
Pregunto, para saber si el código (del .fx) va o no va…

No, se ve tal y como queda en el .exe. El fondo se pone negro.

Lastima, me gustaba como quedaba, hasta la casa y los árboles parecían tener cierto “3D” supongo que debe tener algo de “Vertex Shader” metido por ahí… O lo descarto o me pongo a estudiar Assembly…

Logré que se vea bien, el cambio es muy sutil, pero mirándolo bien (i.e: siendo neurótico obsesivo) se nota la diferencia, cambié el código Assembly por otro que estaba haciendo con un efecto “Blur”, el Shader tiene dos pasadas, en la primera hace lo que hacia el primero y en la segunda el efecto Blur, si hago los dos en una sola pasada, el Blur se nota más intenso, pero pierde ese efecto de “profundidad” (que al menos yo creo ver).

Terremoto3

Te quedó genial...
+R

Estaría bien verlo con un personaje, que se quede sorprendido o que se tire al suelo cuando surja el temblor...

elpupas7 escribió:

Te quedó genial...
+R

Estaría bien verlo con un personaje, que se quede sorprendido o que se tire al suelo cuando surja el temblor...

Gracias!
Por un momento pensé en Freezer… que produzca el temblor… tratando de llegar al 100%...

Ah, pues sí, mucho mejor.
En lugar de ser victima, ser quién lo provoca. Ahí has estado !!!

El poderoso Freezer hace temblar el Universo!!!
(Si por Universo entendemos unas casitas y un par de árboles)

Leer el texto en pantalla, para realizar la transformación del “Gran Freezer”

Terremoto Freezer

Perfecto!!

+R

Gracias!!

Shader Orbita:

Orbita

Hace que un objeto orbite alrededor de un punto central, si se aplica directamente al objeto, tiene un bug parecido al del efecto zoom, si se aplica a la capa, no lo hace pero el movimiento no está muy bien.
En el .mfa hay ejemplos de lo que digo arriba. No creo que sirva para nada, excepto el estudio de estos “cosos”…

Shaders de transparencia parcial y transparencia progresiva, vienen con ejemplo...

EZ_fade_Shaders.rar

Visto este último shader.
Excelente, como siempre.

simplemente genial este ultimo shader , da posibilidad a muchas cosas , gracias por compartir ErichZann

Gracias por los comentarios, me alegra que les haya gustado.

Se me ocurre que puede servir para cosas tipo teleport, invisibilidad, etc. Y aplicado a una capa, transición entre frames, día/noche, etc.

elpupas7: Que bueno que estés de vuelta por el foro, ya se te extrañaba.

y que necesita saber uno para programar estos shaders? algun lenguaje de programacion en si?

luckyer07 escribió:

y que necesita saber uno para programar estos shaders? algun lenguaje de programacion en si?

El lenguaje se llama HLSL (High Level Shader Language) es parecido a C/C++
Aunque vas a encontrar diferentes formas de escribir una misma cosa, la forma más simple (al menos para mí) es la que uso en estos últimos shaders (y también en los anteriores) la forma que todavía no entiendo, sería:

//Author: Scanti
//Inverts the colour of bright pixels without affecting darker areas

Technique T0
{
Pass P0
{
PixelShader=asm
{
ps.2.0
def c0, 4, 1, 0.5, 2
dcl t0.xy
dcl_2d s0
texld r0, t0, s0
sub r1.xy, t0, c0.z
mul r1.xy, r1, r1
add r1.x, r1.x, r1.y
mul r1.x, r1.x, c0.x
sub r1, c0.y, r1.x
mul_sat r0, r0, r1
mul_sat r0, r0, c0.w
mov oC0, r0
/*
rcp r1.x, r1.x
mul r0, r1.x, r0
mov r0.a, c0.g
mov oC0, r0
*/
};
}
}

En algún mensaje anterior, deje unos sitios con tutoriales, podes ir viendo ahí y lo mejor que podes hacer, es modificar el código de alguno ya hecho, experimentar y ver que pasa.

interesante , me pondre a revisar esos tutoriales que dices , a ver si aprendo algo ....

Shader rotatedShadow.

En el ejemplo, se supone que el que sigue al mouse es una fuente de luz...

Según el angulo y la distancia entre el y el otro que tiene el shader, se modifican sus parámetros angulo y radio. Otros parámetros que se pueden modificar son: El color de la sombra y su transparencia.

En el ejemplo el angulo de la sombra no está muy bien (no puedo usar Atan2(), así que usé una formula medio rara) pero se entiende la idea...

rotShadowEjemplo

Saludos!

muy interesante este ultimo ejemplo ! agradezco la explicacion , el efecto se ve bien

Que interesante para crear sombras