<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:wfw="http://wellformedweb.org/CommentAPI/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    >

<channel>
    <title>Webmonkey &#187; Games</title>
    <atom:link href="http://www.webmonkey.com/tag/games/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Mon, 06 May 2013 17:29:19 +0000</lastBuildDate>
    <language>en-US</language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>
    <generator>http://wordpress.org/?v=3.4.2</generator>
    
    <item>
        <title>Emulator Brings the Bygone Era of Amiga to the Web</title>
        <link>http://www.webmonkey.com/2013/01/emulator-brings-the-bygone-era-of-amiga-to-the-web/</link>
        <comments>http://www.webmonkey.com/2013/01/emulator-brings-the-bygone-era-of-amiga-to-the-web/#comments</comments>
        <pubDate>Fri, 11 Jan 2013 21:04:23 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60543</guid>
        		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Games]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/01/pinballdreams-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/pinballdreams.jpg" alt="Emulator Brings the Bygone Era of Amiga to the Web" /></div>The Scripted Amiga Emulator puts a circa 1980 Commodore Amiga in your web browser using only HTML5 and JavaScript.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_60544" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2013/01/pinballdreams.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/pinballdreams.jpg" alt="" title="pinballdreams" width="580" height="399" class="size-full wp-image-60544" /></a><p class="wp-caption-text">Amiga pinball wizard.</p></div>Miss your <a href="https://en.wikipedia.org/wiki/Amigas">Amiga</a>? Now you can play <em>Prince of Persia</em>, <em>Pinball Dreams</em> and other Amiga hits right in your web browser thanks to the <a href="http://scriptedamigaemulator.net/">Scripted Amiga Emulator</a>, an Amiga emulator written entirely in JavaScript and HTML5.</p>
<p>To view the emulator, which was written by developer Rupert Hausberger, you&#8217;ll need a browser with support for WebGL and WebAudio, as well as a few other HTML5 APIs. I tested the emulator in the latest version of both Chrome and Firefox and it worked just fine.</p>
<p>If you&#8217;d like to see the code behind the Scripted Amiga Emulator, head on over to <a href="https://github.com/naTmeg/ScriptedAmigaEmulator">GitHub</a>.</p>
<p>Happy Friday afternoon time wasting.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/01/emulator-brings-the-bygone-era-of-amiga-to-the-web/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Multiplayer Asteroids, Sans Asteroids</title>
        <link>http://www.webmonkey.com/2012/04/multi-player-asteroids-sans-asteroids/</link>
        <comments>http://www.webmonkey.com/2012/04/multi-player-asteroids-sans-asteroids/#comments</comments>
        <pubDate>Tue, 10 Apr 2012 21:38:09 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=55534</guid>
        		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Asteroids]]></category>
		<category><![CDATA[Games]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/04/astroids-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/04/astroids.jpg" alt="Multiplayer Asteroids, Sans Asteroids" /></div>A massive, multiplayer online version of Asteroids turned out to be an April Fool's prank, but the idea was so compelling it just had to be made real.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_55535" class="wp-caption aligncenter" style="width: 590px"><img src="http://www.webmonkey.com/wp-content/uploads/2012/04/astroids.jpg" alt="" title="astroids" width="580" height="341" class="size-full wp-image-55535" /><p class="wp-caption-text">MMOAsteroids: every triangle for itself</p></div>Webmonkey, along with the rest of Wired, ignores April Fool&#8217;s Day pranks. Which is to say I don&#8217;t post about them, not even the good ones. But occasionally an April Fool&#8217;s prank is good enough that it makes the leap from joke to real thing &#8212; like <a href="http://www.mmoasteroids.com/">MMOAsteroids</a>.</p>
<p>It started with a post on Seb Lee-Delisle&#8217;s blog where he claimed to have built a <a href="http://seb.ly/2012/04/gotcha-fake-mmo-asteroids-april-fool/">Node.js-based real-time multiplayer version of the classic Asteroids videogame</a> (albeit without the asteroids). That turned out to be an April Fool&#8217;s prank, but the idea was compelling enough that now there really is <a href="http://www.mmoasteroids.com/">a real-time, multiplayer Asteroids game on the web</a>. It&#8217;s based on Doug McInnes&#8217; <a href="https://github.com/dmcinnes/HTML5-Asteroids">HTML5 Asteroids</a> and uses the as-yet-unreleased <a href="http://www.firebase.com/">Firebase API</a>.</p>
<p>I&#8217;m not sure about the &#8220;massive&#8221; part of MMOAsteroid (it appears, based on posts at <a href="http://news.ycombinator.com/item?id=3819638">Hacker News</a>, that the game randomly assigns players to different boards to avoid overwhelming the screen and making it unplayable), but otherwise it&#8217;s pretty awesome. And highly addictive.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/04/multi-player-asteroids-sans-asteroids/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Got a Profitable Flash-Based Videogame? Adobe Wants a Cut</title>
        <link>http://www.webmonkey.com/2012/03/got-a-profitable-flash-based-video-game-adobe-wants-a-cut/</link>
        <comments>http://www.webmonkey.com/2012/03/got-a-profitable-flash-based-video-game-adobe-wants-a-cut/#comments</comments>
        <pubDate>Wed, 28 Mar 2012 19:54:56 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=55295</guid>
        		<category><![CDATA[Programming]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Games]]></category>
        <description><![CDATA[If your Flash app isn't making much money then there's no need to panic, but if you earn more than $50,000 and are using Flash's new "premium" features, Adobe will soon be asking for 9 percent of your net revenue.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><img src="http://www.webmonkey.com/wp-content/uploads/2011/02/flashlogo.jpg" />Adobe has released Flash Player 11.2 and has decided it&#8217;s high time the once-ubiquitous browser plug-in started earning the company a bit of money.</p>
<p>Starting Aug. 1, 2012, Adobe will begin <a href="http://www.adobe.com/devnet/flashplayer/articles/premium-features.html">taking a 9 percent cut</a> of game developers&#8217; net revenue over $50,000. </p>
<p>For most Flash developers that means the new revenue sharing plan will not have any effect, but for the very successful companies building Flash-based games using the new <a href="http://www.adobe.com/devnet/flashplayer/articles/premium-features-licensing-faq.html#b">domain memory in combination with the Stage 3D hardware acceleration</a>, the change may affect the bottom line.</p>
<p>Users of Flash Player 11 don&#8217;t need to pay anything.</p>
<p>There are two exceptions to Adobe&#8217;s new revenue-sharing model. The first way to avoid it is to crank out your app now, before that Aug. 1 deadline arrives. The second option is to switch over the developing for AIR, in which case there is no revenue sharing. That means that the new rules don&#8217;t apply to any AIR apps compiled to standalone apps for iOS or Android.</p>
<p>So what are you getting for your 9 percent fee? Access to what Adobe is calling Flash&#8217;s &#8220;premium&#8221; features category. The premium features all revolve around the <a href="http://www.webmonkey.com/2011/09/adobe-hoping-impressive-3d-graphics-will-save-flash-11/">hardware-accelerated Stage 3D graphics</a> in Flash Player 11. The Stage 3D rendering in Flash 11 consists of a low level API that offers hardware-accelerated 2-D and 3-D graphics. Adobe claims that Stage 3D can deliver &#8220;console-quality games&#8221; in the browser.</p>
<p>Adobe says the new premium-tier features and the accompanying fees are aimed at &#8220;game developers interested in creating the most advanced, graphically sophisticated, next-generation games for the web.&#8221;</p>
<p>Of course developers may also note that Adobe&#8217;s announcement comes on the heels of an impressive <a href="http://www.webmonkey.com/2012/03/browserquest-is-pure-html5-gaming-goodness/">HTML5 gaming demo from Mozilla</a>, which might offer some game developers another possible way to avoid Adobe&#8217;s revenue sharing plan.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/03/got-a-profitable-flash-based-video-game-adobe-wants-a-cut/feed/</wfw:commentRss>
        <slash:comments>6</slash:comments>

        
    </item>
    
    <item>
        <title>BrowserQuest Is Pure HTML5 Gaming Goodness</title>
        <link>http://www.webmonkey.com/2012/03/browserquest-is-pure-html5-gaming-goodness/</link>
        <comments>http://www.webmonkey.com/2012/03/browserquest-is-pure-html5-gaming-goodness/#comments</comments>
        <pubDate>Wed, 28 Mar 2012 16:05:48 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=55273</guid>
        		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Games]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/03/browserquest-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/03/browserquest.jpg" alt="BrowserQuest Is Pure HTML5 Gaming Goodness" /></div>BrowserQuest is an addictive real-time multiplayer adventure game written entirely in open web standards like HTML5, CSS and JavaScript. Welcome to the next big gaming platform -- the open web.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_55278" class="wp-caption alignnone" style="width: 670px"><img src="http://www.webmonkey.com/wp-content/uploads/2012/03/browserquest.jpg" alt="" title="browserquest" width="660"  class="size-full wp-image-55278" /><p class="wp-caption-text">NyanCat is one of several Easter eggs in BrowserQuest</p></div>Mozilla has partnered with developers at <a href="http://www.littleworkshop.fr/">Little Workshop</a> to <a href="http://hacks.mozilla.org/2012/03/browserquest/">launch BrowserQuest</a>, a <em>Zelda</em>-inspired multiplayer roleplaying game built entirely on the open web stack &#8212; HTML5, JavaScript and CSS. </p>
<p>While BrowserQuest is a fun game to play, it was written as much to prove a point as to be a game &#8212; namely, that web developers no longer need to rely on Flash to create sophisticated online games. Using today&#8217;s web standards, game developers can build impressively complex games that work across devices.</p>
<p>To give BrowserQuest a try, just <a href="http://browserquest.mozilla.org/">head on over to the site</a> and pick a username. BrowserQuest will work in most modern web browsers including Firefox, Chrome, Safari, Opera (provided you enable WebSockets), Mobile Safari and Firefox for Android.</p>
<p>In an effort to help game developers looking to build more serious HTML5-based games, the code behind BrowserQuest has been <a href="https://github.com/mozilla/BrowserQuest">released on GitHub</a>. </p>
<p>BrowserQuest&#8217;s backend, which handles the real-time multiplayer aspect of the game, is written in JavaScript and runs on Node.js. As you would expect BrowserQuest uses the HTML5 Canvas element to actually render its 16-bit-style world and hooks into the HTML5 audio APIs for sound effects.</p>
<p>BrowserQuest is responsive as well, using @media queries to adapt to the size of your screen.</p>
<p>WebSockets &#8212; which are back, after being rewritten to <a href="http://www.webmonkey.com/2010/12/security-flaws-force-firefox-opera-to-turn-off-websockets/">fix some early flaws</a> &#8212; handle the chat feature, which allows players to communicate within BrowserQuest. The final element in BrowserQuest&#8217;s HTML5 puzzle is localStorage, which saves your progress as you move through the game.</p>
<p>Although designed as much to showcase the power of WebSockets as to be an actual videogame, BrowserQuest is addictive and can easily suck you into its world for an entire morning if you&#8217;re not careful. (Not that we&#8217;d know.) There are also quite a few Easter eggs hidden away in its depths.</p>
<p>For more info on BrowserQuest either <a href="http://browserquest.mozilla.org/">dive into the game</a>, <a href="https://github.com/mozilla/BrowserQuest">dig through the code</a> or <a href="http://www.universalsubtitles.org/en/videos/npHacmFprR3h/info/browserquest-massively-multiplayer-html5-game-demo/">watch the screencast</a> from developer Guillaume Lecollinet: </p>
<p><iframe width="580" height="325" src="http://www.youtube.com/embed/kYcNJQ3Y6Sg" frameborder="0" allowfullscreen></iframe></p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/03/browserquest-is-pure-html5-gaming-goodness/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Building a GameBoy Emulator in HTML5 and JavaScript</title>
        <link>http://www.webmonkey.com/2010/11/building-a-gameboy-emulator-in-html5-and-javascript/</link>
        <comments>http://www.webmonkey.com/2010/11/building-a-gameboy-emulator-in-html5-and-javascript/#comments</comments>
        <pubDate>Mon, 29 Nov 2010 18:29:28 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=49215</guid>
        		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[GameBoy]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[mozilla]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/11/gameboytetris.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/11/gameboytetris.jpg" alt="Building a GameBoy Emulator in HTML5 and JavaScript" /></div>Like Flash before it, HTML5 is where programmers are turning to experiment, and nothing seems to make developers experiment quite like the desire to recreate the classic video games. We&#8217;ve already seen Pac-Man, Astroids and Conway&#8217;s Game of Life come to the browser in standards-friendly forms, and now Nintendo&#8217;s classic GameBoy platform is getting similar [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><a href="http://www.webmonkey.com/wp-content/uploads/2010/11/gameboytetris.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/11/gameboytetris.jpg" alt="" title="gameboytetris" width="194" height="225" class="alignleft size-full wp-image-49214" /></a>Like Flash before it, HTML5 is where programmers are turning to experiment, and nothing seems to make developers experiment quite like the desire to recreate the classic video games.</p>
<p>We&#8217;ve already seen <a href="http://www.webmonkey.com/2010/07/play-pac-man-in-html5/">Pac-Man</a>, <a href="http://www.webmonkey.com/2010/09/play-asteroids-in-html5/">Astroids</a> and <a href="http://www.webmonkey.com/2010/03/conways-game-of-life-in-javascript/">Conway&#8217;s Game of Life</a> come to the browser in standards-friendly forms, and now Nintendo&#8217;s classic GameBoy platform <a href="http://imrannazar.com/GameBoy-Emulation-in-JavaScript:-Interrupts">is getting similar treatment</a>.</p>
<p>The Mozilla Labs gaming blog has a guest post by developer and gamer Imran Nazar, who is hard at work <a href="http://mozillalabs.com/gaming/2010/11/24/a-lower-level-making-jsgb/">building a GameBoy emulator using JavaScript</a>. As Nazar points out, &#8220;HTML5 now offers the Canvas element for easily controlling a two-dimensional graphical display.&#8221; Couple that with the improved JavaScript speeds in modern browsers and you have the perfect platform for an emulator.</p>
<p>Nintendo&#8217;s GameBoy was the first portable gaming system most of us ever encountered, so the nostalgia factor is high. But the real point of this experiment is to help your understand the processes behind the scenes &#8212; how emulators work and how JavaScript can be used to build them.</p>
<p>The emulator isn&#8217;t quite finished yet, but Nazar has a <a href="http://imrannazar.com/GameBoy-Emulation-in-JavaScript">great series of posts on his blog</a> covering the various aspects of what he&#8217;s done. Not only is it a fascinating look at how emulators work, it also gives some great insight into what JavaScript is capable of doing. You can see the latest version of the emulator on <a href="http://imrannazar.com/GameBoy-Emulation-in-JavaScript:-Interrupts">Nazar&#8217;s latest post</a>.</p>
<p>If you&#8217;re not interested in how it works and just want to get your nostalgia fix by playing some GameBoy games, check out <a href="http://www.codebase.es/jsgb/">this earlier emulator</a> from programmer Pedro Ladaria.</p>
<p><strong>See Also:</strong><br/></p>
<ul>
<li><a href="http://www.webmonkey.com/2010/09/kick-ass-bookmarklet-turns-the-web-into-asteroids/">&#8216;Kick Ass&#8217; Bookmarklet Turns the Web Into Asteroids</a></li>
<li><a href="http://www.webmonkey.com/2010/09/html5-telnet-emulator-conjures-the-pre-web-past/">HTML5 Telnet Emulator Conjures the Pre-Web Past</a></li>
<li><a href="http://www.webmonkey.com/2010/03/conways-game-of-life-in-javascript/">Conway&#8217;s Game of Life in JavaScript</a></li>
<li><a href="http://www.webmonkey.com/2010/09/play-asteroids-in-html5/">Play Asteroids in HTML5</a></li>
<li><a href="http://www.webmonkey.com/2010/07/play-pac-man-in-html5/">Play Pac-Man in HTML5</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/11/building-a-gameboy-emulator-in-html5-and-javascript/feed/</wfw:commentRss>
        <slash:comments>7</slash:comments>

        
    </item>
    
    <item>
        <title>&#8216;Kick Ass&#8217; Bookmarklet Turns the Web Into Asteroids</title>
        <link>http://www.webmonkey.com/2010/09/kick-ass-bookmarklet-turns-the-web-into-asteroids/</link>
        <comments>http://www.webmonkey.com/2010/09/kick-ass-bookmarklet-turns-the-web-into-asteroids/#comments</comments>
        <pubDate>Wed, 29 Sep 2010 16:09:24 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=48827</guid>
        		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[Games]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/09/kickass2.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/09/kickass2.jpg" alt="&#8216;Kick Ass&#8217; Bookmarklet Turns the Web Into Asteroids" /></div>Sometimes you just want to kick the web&#8217;s ass. Destroy it with tiny dots blasted from your Asteroids-style space ship floating above all the paragraphs and images and semantically meaningless wrapper divs. Or maybe that&#8217;s just me. But if you find yourself feeling the same way, well, you too can kick the web&#8217;s ass. Kick [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_48828" class="wp-caption alignleft" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2010/09/kickass2.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/09/kickass2.jpg" alt="" title="kickass2" width="580" height="312" class="size-full wp-image-48828" /></a><p class="wp-caption-text">Thanks to his presence as a background image, W.T. Monkey is immune to ass kicking.</p></div></p>
<p>Sometimes you just want to kick the web&#8217;s ass. Destroy it with tiny dots blasted from your Asteroids-style space ship floating above all the paragraphs and images and semantically meaningless wrapper divs.</p>
<p>Or maybe that&#8217;s just me. But if you find yourself feeling the same way, well, you too can kick the web&#8217;s ass.</p>
<p><a href="http://erkie.github.com/">Kick Ass</a> is a JavaScript bookmarklet created by Erik Andersson that turns the entire web into a game of Asteroids. Just head over to the site, drag the bookmarklet into your tool bar and start destroying stuff.</p>
<p>Kick Ass will add a triangular spaceship to any page. Use the arrow keys to steer and the space bar to shoot. And remember, like the site says, &#8220;it&#8217;s cooler if you make your own sound effects.&#8221;</p>
<p><b>See Also:</b></p>
<ul>
<li><a href="http://www.webmonkey.com/2010/09/play-asteroids-in-html5/">Play Asteroids in HTML5</a></li>
<li><a href="http://www.webmonkey.com/2010/07/play-pac-man-in-html5/">Play Pac-Man in HTML5</a></li>
<li><a href="http://www.webmonkey.com/2010/08/sampleplayer-makes-your-browser-sing-sans-flash/">SamplePlayer Makes Your Browser Sing, Sans Flash</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/09/kick-ass-bookmarklet-turns-the-web-into-asteroids/feed/</wfw:commentRss>
        <slash:comments>2</slash:comments>

        
    </item>
    
    <item>
        <title>Play Pac-Man in HTML5</title>
        <link>http://www.webmonkey.com/2010/07/play-pac-man-in-html5/</link>
        <comments>http://www.webmonkey.com/2010/07/play-pac-man-in-html5/#comments</comments>
        <pubDate>Mon, 26 Jul 2010 22:25:18 +0000</pubDate>

                <dc:creator>Michael Calore</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=48166</guid>
        		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Pac-Man]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/07/pacmanHTML5.png" type="image/png" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/07/pacmanHTML5.png" alt="Play Pac-Man in HTML5" /></div>Programmer Dale Harvey has created a playable version of Pac-Man using only web standards. To rebuild the same gameplay found in the arcade classic using browser-native code, he&#8217;s relying on local storage, HTML5 audio, Canvas and @font-face. Harvey is sharing all the code on Github as well, so you can run it locally. Reminiscent of [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><a href="http://arandomurl.com/2010/07/25/html5-pacman.html"><img src="http://www.webmonkey.com/wp-content/uploads/2010/07/pacmanHTML5.png" alt="" title="pacmanHTML5" width="580" height="467" class="aligncenter size-full wp-image-48167" /></a></p>
<p>Programmer Dale Harvey has created <a href="http://arandomurl.com/2010/07/25/html5-pacman.html">a playable version of <em>Pac-Man</em></a> using only web standards.</p>
<p>To rebuild the same gameplay found in the arcade classic using browser-native code, he&#8217;s relying on local storage, HTML5 audio, Canvas and @font-face. Harvey is sharing all the code on <a href="http://github.com/daleharvey/pacman">Github</a> as well, so you can run it locally.</p>
<p>Reminiscent of <a href="http://www.google.com/pacman/">Google&#8217;s recent <em>Pac-Man</em> port</a>, Harvey&#8217;s attempt is yet another example of web standards being used instead of Flash to create animated, interactive experiences in the browser.</p>
<p>The Flash plug-in is still the most popular platform choice for browser-based games, and it has some advantages over HTML5. Most notably, a Flash game would work in any browser that allows the plug-in, but to play Harvey&#8217;s game, you&#8217;ll need to use a browser that supports the elements he&#8217;s using &#8212; Firefox, Opera and Chrome work just fine, but IE8 is a no-go.</p>
<p>On his <a href="http://arandomurl.com/2010/07/25/html5-pacman.html">blog post about the project</a>, he notes some of the other stumbling blocks he encountered when porting the game. For instance, there&#8217;s no easy way to loop HTML5 audio, there isn&#8217;t a convenient tool for drawing Canvas shapes, and using Canvas/HTML5 for a game even this simple still puts more strain on your CPU than using Flash.</p>
<p>[via <a href="http://news.ycombinator.com/item?id=1549056">Hacker News</a>]</p>
<p><b>See Also:</b></p>
<ul>
<li><a href="http://www.webmonkey.com/2010/07/css3-pie-lets-you-have-your-css-and-ie-it-too/">CSS3 Pie Lets You Have Your CSS and IE It, Too</a></li>
<li><a href="http://www.webmonkey.com/2010/07/chrome-shows-off-some-fancy-html5-tricks/">Chrome Shows Off Some Fancy HTML5 Tricks</a></li>
<li><a href="http://www.webmonkey.com/2010/07/the-solar-system-rendered-in-css-and-html/">The Solar System, Rendered in CSS and HTML</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/07/play-pac-man-in-html5/feed/</wfw:commentRss>
        <slash:comments>26</slash:comments>

        
    </item>
    
    <item>
        <title>Meet the Winners of Webmonkey&#8217;s Google I/O Giveaway</title>
        <link>http://www.webmonkey.com/2010/03/meet-the-winners-of-webmonkeys-google-io-giveaway/</link>
        <comments>http://www.webmonkey.com/2010/03/meet-the-winners-of-webmonkeys-google-io-giveaway/#comments</comments>
        <pubDate>Mon, 08 Mar 2010 22:59:20 +0000</pubDate>

                <dc:creator>Michael Calore</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=46889</guid>
        		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[googleIO]]></category>
		<category><![CDATA[JavaScript]]></category>
        <description><![CDATA[We&#8217;re giving away a pair of passes to Google I/O today. A little over a week ago, we kicked off our contest, encouraging you to send us any HTML5 web apps or Google Chrome browser extensions you&#8217;ve built. Alternatively, we asked you to tell us how you&#8217;d describe a web app to your grandmother. We [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><img alt="" src="http://www.wired.com/images_blogs/epicenter/2009/05/googleio.gif" class="alignleft" width="172" height="90" />
<p>We&#8217;re giving away a pair of passes to <a href="http://code.google.com/events/io/2010/">Google I/O</a> today.</p>
<p>A little over a week ago, we <a href="http://www.webmonkey.com/2010/02/win-a-free-ticket-to-google-io-2010/">kicked off our contest</a>, encouraging you to send us any HTML5 web apps or Google Chrome browser extensions you&#8217;ve built. Alternatively, we asked you to tell us how you&#8217;d describe a web app to your grandmother. We got a heap of submissions, but we worked our way through the field and picked two winners.</p>
<p><a href="http://abrah.am/">Abraham Williams</a> and <a href="http://mikecantelon.com/">Mike Cantelon</a> will be heading to Google&#8217;s premiere developer event, which takes place May 19 and 20 at Moscone Center in San Francisco, free of charge.</p>
<p>Here are the winning apps, chosen by the Webmonkey staff, along with a couple of honorable mentions:</p>
<p>
<h3>Winner: <a href="http://intersect.labs.poseurtech.com/">Intersect</a> by Abraham Williams</h3>
<p>
Williams came up with <a href="http://intersect.labs.poseurtech.com/">this cool extension</a> for Chrome that shows additional information about a user&#8217;s followers on Twitter &#8212; in particular, it shows where you and another user&#8217;s social graphs overlap. Install the extension and visit somebody&#8217;s Twitter profile page. You&#8217;ll see additional grids loading below their stack of followers. You see which of your friends are also following that user, which friends you have in common and which followers you have in common. It&#8217;s an excellent social discovery tool for Twitter power users, and the best extension for Twitter&#8217;s stock web interface we&#8217;ve seen yet. Congrats, Abraham!</p>
<p>
<h3>Winner: <a href="http://mikecantelon.com/demo/demo_blood_funnel.html"><cite>Blood Funnel<cite></a> by Mike Cantelon</h3>
<p>
Cantelon created this funky little game called <a href="http://mikecantelon.com/demo/demo_blood_funnel.html"><cite>Blood Funnel</cite></a> using JavaScript and HTML. It&#8217;s basically <cite>Space Invaders</cite>, except with flying, demonic Goldman Sachs bankers standing in for the buglike aliens. The paranoia is amped up by an awesome, thumping techno soundtrack &#8212; served up as an ogg file, of course. Check out Cantelon&#8217;s JavaScript source, it&#8217;s elegant. Caveat: <cite>Blood Funnel</cite> is nimble in Chrome, but it&#8217;s slower in Firefox. Congrats, Mike!</p>
<p><span id="more-46889"></span></p>
<p>
<h3>Runner Up: <a href="https://chrome.google.com/extensions/detail/bfjiajakknijcdpgifedaheifnpbgokn">TabTweet</a> by Nathanial Smith</h3>
<p>
Smith developed <a href="https://chrome.google.com/extensions/detail/bfjiajakknijcdpgifedaheifnpbgokn">this Chrome extension</a> which adds auto-complete functionality when you&#8217;re addressing @replies through Twitter&#8217;s web interface. When you go to start a new reply, you type the @ symbol and the extension kicks in, offering a dropdown list of your friends. It will continue to auto-complete the addresses as you type.</p>
<p>
<h3>Runner Up: <a href="http://mg8.org/processing/bt.html">BitTorrent demo</a> by Chris Lee</h3>
<p>
Lee took the old Aphid animated demo of BitTorrent (which you may remember from when we wrote about it, though the original link has gone the way of the ghost) and <a href="http://mg8.org/processing/bt.html">updated it</a> using <a href="http://processingjs.org/">Processing.js</a>. It runs in any browser that supports the &lt;canvas> element, but, again, this one performs better in Chrome than in Firefox.</p>
<p>
<h3>Best &#8216;Grandma&#8217; Explainer by Curtis Tasker</h3>
<p>
&#8220;When you pull out your iPod and hit the Knit Buddy button to manage your needles and yarn, that&#8217;s what we call an &#8216;app.&#8217; Now, let&#8217;s say you&#8217;re at the yarn store and you need to access your yarn and needle inventory to figure out what you need to buy for your latest creation. You realize you forgot your iPod at home. There&#8217;s no easy way to get access to the information you stored there. You could drive home and get your iPod, but it&#8217;s a long way. You could call Grandpa and attempt to have him look up the information, but what if he&#8217;s napping, or has the TV turned up too loud again? What if you could access your knitting inventory from your iPod, or your friends phone, or by the store&#8217;s computer? That&#8217;s what we call a &#8220;web app.&#8221; Instead of being stuck running an &#8216;app&#8217; on a single device, and having your information locked to that device, you run a &#8216;web app&#8217; on any device attached to the web, and you can access your information anywhere.&#8221;</p>
<p>Congrats to the winners, and thanks to everyone who sent in a submission for the contest. We&#8217;ll see the two of you &#8212; along with many more of you out there &#8212; at Google I/O in May.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/03/meet-the-winners-of-webmonkeys-google-io-giveaway/feed/</wfw:commentRss>
        <slash:comments>2</slash:comments>

        
    </item>
    
    <item>
        <title>What Language Do You Game In?</title>
        <link>http://www.webmonkey.com/2008/11/what_language_do_you_game_in_/</link>
        <comments>http://www.webmonkey.com/2008/11/what_language_do_you_game_in_/#comments</comments>
        <pubDate>Thu, 06 Nov 2008 22:20:08 +0000</pubDate>

                <dc:creator>Adam Duvander</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/blog/whatlanguagedoyougamein</guid>
        		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Java]]></category>
        <description><![CDATA[The developer of an online game-building platform is switching from Java to Flash. The reason? Users don&#8217;t want Java. &#8220;Up front, I&#8217;ll say that the reason we are moving to Flash is because of Java&#8217;s adoption rates. It is not, in fact, because of the language itself but because of Java&#8217;s deployment model. We suspect [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->The developer of an online game-building platform is <a href="http://blog.sharendipity.com/were-moving-to-flash-heres-why">switching from Java to Flash</a>. The reason? Users don&#8217;t want Java.</p>
<blockquote><p>&#8220;Up front, I&#8217;ll say that the reason we are moving to Flash is because of Java&#8217;s adoption rates. It is not, in fact, because of the language itself but because of Java&#8217;s deployment model. We suspect that we lose somewhere between thirty and fifty percent of users due simply to the fact that we are in Java.&#8221;</p></blockquote>
<p><img class="blogimg" src="http://howto.wired.com/mediawiki/images/Java_denied.png" alt="Java -- DENIED" />It probably comes as no surprise to anyone who has ever tried to load applets on the web. They are slow and prone to crashing. To be fair, the same could be said of other technologies, including Flash. Java tends to get more than its equal share of criticism, for what I&#8217;d call legitimate reasons.</p>
<p>Still, Java has been embraced for most mobile game development, excluding the iPhone. Google&#8217;s Android open development platform uses Java. Sun estimates that its Micro Edition of Java is deployed on billions of devices.</p>
<p>So, is Flash the answer? Flash has been popular for creating web-based games. Adobe&#8217;s Flex framework has made programming Flash easier, giving developers a more standard environment than a timeline. But Dale Beerman, the developer making the leap to Flash, admits Java&#8217;s development environment is still &#8220;years ahead&#8221; of Flash.</p>
<p>Flash is also mostly unproven as a mobile language. Apple has not allowed it on the iPhone, apparently over worries of battery life. Adobe announced that it has an iPhone version ready to go, should Apple change its mind. So, Flash is getting some mobile love.</p>
<p>The iPhone, of course, has its own development framework, based on Objective C. There are major benefits to developing for a device as well-loved as the iPhone. Unlike Java and Flash, games written for the iPhone cannot be used elsewhere.</p>
<p>As we said recently, <a href="http://www.webmonkey.com/blog/Casual_Games_Trace_iPhone_Popularity">mobile casual games are going to be big</a>. There will always be multiple platforms, but the fight for number one is still in the early rounds. Do you think it&#8217;s fair to rag on Java? Is Flash a viable alternative? Or, will all the world eventually have an iPhone?</a></p>
<p><a href="http://www.webmonkey.com/blog/Casual_Games_Trace_iPhone_Popularity">[Graphic by Dale Beerman]</a></p>
<p><a href="http://www.webmonkey.com/blog/Casual_Games_Trace_iPhone_Popularity"><strong>See also:</strong></a></p>
<ul>
<li><a href="http://www.webmonkey.com/blog/Adobe_Confirms_Flash_on_the_iPhone__Apple_Permitting">Adobe Confirms Flash on the iPhone, Apple Permitting</a></li>
<li><a href="http://www.webmonkey.com/blog/Opera_Mini:_A_New_Browser_For_Mobile_Devices">Opera Mini: A New Browser For Mobile Devices</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2008/11/what_language_do_you_game_in_/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Casual Games Trace iPhone Popularity</title>
        <link>http://www.webmonkey.com/2008/11/casual_games_trace_iphone_popularity/</link>
        <comments>http://www.webmonkey.com/2008/11/casual_games_trace_iphone_popularity/#comments</comments>
        <pubDate>Tue, 04 Nov 2008 21:14:40 +0000</pubDate>

                <dc:creator>Adam Duvander</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/blog/casualgamestraceiphonepopularity</guid>
        		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[iPhone]]></category>
        <description><![CDATA[The more iPhones that are purchased (and there have been about 5 million 3G models sold), the fewer owners are early adopters. That means apps will become more mainstream. The trend in desktop gaming appears to be holding true for iPhone: casual games rule. Though action games, which take advantage of the iPhone accelerometer, are [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->The more iPhones that are purchased (and there have been about 5 million 3G models sold), the fewer owners are early adopters. That means apps will become more mainstream. The trend in desktop gaming appears to be holding true for iPhone: casual games rule.</p>
<p>Though action games, which take advantage of the iPhone accelerometer, are quite popular, so are simple, graphics-light games that can be played in short bursts, but are also incredibly addictive. <a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=284832142">Bejeweled</a> remains popular for paid apps, and four of the <a href="http://www.apple.com/iphone/appstore/#topfreeapplications">top free apps</a> are games, including my new favorite, <a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=289446636">Trace</a>.</p>
<p><img class="blogimg" src="http://howto.wired.com/mediawiki/images/Trace-game.jpg" alt="Trace game on iPhone" />The game at first appears a lot like <a href="http://www.webmonkey.com/blog/Can_t_Stop_Playing_Line_Rider">Line Rider</a>, a classic Flash game where you draw a course then watch your player move along it. Trace takes it a step further, as you avoid obstacles in order to finish each level.</p>
<p>The controls are way simple: you can move left and right, as well as jump. As for drawing your path, you can create or erase lines with the tip of a finger. With those few commands, much can be done. I&#8217;ve spent more time than I would like to admit playing Trace. And unfortunately for me, the app keeps track of the time.</p>
<p>I expect games like these to continue to grow in popularity on the iPhone, as the general public recognizes it&#8217;s a device worth the price. The iPhone is capable of graphics less childish than Trace&#8217;s crayon look, but mobile devices&#8211;and the ever popular casual games&#8211;don&#8217;t require a pretty face.</p>
<p><strong>See also:</strong></p>
<ul>
<li><a href="http://www.webmonkey.com/blog/Get_$10K_For_Your_iPhone_Game">Get $10K For Your iPhone Game</a></li>
<li><a href="http://www.webmonkey.com/blog/Can_t_Stop_Playing_Line_Rider">Can&#8217;t Stop Playing Line Rider</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2008/11/casual_games_trace_iphone_popularity/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    </channel>
</rss>
