fragment shader instead of skybox

[BruceLane]

hi,

is it possible to have a fragment shader instead of a skybox for the background?

thank you

[Carlos R]

Yes its possible: http://pixelcodr.com/tutos/trees/trees.html

 

Check this shaders

http://pixelcodr.com/tutos/shooter/game/shaders/

    // Skydome    var skybox = BABYLON.Mesh.CreateSphere("skyBox", 50, 500, scene);    // The sky creation    BABYLON.Engine.ShadersRepository = "shaders/";    var shader = new BABYLON.ShaderMaterial("gradient", scene, "gradient", {});    shader.setFloat("offset", 200);    shader.setColor3("topColor", BABYLON.Color3.FromInts(0, 119, 255));    shader.setColor3("bottomColor", BABYLON.Color3.FromInts(240, 240, 255));    shader.backFaceCulling = false;    skybox.material = shader;

Those aren't mine, credits from Julian: http://pixelcodr.com/aboutme.html

[BruceLane]

perfect, thank you !

[Xeonzinc]

I was actually looking into building a full day/night/weather sky shader a few weeks ago. There seem to be enough resources on the web, with a lot of it being fairly straight forward and definitely do-able in Babylon.

 

Essentially a basic version just needs to scroll through a few textures based on your time of day and sun position.

 

So if you want something fancy this is always possible. It's not at the top of my list to work on at the moment, but maybe one day if someone doesn't get there first.

[joshcamas]

For a really good skybox, I feel like you'd need several things:

• A spherical skybox sphere
• sun/moon sprites
• lots of cloud sprites floatin around

and such.

[Temechon]

Look at this : http://www.babylonjs.com/playground/#9VC8L

 

Available in this thread : http://www.html5gamedevs.com/topic/8160-gradient-shader/?hl=gradient

 

Cheers, 

[Dad72]

BTW it's strange but the sprite stops working, nothing appears and it worked well before.

There is a bug in babylon ?

http://playground.babylonjs.com/#1G2LLJ#4

It seems that this is because the alpha of the image that is not taken into account despite the fact that the image exists. Strange, it worked before.

[joshcamas]

It worked once for me, then broke as well!

I looked at the console, and it was whining about security, so I put the image on imgur and... I think it works now: 

http://playground.babylonjs.com/#9VC8L#3

I slowed down color changing, as well as made the skybox always follow the camera. This makes it so you can't leave the beautiful blue sky.

 

I wonder...

Would it be possible to have several layers of skybox? One with gradient, and then several others that fade in and out depending on time of day....

One example would be beautiful stars... such as http://static-3.nexusmods.com/15/images/110/939721-1350318578.jpg

My mind would blow if we could make a sky like this...

[GameMonetize]

We can you can have multiple skyboxes with transparency (material.alpha)

[joshcamas]

Cool!

 

How would I turn a image such as stars image to a sphere?