{"id":6572,"date":"2011-05-23T04:00:50","date_gmt":"2011-05-23T04:00:50","guid":{"rendered":"http:\/\/mozillalabs.com\/?p=6572"},"modified":"2012-05-08T18:05:02","modified_gmt":"2012-05-08T18:05:02","slug":"invitation-demo-flame-party-helsinki","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2011\/05\/invitation-demo-flame-party-helsinki\/","title":{"rendered":"Invitation Demo Flame Party Helsinki"},"content":{"rendered":"<p>Over the last couple of nights members of the Mozilla Audio API crew  (<a href=\"http:\/\/twitter.com\/secretrobotron\">@secretrobotron<\/a> and <a href=\"http:\/\/twitter.com\/ccliffe\">@ccliffe<\/a> ) have enthusiastically put together our official <a href=\"http:\/\/mozillalabs.com\/demoparty\/helsinki\">Flame Party Helsinki<\/a> invitation Demo. ENJOY, <a href=\"http:\/\/www.fl\u00e4b\u00e4t.fi\/event\/010c7910\/\">get yourself a ticket<\/a> and scroll down to read our making-of interview!!<\/p>\n<h1>Click: <a href=\"http:\/\/webmademovies.org\/audio.3\/\">The Flame Party Invite Demo<\/a><\/h1>\n<p>(Makes use of the Firefox 4 audio API, Demo is in &#8220;beta&#8221; &#8211; Not heavily tested and currently no Chrome etc. support &#8211;\u00a0 Sorry)<\/p>\n<p style=\"margin-left: -20px!important\"><a href=\"http:\/\/webmademovies.org\/audio.3\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6573\" src=\"http:\/\/blog.mozilla.org\/labs\/files\/2011\/05\/flame_party_invitation_screenshot.jpg\" alt=\"\" width=\"600\" height=\"339\" srcset=\"https:\/\/blog.mozilla.org\/labs\/files\/2011\/05\/flame_party_invitation_screenshot.jpg 600w, https:\/\/blog.mozilla.org\/labs\/files\/2011\/05\/flame_party_invitation_screenshot-300x169.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Screen capture of the demo:<\/p>\n<p><object width=\"600\" height=\"349\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"movie\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=24097853&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0\" \/><embed type=\"application\/x-shockwave-flash\" width=\"600\" height=\"349\" src=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=24097853&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0\"><\/embed><\/object><\/p>\n<h1>Interview with the co-creator<\/h1>\n<h3><em>&#8220;What you&#8217;re really seeing is the progression from no WebGL community at all, to a thriving, yet still explorative one&#8221;<\/em><\/h3>\n<p><em><strong>tbx:<\/strong> The work of the <a href=\"https:\/\/wiki.mozilla.org\/Audio_Data_API\">#audio crew<\/a> was one of the inspirations for us to start the <a href=\"http:\/\/mozillalabs.com\/demoparty\">DemoParty project<\/a>, an initiative to foster artful exploration of the open web  platform, which also dives into the <a href=\"http:\/\/de.wikipedia.org\/wiki\/Demoszene\">Demoscene culture<\/a>. Have you guys  been previously involved in this art scene, before you started creating  browser based demos?<\/em><\/p>\n<p><strong>secretrobotron:<\/strong> While the demo scene has always intrigued me, I&#8217;ve never been a part of it until now, mostly because I haven&#8217;t had the same kind of access, experience, and coincidence as I&#8217;ve had recently in my time with #audio. However, like any worthy scener, I spent more time watching <a href=\"http:\/\/www.youtube.com\/watch?v=wgle3x_XI3M\">cracker demos on my C64<\/a> than really playing the games. So, I have a natural respect for the kind of talent it takes to pull off almost any effect.<\/p>\n<p><em><strong>tbx:<\/strong> What makes the web platform so interesting for demo artists?  What are the advantages compared to let&#8217;s say creating an  animation on the Adobe Flash or Microsoft Windows platforms?<\/em><\/p>\n<p><strong>secretrobotron:<\/strong> Quite honestly, the best part about this whole environment is how open it is. By its very nature, it&#8217;s meant to be open-source and hacker-friendly. If I see some effect that <a href=\"http:\/\/mrdoob.com\/\">Mr. Doob<\/a> has pulled off, the only thing stopping me from opening up his code and seeing what he did is my own terrible lack of free time. You don&#8217;t have that kind of experience with Flash. I&#8217;d say, the only things I miss are those little &#8220;compiling&#8221; coffee breaks, but, really, I&#8217;m okay without them.<\/p>\n<h3>&#8220;I don&#8217;t know that I&#8217;d classify our aesthetic as &#8220;90&#8217;s&#8221; [..] I&#8217;d probably say &#8220;immature&#8221;, and not at all from a negative perspective.&#8221;<\/h3>\n<p><em><strong>tbx:<\/strong>Looking at the aesthetics of your demos, some might say that this 3D stuff looks &#8220;totally 90s&#8221;. Why is that?<\/em><\/p>\n<p><strong>secretrobotron:<\/strong> I don&#8217;t know that I&#8217;d classify our aesthetic as &#8220;90&#8217;s&#8221;, but that&#8217;s my bias talking. Instead, I&#8217;d probably say &#8220;immature&#8221;, and not at all from a negative perspective. We&#8217;re still at the beginning of the <a href=\"http:\/\/learningwebgl.com\/blog\/\">WebGL movement<\/a>, and our tools see new improvements almost weekly.<\/p>\n<p>There aren&#8217;t too many performance impediments from JavaScript anymore thanks to recent browser optimizations, and there aren&#8217;t strict poly or shader limitations that prevent us from pulling off the effects we design. What you&#8217;re really seeing is the progression from no WebGL community at all, to a thriving, yet still explorative one. Like work on any new platform, there is a period of learning that needs to occur. If anything, I think it&#8217;s happening far faster on this platform because of its intrinsic openness and hackability.<\/p>\n<p style=\"margin-left: -20px!important\"><a href=\"http:\/\/mozillalabs.com\/demoparty\/helsinki\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6581\" src=\"http:\/\/blog.mozilla.org\/labs\/files\/2011\/05\/flame_party_invitation_screenshot_2.jpg\" alt=\"\" width=\"600\" height=\"339\" srcset=\"https:\/\/blog.mozilla.org\/labs\/files\/2011\/05\/flame_party_invitation_screenshot_2.jpg 600w, https:\/\/blog.mozilla.org\/labs\/files\/2011\/05\/flame_party_invitation_screenshot_2-300x169.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>&#8220;We tend to use our own technology [..] because the things we want to do haven\u2019t really been accomplished yet&#8221;<\/h3>\n<p><em><strong>tbx:<\/strong> What are the technologies\/frameworks you&#8217;ve used, and what is it that makes the Firefox audio API so interesting?<\/em><\/p>\n<p><strong>secretrobotron:<\/strong> We tend to use our own technology, like <a href=\"http:\/\/www.cubicvr.org\/\">CubicVR.js<\/a> and <a href=\"https:\/\/github.com\/corbanbrook\/dsp.js\/\">dsp.js<\/a>, only because the things we want to do haven&#8217;t really been accomplished yet, as far as we can tell. There is the odd exception though: for our most recent demo, we used <a href=\"http:\/\/popcornjs.org\/\">Popcorn.js<\/a> and <a href=\"http:\/\/matt.west.co.tt\/music\/jsmodplayer\/\">jsmodplayer<\/a> because they&#8217;re the useful result of two interesting JavaScript communities.<br \/>\nI was introduced to the <a href=\"https:\/\/wiki.mozilla.org\/Audio_Data_API\">Firefox Audio API<\/a> by the folks that put together the W3C Audio Incubator Group. #audio had already gone through a lot of the work to push the standard and implementation forward by the time I joined. It was easy to get involved since these guys were so passionate about it already. From an external perspective though, the Firefox Audio API is interesting because it&#8217;s simple, yet powerful.<\/p>\n<h3>&#8220;It&#8217;s our job to continue to push the envelope and give browser engineers stuff to do&#8221;<\/h3>\n<p><em><strong>tbx:<\/strong> So are we going to see a second second life now or what do you  think is going to happen in the next couple of years? What is  fundamentally changing? Is the browser finally becoming a full operating  system?<\/em><\/p>\n<p><strong>secretrobotron:<\/strong> I really do hope to see more action in making browsers the focus for ingenuity and innovation. WebGL is already expanding with Nokia&#8217;s contributions to WebCL, and I&#8217;m very excited to get our hands dirty with that. I would imagine that WebGL is only one of the first steps in the realization that browsers enable not only connectivity, but a supplementarily media-rich experience, using serious technology. It&#8217;s our job to continue to push the envelope and give browser engineers stuff to do.<\/p>\n<p><em><strong>tbx:<\/strong> Thank you so much guys for putting this demo together, we&#8217;re super  excited about your involvement in the DemoParty project. Let&#8217;s definitely  put together a web DemoParty in Toronto [ where severall members of the #audio crew are based ] !!<\/em><\/p>\n<p><strong>secretrobotron:<\/strong> Can&#8217;t wait to see what the rest of the world has to offer to this community. See you all soon.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the last couple of nights members of the Mozilla Audio API crew (@secretrobotron and @ccliffe ) have enthusiastically put together our official Flame Party Helsinki invitation Demo. ENJOY, get yourself a ticket and scroll down to read our making-of &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2011\/05\/invitation-demo-flame-party-helsinki\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1438,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22891],"tags":[221,19461,19490,19109,19515,19532,19543,19650,6946],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/6572"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/users\/1438"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/comments?post=6572"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/6572\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=6572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=6572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=6572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}