Creating a Simple "9 Lights Off" game in html
In this tutorial I am going to create a simple game using plain JavaScript and HTML. It is a remake of one of the puzzles in the Android app I created some years back called " Cream of Puzzles ". The completed HTML version looks like below: Here are a few points to note: In a full fledged game you typically draw game elements on the canvas. You don't use common UI elements to represent game objects. In this tutorial we are not going to include sound effects and animation effects. All the game elements in this tutorial are simple rigid elements so it is enough to depend entirely on basic HTML elements and not use usual game elements (Sprites) Hear is the entire HTML source code: <html> <head> <title> 9 Lights Off! </title> <style> body { background-color : #008080 ; } table { width : 50 % ; ...