Documentation/Developer Guide

Developer Guide

Technical details for contributors.

Last updated: 2024-03-20Version: 1.0.0

How does the Optimizer work?

The optimizer helps reduce particle count for better performance without losing shape quality.

**Grid Sampling**: Divides the canvas into small grid cells and keeps only one particle per cell.

**Merging**: Combines identical particles that are overlapping.

You can enable these in the **Performance Panel**.

What is the tech stack?

- **Framework**: Next.js (App Router)

- **State Management**: Zustand (for 3D/Editor state) + React Context

- **Styling**: Tailwind CSS + Framer Motion

- **3D Engine**: React Three Fiber