SplatJS

A 2d HTML5 Canvas game engine

SplatJS is a 2d game engine made for creating multi-platform games entirely in JavaScript.

Features

• Rectangles!
• Keyboard, mouse, and touch input
• Sounds and music (Web Audio API and HTML5 Audio)
• Sprite animation
• Asset loading, and built-in loading screen
• Games work well on phones, tablets, and desktop browsers.
• A* Pathfinding
• Particles

Supported Platforms

• Chrome (desktop & mobile)
• Firefox
• Internet Explorer (desktop & mobile)
• Safari (desktop & mobile)
• iOS using Ejecta
• Chrome Web Store

SplatJS works in PhoneGap/Cordova, but it seems like the apps it produces lack hardware acceleration, making games unplayable.

Download a standalone SplatJS:

• 3.1.0 uncompressed - minified

Install through NPM

$ npm install --save splatjs

Create a file named game.js and start your game with this code:

"use strict";
var Splat = require("splat");

var canvas = document.getElementById("canvas");

var manifest = {
	"images": {},
	"sounds": {},
	"fonts": {},
	"animations": {}
};

var game = new Splat.Game(canvas, manifest);

game.scenes.add("title", new Splat.Scene(canvas, function() {
	// Initiaization
},function(elapsedMillis) {
	// Simulation
}, function(context) {
	// Draw
}));

game.scenes.switchTo("loading"); // Start loading scene which will switch to 'title' scene when all the assets in manifest are loaded.

Install browserify

$ npm install --save-dev browserify

Then use browserify to bundle your game as a single JavaScript file for the browser.

$ browserify game.js -o index.js

Include canvas element with id "canvas" and bundled JavaScript file (Splat + Game) on your html page:

<canvas id="canvas" width="1136" height="640"></canvas>
<script type="text/javascript" src="index.js"></script>

Games using SplatJS

• Splat Pong is a good tutorial project to read through.
• SyRUSH
• Stanley Squeaks and the Emerald Burrito
• Mr. Fluffykin's Great Sorting Adventure
• Arkeynoid
• Kickbot
• base.jump
• Apartment 213
• Scurry
• Echo Bat

Send a pull request to add your game to the list!