playable.js

A lightweight HTML5 game engine.

Installation

Webpack/Browserify

npm install playable.js

Direct <script> Include

Simply download and include with a script tag. playable will be registered as a global variable.

CDN

For prototyping or learning purposes, you can use the latest version with:

<script src="https://cdn.jsdelivr.net/npm/playable.js"></script>

For production, we recommend linking to a specific version number and build to avoid unexpected breakage from newer versions:

<script src="https://cdn.jsdelivr.net/npm/playable.js@3.4.5/dist/playable.min.js"></script>

You can browse the source of the NPM package at jsDelivr or unpkg.

Hello World

JavaScript

let stage = new playable.Stage();
let text = new playable.Text('Hello playable.js');
stage.addChild(text);

Try it on CodePen

TypeScript(Recommended)

class Main extends playable.Stage {
  
  public constructor() {
    super();
    let text = new playable.Text('Hello playable.js');
    this.addChild(text);
  }
  
}

new Main();

Try it on CodePen

Documentation

• Guide
• Examples
• API Reference