Developing Own Game Using HTML Elements

html game development

Let’s go back some years. Actually let’s go back 20 years. In the beginning of 2000s our family bought another electronic device. This time it was a brand new computer. The processor was 400 Mhz. It barely ran some games like Diablo II, Hitman, Tony Hawk’s Pro Skater 2 and Colin McRae Rally 2.0.

This was a time when HTML was the most popular way to make websites. And websites were definitely more simple than they are today. You could even use some WYSIWYG editor like FrontPage or Dreamweaver. The scene was very different than it is today. Internet was accessed mainly with personal computers screens instead of mobile devices and tablets. CSS was already available but JavaScript was a bit different than it is today. If you had will and skill you could learn something like PHP programming or you could even get into databases.

So this was a time for me to get to know how a web browser basically works. I didn’t get so deep in this topic back then. But I did design some websites. You could say that making websites was my hobby. It took me ten more years to actually apply to study programming. I have been interested in computers for a long time of period. And finally I ended up also working in this field.

If you know some HTML you understand that there are elements, like headers, paragraphs and images. You can interact with the system by clicking links and hovering the mouse cursor over some element. All this is done as you run a website on your web browser. HTML displays the structure of the site, CSS styles, sets the colors of fonts and backgrounds of div elements, and JavaScript handles events and manipulation of the elements presented. All this is done inside the web browser.

There are different web browsers available. Today, they don’t differ form each other that much. Back in the day there were wars between browsers. You had Internet Explorer that understood JavaScript in it’s own way. You had to produce code that could be handled in every browser that existed.

This text is nothing like a tutorial in game development. I decided to write this blog post to give you an idea about how you can approach this topic. You don’t necessarily have to start learning something heavy like C programming or OpenGL. You can start with something like HTML. Some might say that it isn’t a real programming language. And actually it really isn’t. It still provides you some ways to create something that can be used when developing a real game.

You can even use a database in your design. You can also use a JavaScript framework like React or Vue or something like that. Making a website is easy and fun. You can make your website to be a game. If  you don’t think that you would want to make a game that can be run in a web browser you can also find tools for converting your game to a desktop application. Only the sky is a limit in this matter.

Social media & sharing icons powered by UltimatelySocial