HTML5 Game Development

OData support
Dávid Zoltán
Department of Automation and Applied Informatics

Nowadays web technologies have a fast evolution. There are lots of new ideas, that give a very good user experience beyond the functionality and performance. Many are interested in these technologies and develop various solutions to implement the same idea. Because of this, web technologies cannot be uniform. Browsers and plug-ins are improved day after day to support the new features, new versions are showing up almost every week.

The primary goal of the HTML5 is to lay these diverse technologies into one standard. The main objective is to make the chance for not needing external plug-ins to browse complex websites. Browsers must show the websites and web applications correctly, and there cannot be elements, which prevent this. The developers want to make websites and applications easily, and do not want to take care of the different browsers’ specialities. The standardization is going on all the time, there are always new elements, which get accepted.

The HTML5 standard opens up lots of new oportunities for the developers of the in-browser games, too. There are many of elements (such as canvas, audio, localStorage, etc), which provide an opportunity to avoid the usage of external plug-ins. This makes the game designers’ job much easier. Nowadays, most browsers' JavaScript engine allows a very fast processing, so the performance of these games are at the level of other common technologies (eg. Silverlight, Flash). If this performance and platform-independence is combined with a well-optimized JavaScript code and innovative ideas, we can earn very big achievements not only in user experience and visual effects, but also in playability, distributability and wide support.

In the first part of my work the HTML5 platform, its new elements and the most useful game developing tools will be presented. I will show some simple example which will show how the technology works and what are its most common parts in game developing.

The second part of my work will explain, how a bigger game (Lava Piper) was made. This game was the technology-demo on the HTML5 Game-place portal This demo is a simple logic-arcade game, which contains most of the HTML5-features which can be used in HTML5-based games. During the game-making process special attention was given to increase the number of the useful new HTML5 features in the game.


Please sign in to download the files of this thesis.