@jbcom/strata

The complete solution for foreground, midground, and background layer 3D gaming in Node.js

Strata provides 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.

📚 Documentation

Full documentation is available at strata.game

• Getting Started
• API Reference
• Live Demos
• Examples & Tutorials

🚀 Quick Start

pnpm install @jbcom/strata @react-three/fiber @react-three/drei three

import { Canvas } from '@react-three/fiber';
import { Water, ProceduralSky, GrassInstances } from '@jbcom/strata';

function Game() {
  return (
    <Canvas>
      <ProceduralSky sunPosition={[100, 50, 100]} />
      <Water size={200} depth={20} />
      <GrassInstances count={10000} spread={100} />
    </Canvas>
  );
}

🎮 Features

• 🏔️ Procedural Terrain - SDF-based terrain generation with marching cubes
• 🌊 Advanced Water - Realistic water with reflections, caustics, and foam
• 🌿 GPU Vegetation - Thousands of instances with biome-based placement
• ☁️ Volumetric Effects - Fog, atmospheric scattering, and weather
• 🌅 Procedural Sky - Dynamic day/night cycle with stars and sun positioning
• 🎮 Character Animation - IK chains, procedural walk, and physics

🏢 Enterprise Context

Strata is the Games & Procedural division of the jbcom enterprise. This package is part of a coherent suite of specialized tools, sharing a unified design system and interconnected with sibling organizations like Agentic and Extended Data.

License

MIT © Jon Bogaty