Projected Ground Skybox

It is similar to flattening the bottom of the sky sphere mesh to the ground.

Even with just an environment map, the model can look like it is standing on the ground, rather than floating in the air.

But this shader is a little more advanced, and it does this without modifying the mesh.

@bghgary threejs webgl - materials - ground projected environment mapping

Is this material specific to a ground? Can this material work with a wall or ceiling?

its projecting to an icosphere here, but i think it should work for a inverted cube too.

Try zooming out and you will see what it’s doing. :slight_smile:

The skybox is an icosphere, but the ground is a flat mesh right? If we are going to name this material with the word ā€œgroundā€ in it, is that too specific? Does it have to be a ground or can it be other things?

no the ground is virtual.
the shader finds where the y=0 is and projects the ground there.

i think that is why its is called Ground Projected.

I can try a box to see what the outcome is.

i also want to find out what happens if a mesh goes below 0.
does it get hidden…

1 Like

Another thing that would be cool is the ability for the ground to receive shadows. Can it just be turned on easily? I will try and test it out. I also want to know whether the skybox image can also have an emissive map that brightens it ( as it should be unlit )?

Maybe it could be a mode within the background material ??? if it only impacts projection ?

Just let me know when it’s ready so I can just soak-up the result of your efforts :grin:
@qq2315137135 Here’s one like for you since you asked for it :wink: You can take it for your solution or just for the anime gif :joy: Your choice :smile:

We might be able to add it as an option to the background material.

But at the moment I don’t have any time over to look at it.
So if anyone else feels they want to pick up where I left off feel free.

Or else I will have some time in a couple of weeks. :rocket: