The following is few examples of game engines implemented with HTML5 and JavaScript:
- Construct 2:one of the first WebGL enabled HTML5 game engines. Exports purely to HTML5 and JavaScript. Uses Canvas only and are extensible with JavaScript plugins.
- Isongenic Engine:one of the most promising engines out there today. Massively multiplayer networking built in, uses node. js and MongoDB, and has a canvas or dom-based graphics.
- Impact
- Cutjs:lightweight, fast, interactable 2D HTML5 rendering engine for game development. Open-source and Cross-platform.
- Canvace
- Crafty
- PLAYCANVAS:A Collaborative, cloud-hosted game engine with A Visual editor, in-browser code editing and one click Publishi Ng.
- MIGHTYENGINE:2D game engine supporting Web, Android, IOS platforms. Build in editor to manage projects, assets, maps.
- Game Develop:a Game Development software exporting to native and HTML5 games. Uses pixi.js to render using WebGL or canvas.
- Enchantjs:a Simple Javascript Framework for creating 2D and 3D HTML5 games. have good documentation and easy to follow tutorials for getting Started
- WIMI5:A video game platform that eases the creation, publication and monetization processes of HTML5 games, using A cloud Based editor.
- phaser:2d game Enginge supporting Web, Android, IOS platforms
HTML5 Game Tools
- Clay.io:Distribution, Retention, social and monetization tools. Easy integration of the user accounts, high scores, achievements, cross promotion, in-game payments, analytics etc ...
- pixi.js:2d rendering engine using WebGL with a canvas fallback.
- Stat.js:Simple JavaScript Performance Monitor
Useful Technologies
The following can useful in developing games based on WEB Technologies.
- canvas:2-d Graphics.
- webgl:3-d Graphics.
- AUDIO:HTML5 element, Web Audio API
- Websockets:can is used for real-time communication between a player and the game server, to support multi-player games.
- Node.js:Node is often used as a multiplayer game server, controlling the logic and handling the WebSockets connections to The players. It can used for player authentication and the storage of data so game play can persist over multiple game sessions. Made relatively easy with great third-party modules, like Socket.io for WebSockets, and others that handle Red IS and MongoDB for storage, for example.
- DOM Storage is great for storing data locally on the player ' s device. This is the "can" cache game data and allow the game to pick up where the player is left off.
- The full screens API allows you to expand any HTML element to? ll the user's screen, even if the browser isn ' t running full -screen itself.
- Application Cache and the Serviceworker Api:one of the main differences between Web apps and native apps are that native a PPS can be run offline. Technologies such as application cache and Service Worker allow for a website or a WEB app to the cache necessary assets so it Can still run while offline. This includes things like JavaScript les, CSS and images. Combining this technique with intelligent use of things like Localstorage would allow your game to continue working even if The Internet connection goes down. You just sync up all the changes when it gets connected again.
- Emscripten enables you to port a game written in C or C + + over to JavaScript. The Bananabread demo used Emscripten.
- The GamePad API is available in latest versions of Firefox and Chrome. What's the interesting about the GamePad API was that it might being just what? Nally justifies HTML5 gaming on a TV or cons Ole. Who wants to use a keyboard and mouse while sitting on the sofa?
- The Pointer Lock API is a attempt to improve the mouse as a input device, used in situations such as games and 3D visual Izations where the mouse position rotates or moves you around a 3D space. As it stands, there would still be a cursor moving around the screens causing all sorts of trouble when you want to click O n Something in your game. With this API, you can lock your mouse position and stop it from getting in the and being a nuisance.
Not every browser supports every part of HTML5. For example, Canvas isn ' t supported out of the box by any Internet Explorer below version 9. However, you can use Explorer canvas-to-replicate canvas functionality (but that's not ideal and does isn't perform as well ). WebSockets is supported by IE only in IE, and it isn ' t supported in the stock browser of Android. But again, can fake this by using Flash for the sockets, such as with Socket.io. While supported in the latest versions of every other browser, WebGL in Internet Explorer requires at least version 11.
Game Template
You can use the mortar game Stub template to get a quick start on an HTML5 Game, or can use it to get ideas on best PR Actices.
HTML5 Game Engines
