Dark Matter JS

A powerful, open-source, component-based 2D game engine for the web. Build games directly in your browser with our integrated editor and runtime environment.

🚀 Start Creating 📖 Learn More

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 JS.

🤖

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:

🚀 Launch Dark Matter

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 JS! 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 & Examples

🎪

SpriteRenderer

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

🎨

Drawing Modules

Multiple drawing modules for shapes and infinitely generated parallax backgrounds.

✨

Tween System

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

🎮

KeyboardController

Ready-to-use keyboard controller for immediate game object control and movement.

Development Roadmap

✅ Completed

  • • Core engine architecture
  • • Visual editor interface
  • • Component system
  • • Scene management
  • • AI Assistant integration
  • • HTML5 export
  • • Particle effects
  • • Physics engine integration

🚧 Coming Soon

  • • Advanced audio system (Including implementing MelodiCode for procedural music potential)
  • • Timeline animation system
  • • WebGL performance boost
  • • MANY more built in modules to play with