Dynamic shadows.. now possible?

Hello ladies and gentlemen.

I come for a question that is really interesting to know if it is possible now or not. The Dynamic Shadows.

At least for me, the Dynamic Shadows make a game magic, for the horror games, or anything similar..

So I want to know if it is possible to create Dynamic Shadows, realtime shadows with WebGL Shaders.

It is?

Most likely if you wrote it yourself. With the supplied shaders I am not sure, but I tend to doubt it.

They've been possible but there is no plugin to make it simple.

Here is a way to implement it using the canvas object to draw the shadows.

http://dl.dropbox.com/u/5426011/examples14/shadow_cast.capx

I would love to see a plugin for that, like good old shadow caster in CC ;)

R0J0hound Thanks! I don't even seen that plugin, that's really awesome. Is exactly what I mean. I will se how it works really thanks!

shinkan I don't have the required experience on writting in Javascript to write a plugin that does that :(

— Where can I get this "Canvas" plugin I seem to be missing when I run your capx?

I would..

Pin a black Shadow object to the caster object. and set its angle to the opposite of the light object, set its opacity based on distance(light.x,light.y,caster.x,caster.y) and use a blur plugin or shader. :P

Referring to this one?

The Canvas plugin makes it really easy for shadow casting. Thanks — Can anyone attempt a distance blur shader? Where at a designated point the blur is none and then increases with distance from the designated point. That would make shadows look really good (attenuation I think). I want to attempt this when I have time and learn more about GLSL..

I found this video

[TUBE]http://www.youtube.com/watch?v=fsbECSpwtig&feature=related[/TUBE]

and here is a *.fx

uniform vec2 lightpos;
uniform vec3 lightColor;
uniform float screenHeight;
uniform vec3 lightAttenuation;
uniform float radius;

uniform sampler2D texture;

void main()
{          
     vec2 pixel=gl_FragCoord.xy;          
     pixel.y=screenHeight-pixel.y;     
     vec2 aux=lightpos-pixel;
     float distance=length(aux);
     float attenuation=1.0/(lightAttenuation.x+lightAttenuation.y*distance+lightAttenuation.z*distance*distance);     
     vec4 color=vec4(attenuation,attenuation,attenuation,1.0)*vec4(lightColor,1.0);     
     gl_FragColor = color;//*texture2D(texture,gl_TexCoord[0].st);
}

Awesome !

and one more

http://www.catalinzima.com/2010/07/my-technique-for-the-shader-based-dynamic-2d-shadows/

Wow, that last link is some crazy awesome shader wizardary!

Can someone explain to me how i would go about filling the whole canvas with white and then filling nothing in the "shadows" like real shadows work.

Does this work with CocoonJS? I've tried it, but I just get a blank screen.

AnD4D , I think you don't want your phone to blow up , do you ?