<?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>le accidental occurrence &#187; drawing</title>
	<atom:link href="http://blog.42at.com/tag/drawing/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.42at.com</link>
	<description>42at</description>
	<lastBuildDate>Thu, 09 Jun 2011 07:00:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Harmony webapp&#8217;d</title>
		<link>http://blog.42at.com/harmony-webappd</link>
		<comments>http://blog.42at.com/harmony-webappd#comments</comments>
		<pubDate>Wed, 10 Mar 2010 14:21:05 +0000</pubDate>
		<dc:creator>Moos</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[harmony]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[webapps]]></category>

		<guid isPermaLink="false">http://blog.42at.com/?p=163</guid>
		<description><![CDATA[Saw this nice little sketching app called Harmony, a procedural drawing tool, by Ricardo Cabello  (via Daring Fireball) that uses HTML5 canvas.   Works nicely on the iPhone too, so I thought it would be a great to have it as a webapp. The webapp version adds: offline mode via HTML5 cache full-screen mode two-finger pan/zoom [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://42at.com/lab/harmony" target="_blank"><img class="alignright size-full wp-image-164" title="Harmony webapp" src="http://blog.42at.com/wp-content/uploads/2010/03/startup.png" alt="Harmony webapp" width="192" height="276" /></a>Saw this nice little sketching app called <a href="http://mrdoob.com/blog/post/689">Harmony</a>, a procedural drawing tool, by  Ricardo Cabello  (via <a href="http://daringfireball.net/linked/2010/03/09/harmony">Daring Fireball</a>) that uses HTML5 canvas.   Works nicely on the iPhone too, so I thought it would be a great to have it as a webapp.</p>
<p>The webapp version adds:</p>
<ul>
<li>offline mode via HTML5 cache</li>
<li>full-screen mode</li>
<li>two-finger pan/zoom (upto 4x)</li>
</ul>
<p>To use the full-screen &amp; offline mode on your iPhone/iPod  Touch(/iPad?), bookmark the page and select &#8220;Add to Home Screen&#8221;.</p>
<h3>Desktop browser enhancements</h3>
<p>Other added features for desktop browsers include:</p>
<ul>
<li>autosave feature</li>
<li>session save</li>
<li>undo (de facto!)</li>
</ul>
<p>Alas, the autosave feature doesn&#8217;t work on the iPhone OS 3.1.3 due to the <a href="https://bugs.webkit.org/show_bug.cgi?id=33029">canvas origin-flag bug</a> (hopefully this&#8217;ll be fixed on OS 3.2!).  It works nicely on FF 3.6, Chrome 4.x, and Safari 4.x.  After a brief delay after the last user stroke (<em>about 5 secs</em>), the state of the canvas and the last brush is saved to sessionStorage (or localStorage in the case of Chrome as it doesn&#8217;t fully support sessionStorage yet).</p>
<p>This provides a convenient <strong>undo </strong>feature as well.  Don&#8217;t like your last few stroke, F5 (refresh) and zap! (You&#8217;ve got 5 seconds to decide!)</p>
<p>If localStorage is available (as in the three browsers mentioned) and &#8216;<strong>save</strong>&#8216; button is clicked, the canvas is also saved to<em> local storage</em>.  So even if the browser is restarted, it&#8217;ll start at the last saved canvas.</p>
<p>Thanks to Ricardo Cabello for this great tool.</p>
<p><strong>Try it: </strong><a href="http://42at.com/lab/harmony" target="_blank">Harmony webapp</a>.</p>
<p>Note: As Ricardo mentions in the comments to his post, you can take a snapshot of the canvas on the iPhone/iPod touch by pressing the power button and home button at the same time.   This is probably the best way to save/share on the iPhone.</p>
<p><strong>Update 1</strong>: 11 March 2010 &#8212; fixed offline issue.  Please re-install on iPhone/iPod Touch.</p>
<p><strong>Update 2:</strong> Examples of the awesome sketches being created in Harmony:</p>
<p>- Polish artists: <a href="http://blip.pl/tags/harmony" target="_blank">http://blip.pl/tags/harmony</a><br />
- alternatyves: <a href="http://twitpic.com/187ih1" target="_blank">here</a>, <a href="http://twitpic.com/17rc0b" target="_blank">here</a>, and <a href="http://twitpic.com/17rbi5" target="_blank">here</a><br />
- <a href="http://www.flickr.com/photos/axeldiego/4423305948/" target="_blank">in color</a><br />
- <a href="http://www.flickr.com/photos/nathanbowers/sets/72157623471092593/" target="_blank">more</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.42at.com/harmony-webappd/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

