Project Overview
The vision for Artisan2D is to create an intuitive, no-code 2D game editor that runs entirely in the browser. It follows a block-based, atomic design philosophy where users can build complex game entities by combining pre-built 'Blocks'. This makes game creation accessible to beginners while still allowing for detailed customization through an inspector panel for more advanced users.
Gallery
Tech Stack
- React
- TypeScript
- Pixi.js
- Planck.js
- Zustand
- Tailwind CSS
- Vite
Key Features
- Core Engine: A central engine integrates Pixi.js for rendering and Planck.js for physics, capable of loading, displaying, and updating game objects.
- Three-Panel Editor UI: The main editor layout provides a professional and organized workspace with a Scene Explorer, Block Palette, and Inspector.
- Interactive Canvas: Users can select objects directly on the canvas, which displays a selection outline and a draggable gizmo for intuitive movement.
- Dynamic Property Inspector: The Block Inspector dynamically displays and allows editing of properties for any selected object.
- Simulation Control: UI controls to Play and Stop the physics simulation are functional, allowing for instant testing.
- History Management: A robust Undo/Redo system tracks changes to the scene, a crucial feature for any editor.