Creating Realtime Mirror

I’m trying to create a realtime mirror in playcanvas using the following GLSL shader https://www.shadertoy.com/view/4sXGRH

I have no experience in GLSL shaders. It would be a great help if anyone can guide me to achieve the same mirror effect in playcanvas programmatically.

Hi @Manoj_Raturi.

To make floor reflecting, you will need to render scene with camera that is positioned and rotated mirrored from actual camera using plane normal as mirror vector. Then you can use same texture to project on floor using shaders.
Start small, and learn bit by bit to move towards your desired target, developing usually doesn’t have easy and quick shortcuts.

is there a demo scene on play canvas that shows how to perform a reflection on the ground or reflection probes?

a bit like this example :
https://doc.babylonjs.com/tutorials/how_to_use_reflection_probes

or plays canvas does not yet have this functionality?

so no examples for the moment thank you

have you got a link to the project to fork

This way of reflection is incorrect.:cold_sweat:

1 Like