stonky-kong

High-stakes situation!

Inspiration

We wanted to make something for people to kill time in class without their teacher noticing.

What it does

On clicking backslash, your current page is transformed into a platforming game. The platforms are the text on the page. As a small blue block in a large HTML world, you must adapt to each new webpage, avoiding the endless hordes of red blocks, in order to reach the top of the page.

How we built it

The game is 100% native Javascript, with no external libraries. Webpack was used to compile for the web. The final userscript can be acivated on any page.

Challenges we ran into

It was a challenge to transform all the text on the page to platforms, and calculate physics and collision for the player, platforms, and enemies.

Accomplishments that we're proud of

A seamless gameplay experience was achieved; the player can pause the game when their teacher comes, and unpause to get right back to where they were.

As stated before, the physics engine was made from scratch.

What we learned

Many of our group members benefited from the project as their first foray into Javascript. In addition, the physics and collision calculations were learning experiences for everyone. Doubtlessly, our next Javascript and browser-related proejct will be much more polished and expand upon the things we learned in this one.

What's next for stonky-kong

The game is open to many feature expansions, such as the addition of more and smarter enemies and obstacles to the player. We're thinking about a persistent wind effect that can change magnitude and direction, moving text and platforms, and powerups. We could also host a leaderboard where users from across the globe can compare their performances with others.