About

The basic premise of the challange provided was to make a polished game without using any JavaScript. This greatly limits our capabilities it proved very challanging some game concepts could not be implemented at all such as sound effects and music, and others such as keeping track of score proved very difficult. The game takes advantage of HTML form elements and sibling selectors to hold state. Essentially our game is a giant  FSM (Finite State Machine)  that uses  3  radio buttons per level a linked  correct  and  incorrect  state and a  visible state, the code in  ./templates/styles/game.scss  is responsible for manging the games state. This type of programming is very interesting as we are working in a very limited development environment where simple things require getting creative, one such example is moving to the next level which requires massive css selectors and our first implementation caused Chrome to take over a second rendering the webpage everytime an animation was fired. Using css in this way was heavily inspired by  No JavaScript FPS  and  HTMX Pong  which are other examples of what is possible in limited development environments. To View the Source Code go to HTMX Pong