Hacking The Web With Interactive Stories

I recently made The Parable of The Hackasaurus, which is a game-like attempt to make web-hacking easy to learn through a series of simple puzzles in the context of a story.

The parable is really more of a proof-of-concept that combines a bunch of different ideas than an actual attempt at interactive narrative, though. The puzzles don’t actually have anything to do with the story, for instance. But I wanted an excuse to do something fun with the vibrant art that Jessica Klein has made for the project, while also exploring possibilities for the Hack This Game sprint and giving self-directed learners a path to understanding how the Hackasaurus tools work.

If you know HTML and CSS, you’re welcome to remix this and make your own “web hacking puzzle” where the goggles are the controller. Just fork the repository on GitHub and modify index.html and bugs.js as you see fit. Almost all the puzzles, achievements, and hints are data-driven and explained in documentation, so you don’t actually need to know much JavaScript.

For more information on my motivations in creating the parable, check out the experiment’s README. Jess is also thinking about making an interactive comic that teaches web-hacking, which I’m looking forward to.

2 Responses to “Hacking The Web With Interactive Stories”

  1. Web Made Comics 2: Hackable Comics « Digital by Default Says:

    [...] Parable of the Hackasaurus is a great proof of concept demonstrating a mix of story tellings, teaching and interaction that [...]

  2. Dannii Says:

    Just one comment, which is that two of the bugs are typos, and unless you were the original author all you can do is guess what they’re meant to be. And, when I first did it I removed the class of “needs-fixing” instead of fixing the typo and still got the achievement ;)