Skip to main content
Elizabeth Stein
Experiment LabOpen to workHomeWorkAboutContact

Case study

experimental2025

Nova Particles

Next-generation GPU particle system rendering 1M+ particles at 60fps using WebGPU compute shaders. Structure of Arrays architecture for maximum GPU cache efficiency.

Where wild ideas take flight and curiosity leads

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

The Experiment Lab·✦I-Class Giant
●LIVE
View Live Site

Evidence

System surface

No public screenshot on file—generative preview stands in for the visual layer.

Signature viewparticle-system-web.vercel.app
Open Live Site
particle-system-web.vercel.app

Story arc

How this shipped

Where wild ideas take flight and curiosity leadsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Browser particle systems hit CPU bottlenecks at thousands of particles. GPU compute was needed to scale to millions.

II · Build

The craft

Built WebGPU compute shader pipeline using Three.js TSL (Shading Language). Structure of Arrays (SoA) storage buffers maximize GPU cache efficiency. Supports gravity, drag, wind, vortex, and noise forces.

III · Proof

What moved after launch

1M+ particles at 60fps in browser. GPU-first architecture eliminates CPU bottleneck. Flexible emitter system supports Point, Sphere, Box, Cone, and Circle shapes.

Inventory

Stack & signals

WebGPUThree.jsTypeScriptPerformance
← Project archive

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot—I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Start a ConversationSee More Projects

Related work

Same clustersignal 2
Signal: Low
Three.js

Ocean Ecosystem Simulator

Cutting-edge ocean ecosystem simulator with complex food chains, realistic physics, and emergent behaviors - rivaling AAA game engines in the browser.

Same clustersignal 2
Signal: Low
TypeScript

AegisAudit

Comprehensive security audit tool for web applications with vulnerability scanning and compliance reporting.

Same clustersignal 2
Signal: Low
TypeScript

Competitor Stalker

Competitive analysis tool for tracking competitor websites, features, and market positioning.

Keep exploring

Previous Project

Constellation Events

Event management platform with calendar integration, RSVPs, attendee tracking, and real-time updates for seamless event coordination.

Next Project

App Idea Miner

AI-powered opportunity detection platform that collects, clusters, and analyzes "I wish there was an app..." posts. HDBSCAN clustering, sentiment analysis, and real-time monitoring.

© 2026 Elizabeth Stein

·Contact·Privacy
Let's work together → GitHubLinkedIn

Built with Next.js, Three.js, and obsessive attention to detail.