Good Times is a platform 'side-scroller' game, featuring horizontal scrolling. The illusion of movement is given by a scrolling background while the user can have fun surfing an infinite wave with the sole purpose of avoiding random obstacles found on his path and collect 'shakas 🤙' to increase his score.
HTML5, JS, CSS Node Version: 10.13.0, Webpack, Google Firebase database, Aws.
- Integrated Google Firebase in order to persist user scores and implemented caching so that scores only get updated when a user is in the top 5, saving many round trips to the database.
- Utilized JavaScript event listeners, CSS percentages and CSS Translate and Transform resulting in an interface that is fast, consistent across browsers, adaptive and responsive.
- Used JavaScript's requestAnimationFrame method to create an animation loop allowing objects in the game to be rerendered to create a great user experience.