Warp Effect

[syed samoon]

Hi friends,

how to add the warp effect in my world.

i need warp effect without using the shader like this;

http://www.babylonjs-playground.com/#1WBBW0#1

 

how to get warp effect using the jquery-warpdrive in my world

 

ref: https://www.jqueryscript.net/animation/Warp-Drive-Starfield-Effect-jQuery.html

 

can you have any idea about this?????????.......

 

 

Thanks

[NasimiAsl]

make pg sample of your scene? (i try make it but i can't tell yet)

[syed samoon]

 

22 hours ago, NasimiAsl said:

make pg sample of your scene? (i try make it but i can't tell yet)

http://www.babylonjs-playground.com/#1WBBW0%231 (ADAMs PG)

 

 

in this PG the shader scipt is used for warp texture to ground.

 

but what i need warp effect to world. that means

Like this picture

 

[NasimiAsl]

good i think i can make it by PostProcess ( in progress)

[NasimiAsl]

http://www.babylonjs-playground.com/frame#1TYWYB#1734

[syed samoon]

Thank  you very much

[NasimiAsl]

just more description :

spSpeedParam =

{

x:  warp effect scale  ,

y:  betweeen 0 , 1   that center of warp effect  ,

z: betweeen 0 , 1   that center of warp effect };

you just need calculate speed and screen point and set that in spSpeedParam 

 

if you don't wanna make some mesh in  that effect  

use this parameter helper(mesh, scene,1);

and use this for attach Effect helper(mesh, scene);

 

 

function helper(mesh, scene,f ) {

            

            mesh.helperMaterial = new BABYLONX.ShaderBuilder()

.Solid()

.IdColor(!f?13000200:0, 1.)    /// this number just for a uniq number used in post process you can detect you mesh by any id you set in this 

.Back()

.BuildMaterial(scene);

            

                mesh.helperMaterial.flagUp(1);

            

        }

 

 

 

http://www.babylonjs-playground.com/#1TYWYB#175

http://www.babylonjs-playground.com/frame#1TYWYB#177  with some special blur when you have speed