<?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>Glenn's Second Brain &#187; Michael Mahemoff</title>
	<atom:link href="http://www.glennmarcus.com/blog/author/michael-mahemoff/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.glennmarcus.com/blog</link>
	<description>For the spillover</description>
	<lastBuildDate>Thu, 15 Apr 2010 23:28:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Harmony: Canvas Drawing Tool</title>
		<link>http://www.glennmarcus.com/blog/2010/03/10/harmony-canvas-drawing-tool/</link>
		<comments>http://www.glennmarcus.com/blog/2010/03/10/harmony-canvas-drawing-tool/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 09:50:44 +0000</pubDate>
		<dc:creator>Michael Mahemoff</dc:creator>
				<category><![CDATA[fun]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Front Page]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">tag:google.com,2005:reader/item/533583b5ccd152ca</guid>
		<description><![CDATA[<p></p>
<p><a href="http://mrdoob.com/lab/javascript/harmony/">Harmony</a> is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to <a href="http://mrdoob.com/lab/javascript/harmony/">try it out</a> than explain it in words.</p>
<p>Creator Mr. Doob  (Richard Cabello) <a href="http://mrdoob.com/blog/post/689">explains</a> how he used Canvas to make it darker the more you draw over it:</p>
<blockquote><p>
The whole thing is quite modular so I can keep adding more brush styles whenever I get inspired. During the process I found out that, for some reason (apparently lack of hardware acceleration), Firefox and Opera do not support context.globalCompositeOperation = &#8216;darker&#8217;. This was on the HTML5 spec before but got removed. Just so you know what I&#8217;m talking about, this is like the &#8220;multiply&#8221; blending in Photoshop. Webkit does support it tho. I hope they put it back on the specs and all browsers support it.
</p>
</blockquote>
<p>You can also save images using data URI encoding.</p>
<p>As it works on webkit, he made sure it worked on the mobile Android and iPhone browsers. No multi-touch as yet, but the touch UI still makes a nice input mechanism.</p>
<p><a href="http://mrdoob.com/lab/javascript/harmony/"><img src="http://ajaxian.com/wp-content/images/harmony.jpg" alt="harmony" title="harmony" width="320" height="480"/></a></p>
<p>(Thanks <a href="http://twitter.com/FND">FND</a>)</p>
<div>
<a href="http://feeds.feedburner.com/~ff/ajaxian?a=9ASJDZ59k9Y:QoYCwb10r9k:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ajaxian?d=yIl2AUoC8zA" border="0"/></a> <a href="http://feeds.feedburner.com/~ff/ajaxian?a=9ASJDZ59k9Y:QoYCwb10r9k:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ajaxian?d=7Q72WNTAKBA" border="0"/></a> <a href="http://feeds.feedburner.com/~ff/ajaxian?a=9ASJDZ59k9Y:QoYCwb10r9k:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/ajaxian?i=9ASJDZ59k9Y:QoYCwb10r9k:D7DqB2pKExk" border="0"/></a>
</div>
]]></description>
			<content:encoded><![CDATA[<p><embed src="http://www.youtube.com/v/To1A-EPz79w&amp;hl=en_US&amp;fs=1&amp;" allowScriptAccess="never" allowFullScreen="true" width="640" height="385" wmode="transparent" type="application/x-shockwave-flash"></embed></p>
<p><a href="http://mrdoob.com/lab/javascript/harmony/">Harmony</a> is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to <a href="http://mrdoob.com/lab/javascript/harmony/">try it out</a> than explain it in words.</p>
<p>Creator Mr. Doob  (Richard Cabello) <a href="http://mrdoob.com/blog/post/689">explains</a> how he used Canvas to make it darker the more you draw over it:</p>
<blockquote><p>
The whole thing is quite modular so I can keep adding more brush styles whenever I get inspired. During the process I found out that, for some reason (apparently lack of hardware acceleration), Firefox and Opera do not support context.globalCompositeOperation = &#8216;darker&#8217;. This was on the HTML5 spec before but got removed. Just so you know what I&#8217;m talking about, this is like the &#8220;multiply&#8221; blending in Photoshop. Webkit does support it tho. I hope they put it back on the specs and all browsers support it.
</p>
</blockquote>
<p>You can also save images using data URI encoding.</p>
<p>As it works on webkit, he made sure it worked on the mobile Android and iPhone browsers. No multi-touch as yet, but the touch UI still makes a nice input mechanism.</p>
<p><a href="http://mrdoob.com/lab/javascript/harmony/"><img src="http://ajaxian.com/wp-content/images/harmony.jpg" alt="harmony" title="harmony" width="320" height="480"/></a></p>
<p>(Thanks <a href="http://twitter.com/FND">FND</a>)</p>
<div>
<a href="http://feeds.feedburner.com/~ff/ajaxian?a=9ASJDZ59k9Y:QoYCwb10r9k:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/ajaxian?d=yIl2AUoC8zA" border="0"/></a> <a href="http://feeds.feedburner.com/~ff/ajaxian?a=9ASJDZ59k9Y:QoYCwb10r9k:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ajaxian?d=7Q72WNTAKBA" border="0"/></a> <a href="http://feeds.feedburner.com/~ff/ajaxian?a=9ASJDZ59k9Y:QoYCwb10r9k:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/ajaxian?i=9ASJDZ59k9Y:QoYCwb10r9k:D7DqB2pKExk" border="0"/></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.glennmarcus.com/blog/2010/03/10/harmony-canvas-drawing-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

