myst2 - npm explorer

myst2 is a lightweight 2D game engine for the web.

v0.0.0

> [!NOTE]
> This project is a work in progress and isn't currently usable in any way, shape or form. Grab a time machine and check back at a later time.

Features

- Works in all modern browsers
- Class based, easily extensible API
- Asset preloading and management
- Mouse, touch and keyboard input
- Persistent configuration
- Many features out of the box (math, data structures/algorithms, randomness)
- Extensions

Reference and Quick Start

Check out the myst2 wiki for help and a quick start guide.

See the documentation for API reference.

Minimal example

JavaScript

import { View, Application } from 'myst2';



// create a game view

class MyView extends View {

	onDraw() {

		// clear the surface

		this.surface.clear();

		// draw some shapes

		this.render.rectFill(10, 10, 50, 50, 'orange');

		this.render.circleFill(100, 100, 30, 'blue');

	}

}



// create the game

class Game extends Application {

	constructor() {

		super({ // setup game

			$canvas: document.querySelector('#my-canvas'),

			useSimpleLoop: true, // just draw() and don't update()

			initialView: new MyView()

		});

	}

}



// run the game

new Game().run();

License

Features

Reference and Quick Start

Check out the myst2 wiki for help and a quick start guide.

See the documentation for API reference.

Minimal example

JavaScript

import { View, Application } from 'myst2';



// create a game view

class MyView extends View {

	onDraw() {

		// clear the surface

		this.surface.clear();

		// draw some shapes

		this.render.rectFill(10, 10, 50, 50, 'orange');

		this.render.circleFill(100, 100, 30, 'blue');

	}

}



// create the game

class Game extends Application {

	constructor() {

		super({ // setup game

			$canvas: document.querySelector('#my-canvas'),

			useSimpleLoop: true, // just draw() and don't update()

			initialView: new MyView()

		});

	}

}



// run the game

new Game().run();