Meemoo.org: the metaremixer
remixable remixer: modular, hackable, open-source framework for making web art
Helsinki
Finland
When we make web art, why are we still using Photoshop? There are some web-based creative applications, but most are closed-source, walled gardens. You can only make what they have designed it to make, and share where they let you share.
Meemoo is totally different. It was designed for open hackability from the ground-up.
Education
Meemoo encourages education by nudging people gently down the "rabbit hole" towards web programming:
At every step in the process, people can instantly share their apps and creations for the world to see and modify. Or not, and keep it all local.
Lev Vygotsky said that learning happens in the space between what can do by ourselves and what we can do with guidance from someone with more skill. He called this the "zone of proximal development." The Internet is the ultimate manifestation of this metaphorical space. Most web coders learned with "view source," and this project seeks to extend this concept to creative web apps.
With support, I will focus on creating a community site for sharing and modifying Meemoo apps. The design of the community site will encourage playful exploration of the inner logic of creative web apps. It will bring "circuit bending" to apps.
As the community site grows, the tree of app source code modification from person to person will become an evolutionary map of the memes in the community.
Meemoo is:
In web developer language:
A Meemoo app is a graph of modules connected with wires. Modules are iframes and wires represent how the iframes communicate with window.postMessage(). In modern browsers that data can be text, numbers, audio, images, or anything. So a Meemoo "app" can be anything that can be described by a graph with a modular structure that passes data around.
Meemoo is totally different. It was designed for open hackability from the ground-up.

Education
Meemoo encourages education by nudging people gently down the "rabbit hole" towards web programming:
- Creating and publishing images, animation, sound, video, etc.
- Bending: experimenting with changing values and rewiring the app.
- Modding: diving into the source of the modules: HTML/CSS/JS.
At every step in the process, people can instantly share their apps and creations for the world to see and modify. Or not, and keep it all local.
Lev Vygotsky said that learning happens in the space between what can do by ourselves and what we can do with guidance from someone with more skill. He called this the "zone of proximal development." The Internet is the ultimate manifestation of this metaphorical space. Most web coders learned with "view source," and this project seeks to extend this concept to creative web apps.
With support, I will focus on creating a community site for sharing and modifying Meemoo apps. The design of the community site will encourage playful exploration of the inner logic of creative web apps. It will bring "circuit bending" to apps.
As the community site grows, the tree of app source code modification from person to person will become an evolutionary map of the memes in the community.
Walkthrough: Live animation:
Meemoo is:
- a web-based creative tool maker
- rhizomatic: nodes sending messages through wires
- a layer between polished app and source code to make it easy for people to open, hack, bend, rewire, fork, and mod creative web applications
- an open-source framework that connects open-source modules
- like Arduino for creative web apps
- 100% of the web
- focused on audio/visual interactive applications, but the potential uses are limitless
In web developer language:
A Meemoo app is a graph of modules connected with wires. Modules are iframes and wires represent how the iframes communicate with window.postMessage(). In modern browsers that data can be text, numbers, audio, images, or anything. So a Meemoo "app" can be anything that can be described by a graph with a modular structure that passes data around.
Now: Adventurous animators and tinkerers can play with the framework. Most of the examples have instant publishing to Imgur, so please share your images here in the comments or @forresto or anywhere!
Adventurous web developers can make a web page into a Meemoo module by including meemoo.js (hotlinking encouraged) and defining the ins and outs.
Timeline:
Adventurous web developers can make a web page into a Meemoo module by including meemoo.js (hotlinking encouraged) and defining the ins and outs.
Timeline:
- May 2012: Official beta release of Meemoo iframework.
- June 2012: Google Summer of Code participant starts.
- July 2012: Beta of community site for sharing.
- January 2013: Article and online exhibition examining the kinds of emergent art in the community.
- $4000 to support three months of full-time coding.
- $1000 for 1 year of hosting for the community site.
I have been experimenting with interactive web technology since 1997. My first experiments involved HTML and JavaScript. I enjoyed being able to look at the source of any page to see the code behind the design. In 2002 I discovered ActionScript and Flash, which allowed me to make more interactive experiments. Now the HTML+JavaScript combination and browsers have gotten nice enough that I'm happy programming this complex interactive application with these web standards.
I am an independent web developer, and my portfolio is http://sembiki.com/
Since August of 2010 I have been studying at Media Lab Helsinki, which is part of Aalto School of Art and Design. Meemoo is my MA thesis. There is an emphasis on design research here, which informs the development of this project.
I am an independent web developer, and my portfolio is http://sembiki.com/
Since August of 2010 I have been studying at Media Lab Helsinki, which is part of Aalto School of Art and Design. Meemoo is my MA thesis. There is an emphasis on design research here, which informs the development of this project.
- Slithering and MegaCam's PaintCam (in the work samples) were shown at the Encoded Views computational photography exhibition at Pixelache Helsinki Festival of Electronic Art and Subcultures, March 2011.
- Impulse/Control was shown in a performance at Muu Gallery Helsinki, December 2011.
Impulse/Control: Wearable electronics dance performance (Electronics, 2011)

Slithering: Dancing with slit-scan video processing (C++, 2011)

MegaCam: Computational photography toys with webcam (Flash, 2010)

TagGraph: Visual representation of photo tag data in Flickr and Facebook (Flash, 2008)

Slithering: Dancing with slit-scan video processing (C++, 2011)

MegaCam: Computational photography toys with webcam (Flash, 2010)

TagGraph: Visual representation of photo tag data in Flickr and Facebook (Flash, 2008)
Great job!
1. Work to do on Iframework:
* audio processing and effects system
* audio control, pattern, sequencer modules
* native module types
* localStorage + Unhosted remoteStorage saving of app graphs
* personal module library
* touchscreen support
* unit testing
2. Advanced community requirements:
* git- or etherpad-based versioning
* collaborative editing: working on the same graph from different devices and locations
* inter-graph communication: sending data to different graphs on different devices (a camera on a phone to a visual on a projector)
* live editing of code for immediate feedback
* online html/js/css editing and saving modules to community
3. Community building
* I see fertile ground in the intersection between the web artists, Github JS hackers, information visualizers.
* There is also potential to test the project in schools. I think that getting kids hacking creative web software is important.