• 

  Gameplay of the game. Woah! Ads!

Note: When first playing the game, allow popup ads when pressing Play for the first time, then refresh the page.

If you are experiencing performance issues, try pressing [Preload Windows] before [Play]

Inspiration

I was always inspired by bullet hell games, and I loved to dodge obstacles. I'm also an avid supporter of adblockers. Recently, I discovered the capabilities that browser tabs have with window manipulation, So I built a game where you dodge ads, but you play as the browser, using a novel custom-built browser window game engine.

What it does

In Adscape, you play the as a browser window as you dodge and escape from ads. It's infinitely playable, until you die, and you learn your score. The goal of hte game is to get as high a score as possible, dodging ads for as long as posisble.

How we built it

The popup game engine is completely custom built with Typescript and Vite, with a custom framework made for popup manipulation, movement detection, and caching support. The player window also has a transparency effect created, to improve the immersion. The background and player assets are also made by me.

Challenges we ran into

Due to opening browsers not being very performant, I had to optimize the entire system to make it playable. however, in the end, I managed to make the game run smoothly without lag.

Accomplishments that we're proud of

Finishing the game! In only 7 hours, it was very difficult to make a finished product with optimization and several different attacks.

What we learned

I learned a lot about time management, and learning to quickly develop a complete product.

What's next for Adscape

In the future, I could add more levels, add more rounds, and possibility a boss system with a story! The possibilities are endless.

Built With

• typescript
• vite