Web-game-engine NPM

web-game-engine

A 2D game engine based on the standard Web APIs.

See the examples/ folder for example projects, and go here to play them.

Get started with Vite + web-game-engine

Initialize a new Vite project. Choose Vanilla and Typescript

npm create vite@latest

cd into the directory
Install web-game-engine

npm i web-game-engine

Delete src/counter.ts and src/style.css. Replace the contents of src/main.ts with

import { ExamplePlayer, Game, TextObject } from 'web-game-engine';

const game = new Game(document.querySelector('#app'));

new ExamplePlayer(50, 50)
  .activate(game);
new TextObject(() => `FPS: ${game.currentFps.toFixed(1)}`, 8, 8)
  .activate(game);

game.play();