A WebGL2 demo built using LudoGL that implements an Off Axis Projection camera effect (learn more).
The demo renders floating spheres inside a box, with a simple physics simulation controlling their movement. The spheres interact and collide with each other and the box boundaries.
The viewing experience adapts based on your device:
- On desktop: Uses jeelizFaceFilter for face tracking to create an AR-like effect where the scene responds to your head movements
- On mobile/tablet: Utilizes DeviceOrientationEvent to create an AR experience by responding to device rotation and movement
This creates an immersive 3D experience where you can peek into the magic box and observe the floating spheres from different angles, either by moving your head or rotating your device.