Matrix Gun Room — 3D Infinity Symbol Visualizer

Explore a free animated 3D scene of glowing infinity symbols moving through a dark room between rows of figures, with orbit controls for inspecting the composition.

What this tool does

Matrix Gun Room is a lightweight Three.js visual experiment rather than a traditional score-based game. It creates two dark 3D figures, parallel shelf rows filled with gold infinity-symbol sprites, lighting, and a continuously moving stream of symbols that loops through the room.

Who this is for

• Visitors searching for a free Three.js or WebGL 3D visualizer
• People interested in abstract motion graphics, infinity symbols, and interactive scenes
• Students studying sprites, canvas textures, lighting, camera perspective, and animation loops
• Developers looking for a small example of OrbitControls and responsive WebGL rendering

How to use this tool

1. Open the page in a modern browser with WebGL enabled
2. Drag the scene to orbit the camera around the figures and infinity-symbol rows
3. Use the mouse wheel or trackpad to zoom the camera when supported
4. Watch the gold symbols travel through the room and loop back to their starting depth
5. Resize the browser to see the camera and renderer adapt to the viewport

Inputs

• Camera gestures — Drag with OrbitControls to rotate the view and use wheel/trackpad zoom where available
• Viewport size — Browser resize events update the camera aspect ratio and renderer size
• Animation state — The scene continuously advances the sprite rows without form input
• WebGL capability — The browser needs to support the Three.js renderer

Outputs

• 3D room — Two dark figures, shelf rows, ambient light, and directional light
• Infinity sprites — Gold infinity symbols generated from a canvas texture and arranged in repeated rows
• Motion loop — Symbols move toward the camera and reset to the far end for continuous animation
• Interactive viewpoint — Orbiting the camera changes how the figures, shelves, and symbols are inspected
• Responsive render — The scene updates its perspective and canvas size after a browser resize

Example use cases

• Abstract 3D gallery — Inspect a looping field of infinity symbols in a dark room
• Three.js study — See a canvas-generated texture used on transparent sprites with lighting and perspective
• Interactive background scene — Use the viewer as a visual starting point for an animated landing-page or game environment

Frequently asked questions