Circuit Breaker
Circuit Breaker is a game I created in a web development course as an Honors project. I created the core functionality of the game in JavaScript, and the rest of the web-facing development in HTML and CSS. The gist of the game is that you have to flip a number of switches on the left side of the screen to turn on yellow lights above a door on the right side. The difficulty lies in the fact that a switch may turn on multiple lights, or turn off multiple lights, and a switch that turns on one light might not also turn it off when flipped again. This means the order that you turn lights on and off is crucial to your success!
There are 10 total levels of increasing difficulty, wherein the number of switches/lights increases and the complexity of each switch increases (Complexity being measured by how many lights one switch controls, and whether "ON" and "OFF" states control the same switches). This game is being re-designed such that it will be playable right here on my portfolio, so stay tuned!
My inspiration for making this game was actually from a puzzle I remembered encountering in another game, Warframe. The puzzle is in a Zariman Puzzle Room, where you have to interact with consoles in a specific order to turn on lights and unlock something. I thought this was a neat idea, and put my own spin on it with the switches not always turning on/off the same lights.
One of the key things I learned with this project was how to use javascript to interact with a webpage. This was how I added/removed/changed the states on the switches/lights/doors. I also learned how to use the local storage of a browser to save user settings for music/sound buttons. If you press to turn the volume off, the page will remember to have it off the next time you visit.