Videoblog: Buttercamp

Everyone is still recovering a bit from Buttercamp. Anna Sobiepanek beat us all to it with a great recap of the event, but let me say how thankful I am for the extraordinary effort the participants put into the day. We learned a lot about how to do events like these, and definitely left wanting to do more.

As Anna mentioned in her blog, our biggest lessons were a) the need for designers to be present, and b) that we should probably do these over two days. Scott Downe benefited from teaming with Zach Liberman, and mentioned that 2 developers are crucial for a team, so that if one struggles with a blocker, the other can forge ahead. Well noted.


Note: these demos will all require a modern browser, may not work for you at all, and are the product of one day’s work.
GML + Popcorn:
Integrating the Graffiti Markup Language (GML) XML standard with timed popcorn events.

An experiment with “node” style decision forking using popcorn

To have popcorn events appear in specific locations on a full screen video, Brian Chirls wrote a popup video plugin. Video events that appear cause the main video to lower volume and loop.

Digital Diaspora Road Show:
Accompanying the feature documentary Through A Lens Darkly, filmmaker Thomas Allen Harris creates “Roadshows” were participants explore how photography connects them to their heritage. This demo made extensive use of the Butter application, and to facilitate multiple editors, Boaz Sender added import/export functionality to the edge version of Butter.
note: this demo does not work in Firefox due to mp4 only source.

Kapor Center Mural Unveiling
Trevor Parham used Butter initially for data entry, but then decided to focus on CSS and layout to create this compelling use case for popcorn: an annotated version of a recent event at the Kapor Center.

A modified version of PatternSketch, which controls videos via popcorn to create a video remix machine.
note: use keyboard keys Q W E R to control video.

In addition to these demos, other plugins, connections, and starts of new projects were forged. Thanks to ITP, the Center for Development of Open Technology, Bocoup and Eyebeam for helping facilitate this meeting of great minds.

Buttercamp was:

Michael McCarthy
Henrik Moltke
Yasmin Elayat
Kirby Ferguson
Peter Asaro
Peter Kaufman
Ann Bennet
Thomas Allen Harris
Woo Cho
Anna Sobiepanek
Baowen Huang
Ben Moskowitz
Boaz Sender
Bobby Richter
Brett Gaylor
Brian Chirls
Elad Schanin
Fred Truman
Greg Dorsainville
Ingrid Kopp
Jeff Howard
Jeremy Diamond
Jonathan McIntosh
Matt Thompson
Rick Waldron
Scott Downe
Todd Carter
Trevor Parham
Yujin Yi
Zachary Leiberman

12 responses

  1. Pingback from Buttercamp – New York « Anna on Computing on :

    […] I just got back from New York City and I am happy to announce that Buttercamp was a success! Buttercamp took place at the  ITP labs of New York’s Tisch School of the Arts. It was a hack session sponsored by the WebMadeMovies project. The idea behind the hack session was simple – Make cool HTML5 demos using popcorn.js and butter.js (Butterapp – The Popcorn.js Authoring Tool)  and any other tool you find. In preparation for the day Brett Gaylor and Ben Moskowitz (who did an awesome job organizing btw) reached out to artists, filmmakers and designers. Ben also had some of his students attend. Anyone interested in participating simply had to fill out a form proposing their idea or project. The requirements were simple, you had to have an HTML5 video, a story to tell, and a developer who knew their way around the web. Each project group was assigned a popcorn.js and butter.js expert to help with the JavaScript part of the demo. The process was flawless. The filmmaker/artist explained their idea and their vision and started annotating their video. The team developer worked on the look and feel. The popcorn.js/butter.js expert started on the functionality. Watch the Video Blog. […]

  2. Pingback from The future of video tastes like Butter « o p e n m a t t on :

    […] to ITP labs of New York’s Tisch School of the Arts.  The results — rounded up in this blog post –  are […]

  3. Pingback from Fred Truman / Buttercamp on :

    […] spent a portion of last Saturday hacking at Buttercamp here at ITP. I won’t go over all the details because there is already a really great […]

  4. Pingback from Buttercamp 0.1 « Scott Downe's Blog on :

    […] weekend I attended Buttercamp, and created a […]

  5. Pingback from Shooting People: Tools » Blog Archive » Web Made Movies – bringing film and the web together on :

    […] read more about the projects at Buttercamp, Web Made Movies project lead Brett Gaylor has written a good recap of the event, as has Anna […]

  6. Pingback from Mozilla + ITVS: The Living Docs Project | Web Made Movies on :

    […] ideas, build prototypes, and launch new projects. (We beta-tested this formula last March with Buttercamp). The best projects which will receive up to $75,000 in production funding from ITVS. Mozilla and […]

  7. Pingback from #18DaysInEgypt Blog on :

    […] ideas, build prototypes, and launch new projects. (We beta-tested this formula last March with Buttercamp). The best projects which will receive up to $75,000 in production funding from ITVS. Mozilla and […]

  8. Pingback from Mozilla + ITVS: The Living Docs Project | Innovent teams up to create emerging “connected cinema” : on :

    […] ideas, build prototypes, and launch new projects. (We beta-tested this formula last March with Buttercamp). The best projects which will receive up to $75,000 in production funding from ITVS. Mozilla and […]

  9. Aron wrote on :

    Your place is valueble for me. Thanks!Hi, Great postal service, thank you, i like your treatise also!

  10. Lokesh wrote on :

    Wonderful resources. Just came here searching for some interesting jquery frameworks. Yours looks promishing.

    Good Job.

  11. Pingback from Popcorn Hack Jams — First Cut at a HowTo | Michelle Thorne on :

    […] “ButterCamp”, NYC, March 2011. […]

  12. Pingback from HowTo: Mozilla Popcorn Learning Lab | Michelle Thorne on :

    […] “ButterCamp”, NYC, March 2011. […]