WebGL 3D Gravity
and Space Puzzle.
An interactive WebGL puzzle game utilizing Three.js and custom gravity collision grids. Route portals, manipulate space momentum, and escape dynamic chambers.
Overview & Setup
portal is a beautiful browser-based 3D physics puzzle chamber. Fire orange and blue portals that seamlessly wrap space, vectors, and momentum coordinates to solve challenging room exits.
Features custom gravity vector calculations, rigid-body collision meshes, and dynamic portal render-to-texture shaders to view portal paths inside a smooth 60 FPS WebGL loop.
Step-by-Step Instructions
Open Portal Portal
Click "Play Game Now" to launch the WebGL 3D sandbox in a dynamic overlays canvas.
Learn Controls
Use W, A, S, D keys to run, Space to jump, and mouse pointer to look around.
Fire Portals
Left-click to open a Blue portal and Right-click to open an Orange portal. Cross chambers!
Technical Specifications
WebGL 3D space wrapping physics
WebGL 3D Render
Three.js rendering engine compiling real-time portal viewports through secondary scene renders.
Vector Routing
Transforms entering momentum and direction vectors smoothly to align physics velocities between portals.
Collision Mesh
Calculates dynamic bounding boxes in Three.js coordinates to restrict coordinate boundaries.