Strata

Layer by Layer, World by World

Strata is the Games & Procedural division of the jbcom enterprise. We provide everything you need to build high-quality 3D games and experiences, from terrain generation to character animation, all optimized for performance across mobile, web, and desktop.

🏔️ Procedural Terrain

SDF-based terrain generation with marching cubes, triplanar texturing, and multi-biome blending. Create infinite, explorable worlds.

🌊 Advanced Water

Realistic water rendering with Gerstner waves, Fresnel reflections, underwater caustics, and procedural foam effects.

🌿 GPU Vegetation

Render 10,000+ instances at 60fps with GPU-accelerated instancing, procedural wind animation, and biome-based distribution.

☀️ Procedural Sky

Physically-based atmospheric scattering with dynamic day/night cycles, stars, sun/moon positioning, and horizon fog.

🌫️ Volumetric Effects

God rays, volumetric fog, underwater overlays, and atmospheric effects for immersive environments.

🎮 Cross-Platform

Native plugins for React Native and Capacitor with unified input, haptics, and device detection.

---

Package Ecosystem

@strata-game-library/core Core library - terrain, water, vegetation, sky, characters, and more

@strata-game-library/shaders Standalone GLSL shader collection for any Three.js project

@strata-game-library/presets Ready-to-use configurations for all Strata systems

Mobile Plugins React Native and Capacitor plugins for cross-platform games

---

Quick Start

pnpm install @strata-game-library/core @react-three/fiber @react-three/drei three

import { Canvas } from '@react-three/fiber';
import { Water, ProceduralSky, GrassInstances, VolumetricFogMesh } from '@strata-game-library/core';

function Game() {
  return (
    <Canvas camera={{ position: [0, 10, 20] }}>
      <ProceduralSky sunPosition={[100, 50, 100]} />
      <Water size={200} depth={20} />
      <GrassInstances count={10000} spread={100} />
      <VolumetricFogMesh density={0.02} />
    </Canvas>
  );
}

---

Live Showcase

Experience Strata in action with our interactive demos:

🏔️ Terrain Demo Procedural terrain with biomes, caves, and dynamic LOD

🌊 Water Demo Advanced water with reflections, caustics, and foam

🌿 Vegetation Demo GPU-instanced grass, trees, and rocks with wind

☀️ Sky & Volumetrics Day/night cycle, clouds, and atmospheric effects

---

Why Strata?

Feature	Without Strata	With Strata
Terrain System	2000+ lines	~50 lines
Water Rendering	1500+ lines	~20 lines
Vegetation	1000+ lines	~30 lines
Full Scene	5000+ lines	~200 lines

10x code reduction. Build complete 3D worlds in under 1,000 lines of code.

---

Architecture

Strata is organized into three layers, each building on the previous:

Layer 4: Presets & Game Framework

Layer 3: React Three Fiber Components

Layer 2: Core Algorithms (SDF, Noise, Marching Cubes, Materials)

Layer 1: GLSL Shaders

Layer 0: TypeScript Types & Utilities

---

Enterprise Context

Strata is part of the jbcom enterprise ecosystem, sharing a unified design system with:

Agentic AI & Machine Learning division

Extended Data Infrastructure & Data Engineering