Dark Matter Playground

A powerful, component-based 2D game engine for the web. Build games directly in your browser with the integrated editor and runtime environment. (Note: Mobile editor support is limited)

Powerful Features

🎯

Component-Based Architecture

Build games using reusable modules and components, similar to Unity's approach but designed for web development.

🎨

Visual Editor

Create and arrange game objects in a visual scene editor with real-time property modification and instant testing.

Instant Development

Test your games instantly within the editor with Play Mode, no compilation or build steps required.

🎮

Input System

Comprehensive keyboard, mouse, and touch input handling with easy-to-use APIs for all input methods.

Built-in drawing-to-module code editor

Use SpriteCode to draw your game objects and automatically generate the corresponding module code to draw them on the game objects.

🌙

Zen Mode

Toggle fullscreen editing for distraction-free development with customizable grid and snapping tools.

📚

Comprehensive Documentation

Extensive guides and API documentation to help you get the most out of Dark Matter Playground.

🤖

AI Assistant

Integrated AI-powered code assistant supports ChatGPT, Gemini, and Claude to help generate modules and solve coding challenges.

🚀

HTML5 Export

Export your games as standalone HTML5 files or compressed zip files that can be hosted anywhere on the web.

100% Browser-Based
0 Setup Required
Possibilities

Getting Started

Start creating games in minutes with our browser-based editor. No downloads, no setup required.

1. Access the Online Editor

Visit our online development environment and start creating immediately:

2. Create Your First Game Object

Right click on the editor canvas and select "Add Game Object",
or, at the top of the Hierarchy panel, click the "+" button and a game object will be created.
            
Add Game Object 1 Add Game Object 2

3. Add Behavior with Modules

Select the newly created object, then click on the "Add Module" button in the Inspector panel.
Scroll through the list of available modules and select one to add it to your game object.
            
Add Module 1 Add Module 2 Add Module 3

3. Test Your Game!

Click the "Play" button at the top of the editor to test your game.
Use the arrow keys to control the player ship object and see how it behaves with the added modules.

Now you understand the basics of creating a game with Dark Matter Playground! Explore more modules and features to build your unique game.
            
Play

HTML5 Game Examples

Click the game to play. Use the fullscreen button for an immersive experience!

Built-in Modules

🎪

SpriteRenderer

Render images and animations with built-in sprite management and animation controls.

RigidBody

Simulate physics interactions with built-in rigid body dynamics and collision detection powered by Matter.js.

🎨

Drawing Modules

Multiple drawing modules for shapes and infinitely generated parallax backgrounds.

Tween Module

Smooth animations and transitions for object properties like position, rotation, and scale.

Particle System

Advanced particle emitter for creating dynamic and visually appealing scenes.

Camera Controller

Ready-to-use camera controller for easy scene navigation and manipulation.

Many More built-in Modules

Explore a wide range of additional modules for various game development needs.

Development Roadmap

✅ Completed

  • • Core engine architecture
  • • Visual editor interface
  • • Component system
  • • Scene management
  • • AI Assistant integration
  • • HTML5 export
  • • Particle effects
  • • Physics engine integration (Matter.js)
  • MelodiCode integration for procedural music generation

🚧 Coming Soon

  • • Advanced audio system
  • • Timeline animation system
  • • Editor Mobile Support
  • • MANY more built in modules to play with