Andrew Wooldridge triptych

IMPORTANT! Remember to check out the wiki page at https://github.com/bebraw/jswiki/wiki/Game-Engines for the most up to date version. There's also a "notes" column in the table but it simply does not fit there... Check out the raw version to see it.

This table contains primarily HTML5 based game engines and frameworks. You might also want to check out the [[Feature Matrix|Game-Engine-Feature-Matrix]], [[Game Resources]] and [[Scene Graphs]].

Name	Size (KB)	License	Type	Unit Tests	Docs	Repository	Notes
Akihabara	453	GPL2, MIT	Classic Repro	no	API	github	Intended for making classic arcade-style games in JS+HTML5
AllBinary Platform	Platform Dependent	AllBinary	2D/2.5D/3D	n

Game Engines

Name	Latest Release	License	Type	Notes
The Render Engine	1.5.3	MIT		Cross-browser; extensive API; open-source. 2
gameQuery	0.5.1	CC BY-SA 2.5		Designed to be used with jQuery
gTile	0.0.1 (2008-07-21)		Tile based
Akihabara	1.3	GPL2/MIT	Classic Repro	Intended for making classic arcade-style games in JS+HTML5 3
The Javascript 2D Game Engine		GPL		Emphasis on gravity/physics/collision detection; uses HTML5 Canvas and ExplorerCanvas for IE support. Focus on limiting CPU usage. 4
The GMP Javascript Game Engine

	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<!-- Licensed under Yahoo! BSD license http://gist.github.com/375593 -->
	</head>
	<body>

	<span id="login"></span>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Lorem Ipsum Dolor Sit</title>
	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css">
	</head>
	<body>
	<div id="pageWrapper"><div id="page">

	function decode( string ) {

	var output = [];
	string.split('').forEach( function ( v ) { output.push( "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".indexOf( v ) ); } );
	return output;

	}

	function encode( array ) {

	//<iframe id="frame">
	var frame = Y.Node.getDOMNode(Y.one('#frame'));

	YUI({
	win: frame.contentWindow,
	doc: frame.contentWindow.document
	}).use('node', function(Frame) {
	//An element inside the frame
	var foo = Frame.one('#foo');
	});

	<html>
	<style>
	body {
	margin: 0;
	padding 0;
	}
	</style>
	<body>
	<script>

	/**
	* InfoViewer
	*/

	var InfoViewer,
	INFO_VIEWER = 'infoViewer',
	ATTRS = {},
	TRANSITIONS = {},

	INFO_NODES = 'infoNodes',

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Page Title</title>
	<link href='http://fonts.googleapis.com/css?family=Cardo:regular"' rel='stylesheet' type='text/css'>
	<style type="text/css" media="screen">
	BODY {
	background-color:#999;
	font-family:Cardo;

	<!doctype html>
	<html>
	<head>
	<meta charset="utf=8">
	<title>Test Page</title>
	</head>
	<body>

	<h3>Expected results:</h3>
	<ul>