<?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; Pac-Man</title>
    <atom:link href="http://www.webmonkey.com/tag/pac-man/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>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>
    </channel>
</rss>
