Oh this is lovely. I started doing something similar, but I was generating the stage based on the DOM and some CSS features, but kept getting weird boundaries (read: the character would float on unseen edges)

I later thought about using an edge-detection algorithm to capture the page as an image (triggered on page events), but never fully implemented it and shelved the project.

I would love to know how you captured the visible edges