God ray eash material versioan

[NasimiAsl]

*versioan =  version

 

i cant stop trying make this ** is not completed dont use in your source for now  

 

godray 

 

http://www.babylonjs-playground.com/#URP3W#9

 

http://www.babylonjs-playground.com/#URP3W#16 with blur

 

 

blur :  

 

http://www.babylonjs-playground.com/#URP3W#10  1%

http://www.babylonjs-playground.com/#URP3W#11  3%

http://www.babylonjs-playground.com/#URP3W#12  8%

http://www.babylonjs-playground.com/#URP3W#13  30% 

http://www.babylonjs-playground.com/#URP3W#14  50%

 

compare fbs with BlurPostProcess

[BitOfGold]

So cool!

I hope it will be open source and (a bit) documented!
 

[Vousk-prod.]

Wooaaahooa, your blur effects are just impressive !!

 

@jahow, @luaacro, Maybe this blur implementation will one day be usable in the DOF and SSAO pipelines !

[NasimiAsl]

@vousk-prod

 

thanks  

 

@bitOfGold I work it on Github (open source ) give me a time for complete the documentation

[jahow]

Hey NasimiAsl,

 

Could you please explain a bit your method for achieving the blur effect ?

 

It sure looks nice, even with a large blur radius!

[NasimiAsl]

hey jahow

 

sure 

 

step 1:  i make method for compose multi material

 

like this [ {r:mat1 , e:opacity1} , ... ]

 

step 2 : build array   with screen shot and move it in vertical direction 

 

** use some method like paw for make natural movement 

 

step 3 : use step1 method and make pic

 

step 4 : do all steps again with horizontal direction 

 

 

var array = [];

var alpha = 1.0; 

 

for (var  movement = 0.002; movement < 0.49; movement += 0.008)

{

        alpha -=  0.05;  // lose some alpha in each step

        alpha = Math.max(0., alpha);

 

        var naturalMove=  Math.pow(movement,0.9)/1.33  ;

 

                                                                              /* vec2 direction vec2(1.0,0.)  */

        array.push({ r: eash.cameraShot({ uv: ' uv  +vec2('+ naturalMove +',0.0)' }), e: alpha });  // push { r : 'gl_FragColor' , e:'alpha' }

        array.push({ r: eash.cameraShot({ uv: ' uv  +vec2(-1.*'+naturalMove+',0.0)' }), e: alpha }); // push in 1-*dir

}

 

// eash make new postprocess with this option and make shader 

 eash.linerPostProcess(    eash.multi( array ,true)  /*step 1 method */ , camera, 0.5  /* scale screen to 50% */); 

 

github eash : https://github.com/NasimiAsl/Eash/

 

mail me for more : [email protected]

[amarneethi]

This is sexy! @NasimiAsl do you have a link to the doc for this...? I was not able to find it in github...

[NasimiAsl]

this is changed to ShaderBuilder in babylonjs\extensions  i am write now the full document and release them in bjs 2.4 

but you can make special request and  use Name i can Make your want shader  (it is free  )