Trampolinks | Devpost

Stage Loading Chain
Generated Level

Inspiration

We wanted to implement the adventure concept into some sort of game which was widely accessible, so we ended up creating a website. The idea for this never-ending progression of levels built upon links from websites reflects how you end up adventuring across the internet when you search for something.

What it does

We created a static website that enables you to generate platformer levels from bounding box data found in other website DOM data. The levels are then progressively generated from random links found on the page, and recorded in your URL bar, enabling you to see the long journey that you've made across the world web while playing a short platformer.

How We built it

Using only basic concepts of Javascript, HTML, and CSS, we created a three-file website that performed all the functions we wanted. By pulling DOM data over requests, we could load up a copy of the webpage we wanted in order to parse through its elements and start creating a level.

Challenges We ran into

Getting platforming physics to work in a Javascript was a big hurdle in the beginning, and then we were quickly confronted with load time inconsistencies and ended up needing strategically placed timeouts in order to appropriately grab data.

Accomplishments that We're proud of

We initially split up into two groups in order to work on separate logic, so after meeting back together at the end, we were very pleased with the speed and ease of integration into the final product.

What We learned

HTML DOM manipulation with Javascript, and the nuances that come with the asynchronous structure of web languages, as well as formatting tricks for HTML and CSS

What's next for Trampolinks

Opting in for more effective level generation algorithms in order to get the best experience, as well as incorporating extra data from the web pages in order to achieve a more personalized experience