{"id":5948,"date":"2010-12-17T17:07:53","date_gmt":"2010-12-17T17:07:53","guid":{"rendered":"http:\/\/16.352"},"modified":"2012-04-02T23:21:30","modified_gmt":"2012-04-02T23:21:30","slug":"game-on-2010-a-preview-of-my-html-5-web-app-pencilbox","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2010\/12\/game-on-2010-a-preview-of-my-html-5-web-app-pencilbox\/","title":{"rendered":"Game On 2010 \u2013 a Preview of my HTML 5 Web App, Pencilbox"},"content":{"rendered":"<p><em>Guest post by Mozilla Labs usability researcher <a href=\"http:\/\/jonoscript.wordpress.com\/\">Jono Xia<\/a> who has built a cool HTML5 experimentation of his very own<\/em><\/p>\n<p>Hey, Game On 2010 contest participants \u2014 how are those HTML 5 games coming along? I can\u2019t wait for January 2010 when I can finally see what you\u2019ve made.<\/p>\n<p>I\u2019ve been doing some HTML 5 experimentation of my own. What I\u2019m working on is not a game, but it is a graphical HTML 5 web app that uses several tricks that may be of interest to game developers. It\u2019s easier to show it in action than to tell you about it, so watch this video for a preview of Pencilbox and an explanation of how it works.<\/p>\n<p><object width=\"400\" height=\"300\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"movie\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=17456088&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=&amp;fullscreen=1&amp;autoplay=0&amp;loop=0\" \/><embed src=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=17456088&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=&amp;fullscreen=1&amp;autoplay=0&amp;loop=0\" type=\"application\/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"always\" width=\"400\" height=\"300\"><\/embed><\/object><\/p>\n<p>Note: this is not a Mozilla project \u2014 this is a personal project I\u2019ve been hacking on in my free time.<\/p>\n<p>I\u2019m not yet ready to put the app itself on a public webserver where you can play with it, nor have I set up a public code repository yet. (Like I said, it\u2019s a side project, so I haven\u2019t had time to work on the infrastructure stuff.) When I do have it set up properly, I\u2019ll let you know. In the meantime, <a href=\"http:\/\/people.mozilla.com\/~jdicarlo\/pencilbox.tar.gz\">here\u2019s a tarball of the source code<\/a>, which is under a <a href=\"http:\/\/www.mozilla.org\/MPL\/\">Mozilla tri-license<\/a>. It may be of some interest if you wish to achieve a similar effect in your <a href=\"https:\/\/gaming.mozillalabs.com\">Game On 2010<\/a> submission and you want to see how I did it.<\/p>\n<p>Happy hacking!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Guest post by Mozilla Labs usability researcher Jono Xia who has built a cool HTML5 experimentation of his very own Hey, Game On 2010 contest participants \u2014 how are those HTML 5 games coming along? I can\u2019t wait for January &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2010\/12\/game-on-2010-a-preview-of-my-html-5-web-app-pencilbox\/\">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":[20250,254],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/5948"}],"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=5948"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/5948\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=5948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=5948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=5948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}