Game Engine

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

--> API

Source: "Universe" - typable

Getting Started

import { Game } from 'https://git.typable.dev/std/js/game.js';

class Sandbox extends Game {
	constructor() {
		super(900, 600);
	}
}

const game = new Sandbox();
document.body.append(game.canvas);
game.start();

Rendering

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

import { Surface, Shape } from 'https://git.typable.dev/std/js/game.js';

class Player extends Surface {
	constructor(x, y) {
		super(x, y, new Shape.Circle(50));
	}
	render(g) {
		const { x, y, shape: { radius } } = this;
		g.beginPath();
		g.arc(x, y, radius, 2 * Math.PI, 0);
		g.stroke();
	}
}

render(g) {
	super.render(g);
	player.render(g);
}

Collision

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

import { Group } from 'https://git.typable.dev/std/js/game.js';

const group = new Group();
group.add(...);

update() {
	group.collide();
	group.update();
}

update() {
	const { collided, items } = this;
	if(collided) {
		// handle collision
	}
}

Event Handling

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

this.bindEvent(this.canvas, 'onclick');

populateEvent(event) {
	// populate properties
	return event;
}

const { click } = this.events;

if(click) {
	// handle click
}