Educational web game for learning programming basics

The basic knowledge of computer science and programming is considered as an essential skill in modern society. The importance and efficiency of modern and unusual ways of studying are acknowledged by educational authorities. The combination of entertaining and challenging experience along with immersion into computer environment can be achieved by playing educational games. The objective of this thesis work was to create a demo version of an educational web game to be used on a corporate event. The aim of the game was to show and explain the basic concepts of computer programming. The methods used for designing and implementation of web game included the modern web development technologies like game engines, computer vision and tracking instruments, animation tools, optimization appliances and web application development software. In the process of developing web educational game, the rendering library PixiJS and multiple JavaScript frameworks were used. The successful outcome of the development was an interactive web browser page displaying a demo version of the educational game for learning programming basic concepts. The web game required players to interact with camera streaming or visual elements on the screen in order to complete exercises. Since the project was focused on the creation of a demo version of a product the potential improvements and additional features were discussed in the thesis