Inspiration

Tutorial: https://www.youtube.com/watch?v=bG2BmmYr9NQ The tutorial was followed for the general game format, but Ellie Run is completely unique in style, inspired by the Hackathon for which this game was created: Local Hack Day: Build!

What it does

Ellie the Elephant is traversing the adventurous world of Local Hack Day: Build and must hop over all of the hackathon challenges coming her way! Using the click of the mouse, you get to control when Ellie jumps and help her get through as many challenges as possible!

How we built it

HTML, CSS, Java Script

Challenges we ran into

Incorporating the images of Ellie, the MLH logo, and the Skyline were particularly challenging as I had to make sure the image sizing was appropriate. I overcame this by adding a "auto-sizing" feature to the images so they would adjust appropriately to the given height parameters. Secondly, the skyline moving in the background was quite tough. I decided to make it the background image and apply an animation to create the panning effect.

Accomplishments that we're proud of

I am generally proud of the styling of Ellie Run. It felt especially rewarding to see a functional game which looked really cool! The panning skyline effect is my favorite part, but I am also proud of the Ellie character which helps to tie the whole theme together :)

Share this project:

Updates