Pixel Matrix
Pixel Matrix is a lightweight, browser-based tool for creating pixel art and tilemaps with structured JSON export capabilities.
Features:
- Drawing Tools: Pencil, Rectangle, Circle, Line, Eraser, Fill, Eye Dropper, and Pan tools
- Brush Sizes: Adjustable brush sizes (1-5) for all tools
- Symmetry Drawing: X and Y axis mirroring for creating symmetrical artwork
- Multiple Projects: Tab-based project management for working on multiple creations
- 25 Predefined Palettes: Choose from classic retro palettes (Commodore 64, Game Boy, NES) to modern artist palettes
- Customizable Palette: Define custom tile types with labels and colors
- Keyboard Shortcuts: Extensive keyboard support for efficient workflow
- Zoom and Pan: Navigate large grids with zoom and scroll functionality
- Export Options:
- JSON export for game integration with structured data
- PNG export with transparent backgrounds (key 0)
- Responsive Design: Works on various screen sizes
Perfect For:
- Game Developers: Create sprites, level designs, and UI elements with direct JSON export
- Pixel Artists: Intuitive grid-based drawing with symmetry tools
- Indie Creators: Quick prototyping and concept art creation
- Educators: Teaching pixel art fundamentals and structured data concepts
Use Cases:
- Platformer level design (assign keys to walls, enemies, collectibles)
- Top-down maps (grass, water, forest, mountain tiles)
- UI wireframes (buttons, text fields, navigation elements)
- Animation frames (export JSON and implement color cycling effects)
- Dynamic palette swapping (change visuals by switching color schemes)
The structured JSON output makes it easy to integrate your creations directly into game engines. Every block is mapped to a key rather than a specific color, enabling powerful palette swapping capabilities.
License: Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
Published | 23 days ago |
Status | In development |
Category | Tool |
Platforms | HTML5 |
Rating | Rated 5.0 out of 5 stars (1 total ratings) |
Author | Cosmic Lotus |
Tags | Game Design, json, Minimalist, Pixel Art, Retro, Tilemap, Tileset |
Comments
Log in with itch.io to leave a comment.
This could be fun and useful, great concept, keep running with it
This is really fun to play with! i like that you can change any color in the artwork by just changing the key color and also changing the whole palette to see what it looks like. would be nice if i could import my own artwork so i can test different palettes easily.
The panning is slightly buggy when i run it in the browser i can only pan when on top of the canvas grid. but overall i am enjoying it and definitely lots of potential there!
Thank you for your interest, I'm glad you're enjoying it!
I do plan to allow users to import their own artwork in future but it will need some limitations for size and colors, its not really designed to handle large canvases with hundreds of colors and opacities.
I'll have a look at the panning to see if i can find any issues :)