ShatterVox - WebGPU Voxel Engine & Portfolio

Voxel engine developed as an interactive environment to showcase projects and serve as a technical portfolio. Built with the WebGPU API for rendering and Rapier3D for physics simulation.

Graphics Architecture

The rendering pipeline is implemented using Deferred Shading and includes the following techniques:

• Clustered Shading: Frustum partitioning for dynamic light management.
• GTAO (Ground-Truth Ambient Occlusion): Screen-space ambient occlusion.
• SSGI (Screen-Space Global Illumination): Indirect light bouncing and color bleeding simulation.
• TAA (Temporal Anti-Aliasing): Edge smoothing and temporal reprojection utilizing motion vectors and Halton sequence jittering.

Physics & Systems

• Rigid body and collision simulation using Rapier3D (WASM).
• Structural integrity and voxel fragmentation system evaluated asynchronously via Web Workers to prevent main thread blocking.
• Instanced rendering for handling multiple particles and dynamic debris.

Controls

• W, A, S, D: Movement.
• Space / Left Shift: Ascend / Descend.
• Left Click: Break geometry.
• Hold Left Click: Drag rigid bodies.
• Right Click: Interact with environment (signs, books, links).
• B: Throw projectile / explosive.
• ESC: Pause menu and graphics settings.
• ` (Backtick): Toggle Debug GUI for buffer and performance inspection.

Tech Stack

• TypeScript
• WebGPU API
• Rapier3D (Rust/WASM)
• gl-matrix