Skip to content
Strata

Live Showcase

Live Showcase

Section titled “Live Showcase”

Experience Strata in action with these interactive demos. Each demo runs directly in your browser using WebGL.

Section titled “Featured Demos”

🏔️ Terrain Demo

Section titled “🏔️ Terrain Demo”

Procedural terrain generation using SDFs and marching cubes with triplanar texturing and multi-biome blending.

🌊 Water Demo

Section titled “🌊 Water Demo”

Realistic water rendering featuring Gerstner wave simulation, Fresnel-based reflections, procedural foam, and underwater caustics.

🌿 Vegetation Demo

Section titled “🌿 Vegetation Demo”

GPU-accelerated instancing capable of rendering 10,000+ instances of grass, trees, and rocks at 60fps with procedural wind animation.

☀️ Sky & Volumetrics Demo

Section titled “☀️ Sky & Volumetrics Demo”

Physically-based atmospheric scattering with dynamic day/night cycle, volumetric clouds, and god rays.

🎬 Full Scene Demo

Section titled “🎬 Full Scene Demo”

Complete integration of all features into a cohesive explorable environment.

Running Demos Locally

Section titled “Running Demos Locally”

Clone the examples repository and run locally for the best experience:

Terminal window
# Clone examples
git clone https://github.com/strata-game-library/examples.git
cd examples


# Install dependencies
pnpm install


# Run specific demos
pnpm dev:terrain    # Port 3000
pnpm dev:water      # Port 3001
pnpm dev:vegetation # Port 3002
pnpm dev:sky        # Port 3003

What These Demos Showcase

Section titled “What These Demos Showcase”
DemoFeatures Demonstrated
TerrainSDF, Marching Cubes, Biomes, Triplanar Texturing
WaterGerstner Waves, Reflections, Caustics, Foam
VegetationGPU Instancing, Wind Animation, LOD
SkyAtmospheric Scattering, Day/Night, Stars
Full SceneAll features integrated together

Performance

Section titled “Performance”

All demos are optimized for:

  • ✅ Desktop browsers (Chrome, Firefox, Safari, Edge)
  • ✅ Mobile browsers (iOS Safari, Chrome Android)
  • ✅ Low-end devices (with reduced settings)

If performance is poor, try:

  1. Closing other browser tabs
  2. Using a discrete GPU (if available)
  3. Reducing browser window size

Source Code

Section titled “Source Code”

Every demo includes source code that you can use directly in your projects:

Section titled “Related”