<?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>Monovektor &#187; HTML5 Canvas</title>
	<atom:link href="http://monovektor.com/tag/html5-canvas/feed/" rel="self" type="application/rss+xml" />
	<link>http://monovektor.com</link>
	<description>Graphic Design Blog</description>
	<lastBuildDate>Thu, 10 Jan 2013 13:46:29 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.7.41</generator>
	<item>
		<title>PARTICLE, SCHMARTICLE</title>
		<link>http://monovektor.com/2011/11/particle-schmarticle/</link>
		<comments>http://monovektor.com/2011/11/particle-schmarticle/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 21:00:46 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[HTML5 Canvas]]></category>
		<category><![CDATA[Particle System]]></category>
		<category><![CDATA[Physics]]></category>
		<category><![CDATA[Procedural Generation]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[Simulation]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=1692</guid>
		<description><![CDATA[I&#8217;ve been looking for some time at the stuff that Daniel Shiffman, author of the upcoming book The Nature of Code, have written about Processing. One of the things being his particle system (Wikipedia article here) and I&#8217;ve figured that, with Scriptographer&#8217;s support of animation within Adobe Illustrator, it could be possible to achieve something <a href="http://monovektor.com/2011/11/particle-schmarticle/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/11/particle-schmarticle/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/11/particle-schmarticle/&t=PARTICLE, SCHMARTICLE">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=PARTICLE%2C+SCHMARTICLE:%20http://monovektor.com/2011/11/particle-schmarticle/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/11/particle-schmarticle/&title=PARTICLE%2C+SCHMARTICLE">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/11/particle-schmarticle/&title=PARTICLE%2C+SCHMARTICLE">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve been looking for some time at the stuff that <a title="Daniel Shiffman" href="http://www.shiffman.net/bio/" target="_blank">Daniel Shiffman</a>, author of the upcoming book <a title="The Nature of Code" href="http://www.shiffman.net/teaching/nature/" target="_blank">The Nature of Code</a>, have written about <a title="Processing" href="http://processing.org/" target="_blank">Processing</a>. One of the things being his <a title="Particle System" href="http://www.shiffman.net/teaching/nature/particles/" target="_blank">particle system</a> (Wikipedia article <a title="Particle systems" href="http://en.m.wikipedia.org/wiki/Particle_system" target="_blank">here</a>) and I&#8217;ve figured that, with Scriptographer&#8217;s support of animation within Adobe Illustrator, it could be possible to achieve something similar.<br />
After a quick internet browsing I found a <a title="Particle system" href="http://jarrodoverson.com/static/demos/particleSystem/" target="_blank">javascript particle system class</a> using HTML5&#8242;s canvas (try it out, very fun indeed) by <a title="Jarrod Overson" href="http://jarrodoverson.com/" target="_blank">Jarrod Overson</a> which should, after a quick peek at the sourcecode, come very much in handy.</p>
<p>This will, no doubt, be the biggest undertaking &#8211; with regards to the complexity of the code required &#8211; I&#8217;ve done to date so there will probably be a lot more posts around this topic in the future as this was more of a mission statement than anything else.<img class="aligncenter size-large wp-image-1721" title="Schmarticles?" src="http://monovektor.com/wp-content/uploads/2011/11/particle_tracks_800x600-590x442.jpg" alt="" width="590" height="442" /></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A NEW TOY, CAN I PLAY?</title>
		<link>http://monovektor.com/2011/07/a-new-toy-can-i-play/</link>
		<comments>http://monovektor.com/2011/07/a-new-toy-can-i-play/#comments</comments>
		<pubDate>Mon, 25 Jul 2011 10:37:03 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[HTML5 Canvas]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=958</guid>
		<description><![CDATA[Jürg Lehni, the creator of Scriptographer, have together with Jonathan Puckey developed Paper.js. What it is? Well, I would say it&#8217;s a mix between Adobe Illustrator and Scriptographer on HTML5 Canvas. Simply put, it allows you to do pretty much everything you can do with AI + Scriptographer in terms of scripting vector graphics, only <a href="http://monovektor.com/2011/07/a-new-toy-can-i-play/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/07/a-new-toy-can-i-play/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/07/a-new-toy-can-i-play/&t=A NEW TOY, CAN I PLAY?">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=A+NEW+TOY%2C+CAN+I+PLAY%3F:%20http://monovektor.com/2011/07/a-new-toy-can-i-play/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/07/a-new-toy-can-i-play/&title=A+NEW+TOY%2C+CAN+I+PLAY%3F">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/07/a-new-toy-can-i-play/&title=A+NEW+TOY%2C+CAN+I+PLAY%3F">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p><a href="http://lehni.org/">Jürg Lehni</a>, the creator of <a href="http://scriptographer.org/">Scriptographer</a>, have together with <a href="http://jonathanpuckey.com/">Jonathan Puckey</a> developed <a href="http://paperjs.org/">Paper.js</a>.<br />
What it is? Well, I would say it&#8217;s a mix between Adobe Illustrator and Scriptographer on HTML5 Canvas.</p>
<p>Simply put, it allows you to do pretty much everything you can do with AI + Scriptographer in terms of scripting vector graphics, only this time through your web browser.<br />
The best part is that it is highly compatible (save for a few revised and added features) with your old scripts as it is largely based on Scriptographer.</p>
<p>It even seems to be working on my iPhone 4.<br />
It is very slow, though.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
