Free JavaScript Game Frameworks To Create A Web-Based Fun

As JavaScript-HTML5 development is getting more popular and browsers supporting new features are being utilized by more users everyday, -as expected- many new games are being developed with JavaScript.

JavaScript-powered games are not only easier-to-develop for web developers but they are also the only cross-platform ones including desktop, web and mobile.

Previously, WRD had shared 25 Amazing JavaScript Games (Some Fun And Inspiration) and, today, here is a list of free JavaScript game frameworks to build a new one:

 

The Render Engine

The Render Engine

A cross-browser engine which is very flexible and comes with an extensive API.

It uses object-pooling to reduce garbage collection.

Abstraction around the Canvas DOM element and any DOM element exists to standardize access to the capabilities of 2D rendering.

Box2d is the physics engine integrated, has support for touch inputs and much more.

LimeJS

LimeJS JavaScript Game Framework

It is a HTML5 game framework for building games that'll feel native and work fast in modern touchscreens and desktop browsers.

LimeJS is created with Closure Library built by Google and comes with functions/classes to control the timeline, events, shapes and animations.

Also, the framework has full support of sprite sheets (you can collect all images inside a single file).

 

Article Sponsor

Impact

Impact JavaScript Game Engine

Impact, the engine behind Biolab Disaster and Z-Type, is a professional JavaScript Game Engine that allows you to develop HTML5 Games easily and quickly.

It doesn't require any software installation, just a modern browser supporting the canvas tag is enough.

Impact Editor

The engine has a versatile Weltmeister Level Editor (screenshot above) that lets you create your game worlds. No matter how complicated the game is, Weltmeister can accomplish it..

Every entity (enemies, NPCs, triggers etc.) can be instantly used in Weltmeister and they can be connected with each other to create logic chains like find button, open door.

Impact comes with classes to manage the game basics, inputs, maps, animations, sound and much more.

 

Jaws

Jaws JavaScript Game Library

A 2D game library powered by HTML5 which supports canvas and ordinary DOM based sprites through the same API.

It has a satisfactory sprite constructor for a higher abstraction for the characters.

Jaws makes handling keystrokes easier, providing string-identifiers for each key and anywhere in the code, you can instantly check if a key is pressed down.

GMP

GMP JavaScript Game Engine

GMP is a JavaScript game engine that fits good to creating sprite-based, 2-D games and it can easily power most retro-style arcade game designs or puzzles like Sudoku.

It has a ready-to-go, self-booting game loop. Mouse and keyboard inputs can be used easily.

The engine is well-documented and the major fallback can be the lack of integrated sound support.

Gamma

Gamma JavaScript Game Engine

This JavaScript library can be used to create 2.5D platform games with the power of HTML, JavaScript, CSS and WebGL.

It comes with various classes to ease the development process including the ones for shapes, characters, enemies and more.

Akihabara

Akihabara

It is a set of libraries, tools and presets to create pixelated indie-style 8/16-bit era games in Javascript using HTML5 canvas tag and some standard hooks.

The modules provided include:

  • Gamebox: helps with collisions, rendering + moving objects, keyboard, double buffering and FSE.
  • Gamecycle: features like intro, menus, crossfading between stages/lifes, gameover and ending.
  • Toys: lots of common routines like jumping characters, bullets, etc.
  • Iphopad / Iphofretboard: for touch-based devices.

gameQuery

gameQuery

A jQuery plug-in which helps building JavaScript games with the help game-related classes offered.

It features multi-layer sprite animations (with hierarchy support), collision detection, sound, keyboard state polling and periodic callbacks.

Propulsion

Propulsion JavaScript Game Engine

Propulsion supports any type of two dimensional game development.

There are many built-in shapes to be drawn and a physics engine for managing accelerations and velocity.

Crafty

Crafty JavaScript Game Engine

This is a lightweight and modular JavaScript game engine which consists of many components like animation, event management, redraw regions, collision detection, sprites and more.

jsGameSoup

jsGameSoup

The library comes with cross-browser event handling (mouse, keyboard and touch).

It has polygon, box and circle collision detection, sprite management and networking (ajax) abstraction layer.

GameJs

GameJs

GameJs is a lightweight library, which is actually a port of the popular PyGame to JavaScript, that uses HTML canvas element.

It is a simple framework that allows writing the games as CommonJs modules.

xc.js

xc.js JAvaScript Game Engine

It is a very fresh framework and not as mature as others in the list.

At the core of xc.js, the concepts are scenes, nodes, actions, and events.

Sound support, Box2d and networking are the features to be mentioned in the "to-do-list" of the framework.

Other -related- resources

Search