Escaping Umbridge is a game based on Harry Potter's story in which you need to dodge from obstacles like Dementors and Umbridge clones and get back safely to Hogwarts. In this game we use some techniques learned through the module 1 of Web Delevopment course at Ironhack such as the use of Canvas in js., object orietation and DOM manipulation. Also basic concepts of HTML and CSS including some animations. It's a very fun game that requires that the player keeps the attention to hold Harry in the air and also avoid touching the wrong obstacles.
If you want to contribute to this project please don't forget to fork and clone before making any changes. This file is for public access.
This is the main page with instruction on how to succeed within the game and with the main channel to start playing. For this page I used a simple HTML frame with two main divs inside a section so I could move them with flex box. On the CSS stylesheet, the thing that differenciates the format is the animation I've done in the button using hover.
On the game page, I utilize a lot of the canvas and javascript, basically the whole game structure is within a canvas and it works a lot like other obstacle games with open source code (please refer to this lab https://github.com/ironhack-labs/lab-canvas-flappybirds that served as main inspiration).
This is the screen that shows up when the player wins, this means that they found Hogwarts and they succeed avoiding dementors and Umbridge clones.
This screen pops up when the player looses, this means they where not able to hold themselves in the broom or they bumped into a dementors or an Umbridge clone.
You can find me on Linkedin!