coro-jump

A picture of coro-jump gameplay
Game over screen view
Homepage screen view

Inspiration

In the midst of this pandemic, we believe that many people overlooked the fears of and sacrifices made by our frontline health workers in fighting the virus. Although it is not plausible for many to experience it firsthand, we hope that the experience they obtain by playing this game will somewhat illustrate it. In designing this project, we are also inspired by Google's running dinosaur game. We get started by following this tutorial.

What it does

coro-jump is an endless running game that tests players' reflexes. The objective of the game is to run away from the beast by collecting vaccines and evading the virus. By collecting the vaccine, the character will gain extra movement speed, thus helping him to escape further from the monster. Along the run, also do not forget to practice safe distancing and evade the viruses on the road.

How to play

To jump, either press 'w', Spacebar or Enter key or 'Arrow up' key.
To toggle sound, press 'm'

How we built it

coro-jump was built using Vanilla JavaScript (leveraging ES6 modules in the browser), HTML, and CSS with the help of Three.js and GSAP.

Challenges we ran into

It was very, very difficult for us as none of us had known a thing about it beforehand. We had to learn 3-dimensional game design within 2 days, and with all the questions in mind, long hours of self-paced learning were necessary. One of our group members was also new to web development, and hence, this member had to learn and acquire new web development knowledge from scratch as well.

Accomplishments that we're proud of

As none of us had the relevant skills nor knowledge when it comes to 3-dimensional game design, we are really proud to have spent hours solving issues and withstanding all sorts of adversity we faced throughout the designing and development stage of this project. At the end of the day, we are really proud to have developed of our first ever 3-dimensional web game.

What we learned

We learned how to make use of a very functional JavaScript 3-D library called "Three.js" to design 3-dimensional characters, animate them using GSAP, and eventually develop a 3-dimensional game.