<?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>Adam DiCarlo&#039;s Blog &#187; JavaScript</title>
	<atom:link href="http://adamdicarlo.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://adamdicarlo.com</link>
	<description>Programming, Linux, music, woodworking....</description>
	<lastBuildDate>Thu, 12 Nov 2009 21:26:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Canvas/JavaScript scrolling tile-map demo</title>
		<link>http://adamdicarlo.com/2009/11/12/canvas-javascript-scrolling-tile-map-demo/</link>
		<comments>http://adamdicarlo.com/2009/11/12/canvas-javascript-scrolling-tile-map-demo/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 21:18:27 +0000</pubDate>
		<dc:creator>adam</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[canvas tag]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[tilemap]]></category>
		<category><![CDATA[web game programming]]></category>

		<guid isPermaLink="false">http://adamdicarlo.com/?p=195</guid>
		<description><![CDATA[
$(document).ready(function () { init(); })


      canvas { border: 2px solid black; }

Here&#8217;s something I did for fun in May as a proof of concept. It uses JavaScript and the canvas tag to render a Super Mario Brothers style tile-map with background. Try it in Firefox 3.5+, Safari 4+, or Chrome/Chromium.
Do [...]]]></description>
			<content:encoded><![CDATA[<p><script type="text/javascript" src="http://bikko.org/practice/canvas/d/canvas.text.js"></script><script type="text/javascript" src="http://bikko.org/practice/canvas/d/game.js"></script><script type="text/javascript" src="http://adamdicarlo.com/js/jquery-1.3.2.js"></script><script type="text/javascript">
$(document).ready(function () { init(); })
</script></p>
<style type="text/css">
      canvas { border: 2px solid black; }
</style>
<p>Here&#8217;s something I did for fun in May as a proof of concept. It uses JavaScript and the canvas tag to render a Super Mario Brothers style tile-map with background. Try it in Firefox 3.5+, Safari 4+, or Chrome/Chromium.<br />
<canvas id="my_canvas" width="0" height="0"></canvas><br /><button onclick="toggleScroll();">Do Some Scrolling!</button> or arrow keys to move view<br /><a href="javascript:viewSmall();">small</a> | <a href="javascript:viewMedium();">medium</a> | <a href="javascript:viewLarge();">large</a></p>
]]></content:encoded>
			<wfw:commentRss>http://adamdicarlo.com/2009/11/12/canvas-javascript-scrolling-tile-map-demo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Secret (Tiny) Message Encoder</title>
		<link>http://adamdicarlo.com/2009/05/22/secret-message-encoder/</link>
		<comments>http://adamdicarlo.com/2009/05/22/secret-message-encoder/#comments</comments>
		<pubDate>Fri, 22 May 2009 08:40:02 +0000</pubDate>
		<dc:creator>adam</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[canvas tag]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://adamdicarlo.com/?p=47</guid>
		<description><![CDATA[Having seen the smallest readable bitmap typeface (3&#215;3 pixels per character), I decided to hack up a small JavaScript/canvas web app for fun so people could try it without having to install a TTF file.

Source: Wikipedia, under the GNU Free Documentation license.
Then, the &#8220;secret message&#8221; idea struck, so I made the &#8220;secret&#8221; message encoder. (Warning: [...]]]></description>
			<content:encoded><![CDATA[<p>Having seen the smallest readable bitmap typeface (3&#215;3 pixels per character), I decided to hack up a <a href="http://bikko.org/practice/3x3/index.php">small JavaScript/canvas web app</a> for fun so people could try it without having to install a TTF file.</p>
<p><img src="http://bikko.org/practice/3x3/3x3.gif" alt="Smallest readable typeface (3x3 pixels per character)" /><br />
<span class="caption">Source: <a href="http://en.wikipedia.org/wiki/File:3x3.gif">Wikipedia</a>, under the GNU Free Documentation license.</span></p>
<p>Then, the &#8220;secret message&#8221; idea struck, so I made the <a href="http://bikko.org/practice/3x3/encode.php">&#8220;secret&#8221; message encoder</a>. (Warning: Only tested with Firefox 3. It also requires the canvas tag and doesn&#8217;t yet work in Safari.)</p>
<p>You type in a message and it will give you a link you can send to someone to view their <span class="tooltip" title="Not really.">super-encrypted</span> message.</p>
<p>Always great to find an excuse to play around with &lt;canvas&gt;!</p>
]]></content:encoded>
			<wfw:commentRss>http://adamdicarlo.com/2009/05/22/secret-message-encoder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
