Mohammad Mahdi Mohebbian - Department of Computer Engineering University of Science and Culture Tehran, Iran
Reza Shahinpour - Department of Computer Engineering University of Science and Culture Tehran, Iran
Shahabeddin Asgari - Department of Computer Engineering University of Science and Culture Tehran, Iran
Seyyed Amir Hadi Minoofam - Department of Electrical and Computer Engineering Nazar Abad Center Islamic Azad University Alborz, Iran

Browser-based games are played directly in web browsers, and naturally, they do not need any additional software or plug-in installations. This feature is one of the primary advantages of online and browser-based games to the offline games which one could install on his/her target platform. There are countless challenges that cause lots of game programmers to avoid online games such as, the variety of web browsers and their diversity in the Internet speed and bandwidth, and yet the game must be usable for every user with any browser using different bandwidth. There are vast game engines that can design online games; but the only drawback is due to their complicated structures, yields the results not always be that light to capable on loading simply on various computers. Thus, in this paper, we designed a football game using the basic technologies of game engines such as WebGL, HTML5, and Three.js to avoid complex structures and achieve advanced speed and convenience for different users with different equipment. Also, we demonstrate the structures and methods of collision detection in the way of our development. In the end, the resulting game is so light yet absorbing that can be run on any web browsers with the most basic features.

WebGL, HTML5, Browser-based applications, Online games, Collision detection