Remix.run Logo
Show HN: Turn Any Webpage into a Game
4 points by dassh 5 hours ago | 2 comments

Hi HN, I built a thing that turns any webpage you're visiting into an interactive arcade: https://playanypage.com/

It's a fun little project built entirely around bookmarklets and DOM manipulation. Inspired by the classic Kick Ass app, I loved the idea of playing on any website, so I decided to take it a step further and build an entire arcade inside a single bookmarklet.

You just drag it to your bookmarks, click it on any site, and it immediately plays on top of the DOM.

Brickout: Turns every text block and element on the page into a brick you can smash.

Also made Snake, Space Invaders, Whack-a-Mole, and a chaotic Page Taxi that drives all over your screen.

vunderba 3 hours ago | parent [-]

Nice job. I've seen a couple of these interactive DOM games (breakout is especially popular) but 99% of them have been Firefox/Chrome extensions so it's nice to see one that is a simple bookmark.

If you wanted to get really crazy, you could take it a step further and change things based on each word’s part of speech. Such as you could alter the behavior of the game so that proper nouns become “tougher” blocks.

dassh 2 hours ago | parent [-]

The default mode already does something along those lines — certain elements take two hits to break. But for the hidden B-side mode I went in the completely opposite direction: the ball phases through everything by default. See if you can find it ;)