{"id":76,"date":"2008-06-30T23:02:35","date_gmt":"2008-07-01T07:02:35","guid":{"rendered":"http:\/\/mozillalabs.com\/?p=76"},"modified":"2012-03-30T22:16:07","modified_gmt":"2012-03-30T22:16:07","slug":"next-generation-javascripting","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2008\/06\/next-generation-javascripting\/","title":{"rendered":"Next Generation Javascripting"},"content":{"rendered":"<p>Computer programs lost something important when displaying a splash of color stopped being one line of code. To throw a phosphorescent splotch onto the display on the Apple II required simply &#8220;plot x,y&#8221;. That&#8217;s no longer true today. When the simplicity of the one-line plotter went away, so did the delight at being so effortlessly generative\u2014in a visual way\u2014on the computer. The Open web, as an authoring enabler, is a compelling move back towards that lost ease.<\/p>\n<p>But even as Javascript\u2014as well as the HTML elements it has access to\u2014 continues to mature, the general perception of what these technologies enable do not. It took the Web 2.0 revolution to dispel the view that Javascript and Dynamic HTML were mainly useful for form validation and making annoying websites. With <a href=\"http:\/\/hecker.org\/mozilla\/adobe-mozilla-and-tamarin\">Tamarin coming to Firefox<\/a> and <a href=\"http:\/\/webkit.org\/blog\/189\/announcing-squirrelfish\/\">SquirrelFish coming to WebKit<\/a>, we are ready to see the next wave of projects that again expand our understanding of what is possible on the Web.<\/p>\n<p>Recently, there have been three projects from Mozillians that hint at the new places the Web could go.<\/p>\n<p>First, there is Mozilla Evangelism&#8217;s John Resig with <a href=\"http:\/\/ejohn.org\/blog\/processingjs\/\">Processing.js<\/a>. It&#8217;s a port of Java-based <a href=\"http:\/\/processing.org\">Processing<\/a> which is &#8220;an open source programming language and environment for people who want to program images, animation, and interactions. It is used by students, artists, designers, researchers, and hobbyists for learning, prototyping, and production. It is created to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool.&#8221; Processing.js is an exemplar of project that expands people&#8217;s understanding of what Javascript is capable.<\/p>\n<p>Second, there is Mozilla Labs&#8217; <a href=\"http:\/\/www.toolness.com\/wp\/?p=49\">Atul Varma<\/a> with <a href=\"http:\/\/parchment.toolness.com\/\">Parchment<\/a>, which is Javascript based interpreter for the Z-Machine\u2014the platform of choice for creating interactive fiction. This enables any browser to play such timeless works as <a href=\"http:\/\/parchment.googlecode.com\/svn\/trunk\/parchment.html?story=http:\/\/labs.toolness.com\/parchment\/infocom\/hitchhik.z5\">The Hitchhikers Guide to the Galaxy<\/a>, by Douglas Adams and Steve Meretzky, and <a href=\"http:\/\/parchment.googlecode.com\/svn\/trunk\/parchment.html?story=http:\/\/parchment.toolness.com\/if-archive\/games\/zcode\/Galatea.zblorb.js\">Galatea<\/a>, written by Emily Short. Parchment is a great example of using open Web technologies to empower writers in new ways.<\/p>\n<p>Third, there is my own <a href=\"http:\/\/azarask.in\/projects\/algorithm-ink\">ContextFree.js<\/a>, which is about drawing striking images\u2014and making art\u2014with minimal amounts of code.<\/p>\n<p><object width=\"525\" height=\"396\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.vimeo.com\/moogaloop.swf?clip_id=1202830&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=cc6600&amp;fullscreen=1\" \/><embed type=\"application\/x-shockwave-flash\" width=\"525\" height=\"396\" src=\"http:\/\/www.vimeo.com\/moogaloop.swf?clip_id=1202830&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=cc6600&amp;fullscreen=1\"><\/embed><\/object><\/p>\n<p>Outside of Mozilla, there are such interesting projects as <a href=\"http:\/\/ajaxian.com\/archives\/an-interview-with-280-north-on-objective-j-and-cappuccino\">Objective-J<\/a> and <a href=\"http:\/\/www.sproutcore.com\/\">Sprout Core<\/a> that push the limits of what one can do with Javascript.<\/p>\n<p>It&#8217;s exciting to see the power of Open web technologies for making graphically-enabled, compelling interaction. It&#8217;s even more exciting to imagine what&#8217;s coming next.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Computer programs lost something important when displaying a splash of color stopped being one line of code. To throw a phosphorescent splotch onto the display on the Apple II required simply &#8220;plot x,y&#8221;. That&#8217;s no longer true today. When the &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2008\/06\/next-generation-javascripting\/\">Continue reading<\/a><\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[128],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/76"}],"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\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}