Delta Dynamics: WebGL Ecosystem & Water Simulator

Low-poly ecosystem simulator featuring real-time dynamic terrain, GPU-accelerated water flow, resource management, and local LLM-driven AI behaviors.

#agentic-ai#artificial-intelligence#gpgpu#local-ai#react#shaders#simulation#threejs#web-llm#webgl
GitHub RepositorySponsor Project🔬TRL 5

Technology Readiness Level

Technology Validated in Relevant Environment

1
2
3
4
5
6
7
8
9

The technology is integrated with realistic supporting elements and simulated interfaces, tested under high-fidelity conditions that simulate the anticipated operational environment.

Framework alignment: Standardized 9-level TRL (NASA / EU Horizon Europe).

Core Challenge

Real-time ecosystem simulation with fluid mechanics and autonomous entity behavior typically requires native desktop engines or heavy server infrastructure.

System Architecture

A lightweight client-side ecosystem simulator in React and Three.js running GPGPU shallow-water equations in custom shaders and local LLM agents in-browser via Web-LLM.

Key Capabilities

  • GPGPU Water Simulation: Real-time shallow-water equations evaluated via ping-pong framebuffers in GLSL fragment shaders with CFL stability clamping.
  • Local AI Agents: On-device entity reasoning powered by Web-LLM directly in the browser without server API calls.
  • Low-Poly Topography: Interactive terrain sculpting and dynamic moisture routing in an isometric 3D landscape.
  • Resource Ecosystem: Dynamic interaction between water levels, vegetation growth, and autonomous agent life cycles.

Technology Stack

  • Graphics & Simulation: React, Three.js, WebGL / WebGPU, Custom GLSL Shaders
  • Hydrology Model: Shallow Water Equations, CFL Flux Clamping, Ping-Pong Framebuffers
  • Client-Side AI: Web-LLM, In-Browser Inference, TypeScript

Verifiable Outcomes

  • Real-time 60 FPS water flow simulation computed entirely on the GPU.
  • 100% client-side execution with zero backend infrastructure requirements.
  • In-browser local LLM integration enabling autonomous agent behavior.

Project Screenshots

Interface walkthroughs, system diagrams, and visual demonstrations from Delta Dynamics: WebGL Ecosystem & Water Simulator.

Low-Poly Ecosystem & Hydrology Simulation: Interactive 3D low-poly terrain featuring procedural elevation tiers, dynamic biome coloring, and GPU shallow-water simulation.

Low-Poly Ecosystem & Hydrology Simulation

Interactive 3D low-poly terrain featuring procedural elevation tiers, dynamic biome coloring, and GPU shallow-water simulation.

High-Flow Hydrology Simulation: Real-time shallow-water equations computing high-volume flux propagation and dynamic riverbed carving across the terrain mesh.

High-Flow Hydrology Simulation

Real-time shallow-water equations computing high-volume flux propagation and dynamic riverbed carving across the terrain mesh.

Deep Lake Basin Accumulation: Equilibrium water level settling and ponding dynamics in low-elevation valley basins solved via GPU fragment shaders.

Deep Lake Basin Accumulation

Equilibrium water level settling and ponding dynamics in low-elevation valley basins solved via GPU fragment shaders.

Procedural Terrain Elevation: Heightfield topography generation and biome contour distribution before steady-state fluid settling.

Procedural Terrain Elevation

Heightfield topography generation and biome contour distribution before steady-state fluid settling.

Simulation Viewport & Controls: Initial application launch state showing interactive simulation controls, camera navigation, and rendering viewport.

Simulation Viewport & Controls

Initial application launch state showing interactive simulation controls, camera navigation, and rendering viewport.