Ross School - Senior Projects 2010

 

Student: Charles Lehner

Mentor: Urban Reininger

 

 

Product                            

 

 

Title: The Infinite Maze

 

Description:

 

My project was to create an online collaborative maze that people can move and play in. In a traditional maze, the goal of the player is to get from the start to the end. In The Infinite Maze, I have created a start, but no fixed end: When you get to a place where the maze stops, you can start drawing it from there. The maze is in perpetual self-creation.

 

The result is an online space where people can both collaborate and compete, as they build off of each other’s drawings and expand outward in ever-increasing complexity and artistry.

 

Details:

 

The site: http://www.theinfinitemaze.com

The code: http://github.com/clehner/infinite-maze

 

Keynote presentation

 

Screenshot of the Maze (Feb 6, 2011)

 

 

Abstract

 

 

The idea came to me near the end of Junior year to make a site where people could move the cursor through a maze image, and when they got out of the maze they would be able to add onto it with their own drawing. I decided to call the idea “The Infinite Maze.” I imagined that it would allow for interesting collaboration to happen, and it was supposed to be fun. It turned out to accomplish most of this.

 

This project combined two different interests of mine: making interactive collaborative websites, and making mazes.

 

My own maze drawing

I have enjoyed drawing mazes for a long time. As I got older I tried to make them increasingly complex and difficult. Eventually they got so complex that it began to be hard for me to make them. By making this site I returned to my maze-drawing interest, but this time drawing other people into it through the Internet.

 

The site as a collaborative web app

There were a few websites that were inspirational to me in conceiving The Infinite Maze:

 

   The Never Ending Quest (1999)

   WebCanvas.com (2008)

   Yourworldoftext.com (2009)

   WordSquared.com (2010)

 

Each of these sites has an infinite collaborative space for a written story, drawing, text area, and scrabble game, respectively. I wanted to do for mazes what these sites did for their mediums. I see the Infinite Maze as part of the movement of new collaborative websites like these.

 

Important technologies used

The <canvas> HTML tag is used to allow drawing to take place in the page. A few years ago, not many browsers supported this, and so a site like this one that depends on drawing would not have been as successful.

 

CouchDB is the database and web server for the site. That means it stores all the maze images that people draw, and it delivers them every time anyone goes to the site. The site can precisely be considerd a CouchApp.

 

The site meets the public

Many people enjoyed moving through the maze and contributed great drawings to it. As of Feb 6, 2011, 76 users had signed up and together drew 1386 squares of maze.

 

Works Consulted

 

 

Anderson, J. Chris, Jan Lehnardt, and Noah Slater. CouchDB: The Definitive Guide. 15 Oct. 2010. <http://guide.couchdb.org/>.

 

Chacon, Scott. "Git Book - Basic Branching and Merging." Git Community Book. 10 Nov. 2010. 16 Feb. 2011 <http://book.git-scm.com/3_basic_branching_and_merging.html>.

 

Couchdb Wiki. Apache Foundation. 15 Oct. 2010 <http://wiki.apache.org/couchdb/>.

Haverbeke, Marijn. "Chapter 7: Searching." Eloquent JavaScript. 4 Dec. 2010. <http://eloquentjavascript.net/chapter7.html>.

 

Lehnardt, Jan. "What's new in Apache CouchDB 0.11 - Part One: Nice URLs with Rewrite Rules and Virtual Hosts." CouchOne Blog. CouchOne. <http://blog.couchone.com/post/443028592/whats-new-in-apache-couchdb-0-11-part-one-nice-urls>.

 

Malone, William. "Create a Paint Bucket Tool with HTML5 Canvas." William Malone. 13 Dec. 2010 <http://www.williammalone.com/articles/html5-canvas-javascript-paint-bucket-tool/>.

 

"Pixel manipulation with canvas - MDC Doc Center." Mozilla Developer Network. 10 Sept. 2010. <https://developer.mozilla.org/en/HTML/Canvas/Pixel_manipulation_with_canvas>.

 

"Safari CSS Visual Effects Guide: Interactive Visual Effects." Safari Reference Library. 03 Nov. 2010. Apple Inc. 20 Dec. 2010 <http://developer.apple.com/library/safari/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/InteractiveVisualEffects/InteractiveVisualEffects.html>.

 

Expanded list of websites consulted (sources expanded.txt)

 

 

Community Member (Details)

 

 

Pamela Fox

Developer Relations, Google Inc.

http://www.pamelafox.org/