Sandboxi

A pixel-based sandbox simulation built with TypeScript, Vite, and PixiJS. Paint materials, watch them interact, and experiment with a tiny cellular world.

Try it out here!

Features

• Real-time cellular simulation loop (sand, water, fire, lava, electric, glitch, and more).
• Material palette UI with mouse-based painting and eraser support.
• Lightweight renderer powered by PixiJS.

Controls

• Left click / drag: paint the selected material.
• Right click: eraser.
• (+ and -): brush size
• R: reset the simulation.

Getting started

npm install
npm run dev

Build

npm run build
npm run preview

Project structure

• src/engine/ — simulation loop, rendering, and input handling.
• src/materials/ — material behaviors and color definitions.
• src/ui/ — in-game UI and material picker.
• src/world/ — grid and world data structures.