MR Level Designer 2D

🏗️ The Workspace

Left Sidebar: Tools & Properties

This is your command center. Select drawing tools and adjust their properties here.

• Project Name: Click the "Edit" button to give your level a unique identity. 🏷️
• Drawing Tools: Choose between Brush, Eraser, Fill, Rectangle, and Line.
• Layers: Manage vertical depth. The Main layer is usually used for collisions.

Center: The Canvas

Your creative space. Use Middle Mouse or the Pan Tool (Spacebar) to move around. Use the Scroll Wheel to zoom in and out. 🔍

Right Sidebar: Assets

• Tileset: Click "Generator" to procedurally create a new set of tiles with custom colors. 🎨
• Import: Have your own art? Upload your custom PNG tileset here.

🛠️ Controls & Shortcuts

Space (Hold)	Pan Tool / Move Map ✋
Wheel	Zoom In / Out 🔍
B	Brush Tool 🖌️
E	Eraser Tool 🧽
P	Pan Tool ✋
Ctrl + Z	Undo Change ↩️
Ctrl + Y	Redo Change ↪️

🏁 Setting Up Gameplay

A level isn't a level without a start and a finish!

1. Select the Red Flag (🚩) tool to set where the player spawns.
2. Select the Checkered Flag (🏁) tool to set the level exit.
3. Click Run Simulation in the header to jump into your level as a ball with physics! ⚽

📦 Exporting Your Work

When you're happy with your design, you have two options:

• Export PNG: Get a high-quality picture of your entire map. 🖼️
• Export Game HTML: This is the magic button! It generates a single .html file that contains your map, tileset, and a playable game engine. Send it to friends or host it on Itch.io! 🕹️

MR Level Designer 2D © 2026 - Created with ❤️ for Game Developers