AethelmE, HTML5 Game Engine with Multiple Canvas Elements

Kevin Gunawan, Raymond Bahana


Game engine is software which ease the game development. As the processor power technology evolved and the HTML5 specification are developed, browsers nowadays can natively (without any need for external plug-in) display animations and multimedia files (audio and video) using JavaScript as the programming language. Some of the features which are used in this research are HTML5‘s canvas and audio elements. The problem is that none of the existing free HTML5 game engines is able to support multiple canvas elements. This research will create a game engine, called AethelmE, which support multiple canvas elements as its unique feature. This game engine is also able to support sprite transformation, browsers compatibility, external asset loading, and audio format compatibility. This research successfully resulted in creating an HTML5 game engine which supports multiple canvas elements. It also supports all the scopes, with a small exception on sound format compatibility. Moreover, this research conducted a performance comparison testing, from which can be concluded that multiple canvas elements does not give significant performance gain compared to a single canvas.

Full Text:



  • There are currently no refbacks.

Copyright (c) 2017 Journal of Game, Game Art, and Gamification

Published by - Indonesian Research Game Network - Bina Nusantara University 
(c) JGGAG - e-ISSN: 2548-480X
Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License