<?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>CreativeApplications.Net &#187; WebApp</title>
	<atom:link href="http://www.creativeapplications.net/tag/webapp/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.creativeapplications.net</link>
	<description>Apps that Inspire..</description>
	<lastBuildDate>Thu, 09 Feb 2012 12:41:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Upverter [News]</title>
		<link>http://www.creativeapplications.net/news/upverter-news/</link>
		<comments>http://www.creativeapplications.net/news/upverter-news/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 22:33:20 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[WebApp]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[parts]]></category>
		<category><![CDATA[share]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=20374</guid>
		<description><![CDATA[Upverter is a web service, similar to GitHub that allows you to discover, share and work on hardware. Taking full advantage of HTML5, the included editor has all the basics you have come to expect such as undo, redo, rotating, versioning, and sharing designs. Create your schematics on an infinitely large canvas and organize your designs [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/11/upverter_visual.png"><img class="alignnone size-full wp-image-20380" title="upverter_visual" src="http://www.creativeapplications.net/wp-content/uploads/2011/11/upverter_visual.png" alt="" width="640" height="210" /></a></p>
<p>Upverter is a web service, similar to GitHub that allows you to discover, share and work on hardware.</p>
<p>Taking full advantage of HTML5, the included editor has all the basics you have come to expect such as undo, redo, rotating, versioning, and sharing designs. Create your schematics on an infinitely large canvas and organize your designs how you want to. Also included is their crowd-sourced part library to choose your parts, or add your own. Get insight into what parts are the most popular and cost efficient.</p>
<p>Here is an embeded drawing of Arduino-Uno:</p><p><a href="http://www.creativeapplications.net/news/upverter-news/?utm_source=feed&utm_campaign=rss-mo-more&utm_medium=rss">Continue reading.... Upverter [News]</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/news/upverter-news/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lines [WebApp]</title>
		<link>http://www.creativeapplications.net/webapp/lines-webapp/</link>
		<comments>http://www.creativeapplications.net/webapp/lines-webapp/#comments</comments>
		<pubDate>Thu, 27 Oct 2011 16:36:19 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[WebApp]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[reading]]></category>
		<category><![CDATA[sharing]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[The Cafe Society]]></category>
		<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=19880</guid>
		<description><![CDATA[Lines is based on a writing technique from medieval times developed by monks as a solution to expensive paper and tedious writing. The monks were writing in the centre of the page allowing enough space for others to annotate the pages on the sides, method allowing you to read the story through other people&#8217;s writing. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/10/Screen-Shot-2011-10-27-at-17.55.08.png"><img class="alignnone size-large wp-image-19893" title="Screen Shot 2011-10-27 at 17.55.08" src="http://www.creativeapplications.net/wp-content/uploads/2011/10/Screen-Shot-2011-10-27-at-17.55.08-640x357.png" alt="" width="640" height="357" /></a></p>
<p><em>Lines</em> is based on a writing technique from medieval times developed by monks as a solution to expensive paper and tedious writing. The monks were writing in the centre of the page allowing enough space for others to annotate the pages on the sides, method allowing you to read the story through other people&#8217;s writing. The problem arises when 5-6th person tried to comment there would be no paper space left over. As the time passed and writing material became cheaper this technique was abandoned and the techniques we used today were adopted. The team behind the project thought it would be interesting experiment to revisit the techniques using modern technologies, predominantly the &#8220;screen&#8221; as it has no borders and provides infinite space.</p>
<blockquote><p>Educated as artists and graphic designers, trained primarily in the logics of print and haptic output, we have grown a great interest in how a transition to screen publishing, and the formats of the new media, affect the way we write, read and communicate. What are the new contracts between author and reader? How are they shaped by old and new forms, and how do new habits in writing and reading affect the way we build and share knowledge?</p></blockquote>
<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/10/lines01.png"><img class="alignnone size-medium wp-image-19890" title="lines01" src="http://www.creativeapplications.net/wp-content/uploads/2011/10/lines01-320x168.png" alt="" width="320" height="168" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/10/lines02.png"><img class="alignnone size-medium wp-image-19889" title="lines02" src="http://www.creativeapplications.net/wp-content/uploads/2011/10/lines02-320x168.png" alt="" width="320" height="168" /></a></p><p><a href="http://www.creativeapplications.net/webapp/lines-webapp/?utm_source=feed&utm_campaign=rss-mo-more&utm_medium=rss">Continue reading.... Lines [WebApp]</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/webapp/lines-webapp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Super Recursion Toy [Javascript]</title>
		<link>http://www.creativeapplications.net/javascript-2/super-recursion-toy-javascript/</link>
		<comments>http://www.creativeapplications.net/javascript-2/super-recursion-toy-javascript/#comments</comments>
		<pubDate>Wed, 24 Aug 2011 18:54:04 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Justin Windle]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[recursion]]></category>
		<category><![CDATA[WebApp]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=18862</guid>
		<description><![CDATA[Latest by Justin Windle is this &#8216;Super Recursion Toy&#8217; created using Canvas. He writes: Revisiting one of my favorite topics &#8211; recursion. This canvas based tool allows you to explore branching algorithms &#38; rendering techniques, as well as save a snapshot of your creations. It&#8217;s also open source, which is always nice…Continue reading.... Super Recursion Toy [Javascript]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/08/recursiontoy01.png"><img class="alignnone size-large wp-image-18865" title="recursiontoy01" src="http://www.creativeapplications.net/wp-content/uploads/2011/08/recursiontoy01-640x297.png" alt="" width="640" height="297" /></a></p>
<p>Latest by Justin Windle is this &#8216;Super Recursion Toy&#8217; created using Canvas. He writes:</p>
<p><em>Revisiting one of my favorite topics &#8211; recursion. This canvas based tool allows you to explore branching algorithms &amp; rendering techniques, as well as save a snapshot of your creations. It&#8217;s also open source, which is always nice…</em></p><p><a href="http://www.creativeapplications.net/javascript-2/super-recursion-toy-javascript/?utm_source=feed&utm_campaign=rss-mo-more&utm_medium=rss">Continue reading.... Super Recursion Toy [Javascript]</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/javascript-2/super-recursion-toy-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WebGL Tadpoles [Scripts]</title>
		<link>http://www.creativeapplications.net/scripts/webgl-tadpoles%c2%a0scripts/</link>
		<comments>http://www.creativeapplications.net/scripts/webgl-tadpoles%c2%a0scripts/#comments</comments>
		<pubDate>Mon, 15 Aug 2011 19:34:19 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[Kris Temmerman]]></category>
		<category><![CDATA[Neuro Productions]]></category>
		<category><![CDATA[perlin noise]]></category>
		<category><![CDATA[scripts]]></category>
		<category><![CDATA[WebApp]]></category>
		<category><![CDATA[webgl]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=18595</guid>
		<description><![CDATA[Created by Kris Temmerman, aka Neuro Productions, WebGL Tadpoles is an experiment with 30 tadpoles relying on inverse kinematic chains and moving in a 3D using Perlin Noise vector field. Kris writes: And since they aren’t static objects, I have to project the vertices and calculate the normals every frame in JavaScript. In that sense, the JavaScript speed is reasonable. But [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/08/tadpoles02.png"><img class="alignnone size-large wp-image-18600" title="tadpoles02" src="http://www.creativeapplications.net/wp-content/uploads/2011/08/tadpoles02-640x318.png" alt="" width="640" height="318" /></a></p>
<p>Created by Kris Temmerman, aka Neuro Productions, WebGL Tadpoles is an experiment with 30 tadpoles relying on inverse kinematic chains and moving in a 3D using Perlin Noise vector field.</p>
<p>Kris writes: <em>And since they aren’t static objects, I have to project the vertices and calculate the normals every frame in JavaScript. In that sense, the JavaScript speed is reasonable. But as always, I was hoping for more. In C++ I can easily render +500 tadpoles with 4 times as many triangles per tadpole &#8230;..To get some anti-alias, I render it first in a frame buffer object 9 times the window size (width*3, height*3). So, no complaints about the WebGL speed… for now…</em></p>
<p>Try it here: <a href="http://www.neuroproductions.be/webgl/tadPoles/">webgl/tadPoles</a> or read more at <a href="http://www.neuroproductions.be/experiments/webgl-tadpoles/">WebGL Tadpoles | Neuro Productions</a></p>
<p>Made by <a href="http://www.neuroproductions.be/" target="_blank">Neuro Productions</a><br />
Music: <a href="http://www.mattipaalanen.com/celestialaeonproject.html" target="_blank">Celestial Aeon Project</a>x</p>
<p>If you like this, see also <a href="http://www.creativeapplications.net/cinder/cindermedusae-cinder/">Cindermedusae</a> by Marcin Ignac, <a href="http://marcinignac.com/blog/cindermedusae-making-generative-creatures/">made</a> with Cinder but WebGL version is in the making.</p>
<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/08/tadpoles01.png"><img class="alignnone size-large wp-image-18601" title="tadpoles01" src="http://www.creativeapplications.net/wp-content/uploads/2011/08/tadpoles01-640x319.png" alt="" width="640" height="319" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/08/tadpoles03.png"><img class="alignnone size-large wp-image-18599" title="tadpoles03" src="http://www.creativeapplications.net/wp-content/uploads/2011/08/tadpoles03-640x320.png" alt="" width="640" height="320" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/scripts/webgl-tadpoles%c2%a0scripts/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Human Interference Project [WebApp]</title>
		<link>http://www.creativeapplications.net/webapp/human-interference-project-webapp/</link>
		<comments>http://www.creativeapplications.net/webapp/human-interference-project-webapp/#comments</comments>
		<pubDate>Sun, 17 Jul 2011 19:51:48 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[WebApp]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[Jean Tinguely]]></category>
		<category><![CDATA[maths]]></category>
		<category><![CDATA[métamatics]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=17837</guid>
		<description><![CDATA[Human Interference Project is a tribute to Jean Tinguely’s Métamatics organized by the Métamatic Research Initiative. The team are creating a collection of hand-drawn mathematical figures governed by a simple set of rules. The repetitive and parameter-restricted character of the drawings draws one one much similar to machine production although in this instance is much about emphasising the human creative expression. A number [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project03.png"><img class="alignnone size-large wp-image-17842" title="Human Interference Project03" src="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project03-640x476.png" alt="" width="640" height="476" /></a></p>
<p><a href="http://www.metamaticresearch.info/hip/">Human Interference Project</a> is a tribute to <a href="http://en.wikipedia.org/wiki/Jean_Tinguely" target="_blank">Jean Tinguely’s Métamatics </a>organized by the <a href="http://www.metamaticresearch.info/">Métamatic Research Initiative</a>. The team are creating a collection of hand-drawn mathematical figures governed by a simple set of rules. The repetitive and parameter-restricted character of the drawings draws one one much similar to machine production although in this instance is much about emphasising the human creative expression.</p>
<p>A number of artists were invited to produce a drawing which you can now find on the website. Each drawing was produced by following these five rules:<br />
<em>1. Use a white A4 sheet and a ballpoint pen.</em><br />
<em> 2. Draw a closed shape on the paper.</em><br />
<em> 3. Repeat the shape inside the original shape until there is no space left at its centre. Repeat the shape outside the original shape until it touches one side of the paper. Choose the distance so that you can make at least 50 iterations on the paper.</em><br />
<em> 4. Try to repeat each iteration in exactly the same way.</em><br />
<em> 5. Sign the drawing in its upper right corner in landscape format.</em></p>
<div>Note the beautiful interference patterns created as you move drawings over one another.</div>
<p>The Human Interference Project forms the basis for the new MRI website, online by May 2011 which will be a <em>communal platform</em> for all material around the artistic and academic research into Tinguely’s Métamatics.</p>
<p><a href="http://www.metamaticresearch.info/hip/">Human Interference Project</a></p>
<p>/via Luis Blackaller&#8217;s <a href="http://blacklog.mitplw.com/2011/07/16/human-interference-project/" target="_blank">blacklog</a> who has also contributed to this project.</p>
<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project04.png"><img class="alignnone size-large wp-image-17843" title="Human Interference Project04" src="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project04-640x352.png" alt="" width="640" height="352" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project01.png"><img class="alignnone size-large wp-image-17844" title="Human Interference Project01" src="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project01-640x472.png" alt="" width="640" height="472" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project02.png"><img title="Human Interference Project02" src="http://www.creativeapplications.net/wp-content/uploads/2011/07/Human-Interference-Project02-640x453.png" alt="" width="640" height="453" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/webapp/human-interference-project-webapp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Rutt-Etra-Izer [Scripts, WebApp]</title>
		<link>http://www.creativeapplications.net/scripts/rutt-etra-izer-scripts-webapp/</link>
		<comments>http://www.creativeapplications.net/scripts/rutt-etra-izer-scripts-webapp/#comments</comments>
		<pubDate>Fri, 10 Jun 2011 08:28:59 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[WebApp]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[emulation]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[ruttetra]]></category>
		<category><![CDATA[webgl]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=17006</guid>
		<description><![CDATA[Created by Felix Turner Rutt-Etra-Izer is a WebGL emulation of the classic Rutt-Etra video synthesizer. The demo replicates the Z-displacement, scanned-line look of the original, but does not attempt to replicate it’s full feature set. The application allows you to drag and drop your own images, manipulate them and save the output. Images are generated by scanning the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl05.jpg"><img class="alignnone size-large wp-image-17009" title="ruttetrawebgl05" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl05-640x436.jpg" alt="" width="640" height="436" /></a></p>
<p>Created by Felix Turner<a href="http://airtightinteractive.com/demos/js/ruttetra/"> Rutt-Etra-Izer</a> is a WebGL emulation of the classic <a href="http://www.audiovisualizers.com/toolshak/vidsynth/ruttetra/ruttetra.htm">Rutt-Etra video synthesizer</a>. The demo replicates the Z-displacement, scanned-line look of the original, but does not attempt to replicate it’s full feature set.</p>
<p>The application allows you to drag and drop your own images, manipulate them and save the output. Images are generated by scanning the pixels of the input image from top to bottom, with scan-line separated by the ‘Line Separation’ amount. For each line generated, the z-position of the vertices is dependent on the brightness of the pixels.</p>
<p>try it here: <a href="http://airtightinteractive.com/demos/js/ruttetra/">http://airtightinteractive.com/demos/js/ruttetra/</a> or <a href="http://www.airtightinteractive.com/2011/06/rutt-etra-izer/">download</a> source.</p>
<p>(To run the demo you need the latest version of Chrome or Firefox)</p>
<p>Created with <a href="https://github.com/mrdoob/three.js">Three.js</a></p>
<p>More images generated by this demo in this <a href="http://www.flickr.com/photos/felixturner/sets/72157624013383339/">Flickr set</a>.</p>
<p>Felix also built an audio-reactive version with Processing (video below).</p>
<p>Background:<br />
<em>The <a href="http://www.youtube.com/watch?v=EZQiHuTbnes">Rutt-Etra video synthesizer</a> was built by Steve Rutt and Bill Etra in 1972. It was one of the first devices to allow real-time manipulation of live video and helped instigate the video art movement of the 1970s. Unfortunately Steve Rutt <a href="http://www.nytimes.com/2011/05/29/arts/steve-rutt-an-inventor-behind-early-video-animation-dies-at-66.html">recently passed away</a>. His pioneering contributions to the field of video art will be always be remembered.</em></p>
<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl09.png"><img class="alignnone size-large wp-image-17019" title="ruttetrawebgl09" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl09-640x313.png" alt="" width="640" height="313" /></a><em><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl01.jpg"><img class="alignnone size-large wp-image-17016" title="ruttetrawebgl01" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl01-640x323.jpg" alt="" width="640" height="323" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl02.jpg"><img class="alignnone size-large wp-image-17015" title="ruttetrawebgl02" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl02-640x430.jpg" alt="" width="640" height="430" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl03.jpg"><img class="alignnone size-large wp-image-17014" title="ruttetrawebgl03" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl03-640x430.jpg" alt="" width="640" height="430" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl08.jpg"><img class="alignnone size-large wp-image-17011" title="ruttetrawebgl08" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl08-640x640.jpg" alt="" width="640" height="640" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl07.jpg"><img class="alignnone size-large wp-image-17012" title="ruttetrawebgl07" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/ruttetrawebgl07-640x758.jpg" alt="" width="640" height="758" /></a><iframe src="http://player.vimeo.com/video/23619204?byline=0" frameborder="0" width="640" height="360"></iframe><br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/scripts/rutt-etra-izer-scripts-webapp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Textify.it [WebApp, Javascript, iPad, iPhone]</title>
		<link>http://www.creativeapplications.net/iphone/textify-it-webapp-javascript-ipad-iphone/</link>
		<comments>http://www.creativeapplications.net/iphone/textify-it-webapp-javascript-ipad-iphone/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 10:42:52 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[WebApp]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[phonegap]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=16984</guid>
		<description><![CDATA[Created by Hakim El Hattab, Textify.it turns your photographs into text portraits. The app includes ability to chose between different fonts, text sizes and backgrounds. Other effects include pointilism, mosaic, stitch, bubbles, starstruck, pixelate, binary, snow and dash. In addition you can apply black and white or sepia colour effect to the photos. The iPhone/iPad [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/download-1.png"><img class="alignnone size-large wp-image-16999" title="download (1)" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/download-1-640x485.png" alt="" width="640" height="485" /></a></p>
<p>Created by <a href="http://hakim.se/">Hakim El Hattab</a>, Textify.it turns your photographs into text portraits. The app includes ability to chose between different fonts, text sizes and backgrounds. Other effects include pointilism, mosaic, stitch, bubbles, starstruck, pixelate, binary, snow and dash. In addition you can apply black and white or sepia colour effect to the photos.</p>
<p>The iPhone/iPad version was created using JavaScript/HTML5/CSS3 and uses <a href="http://www.phonegap.com/">phonegap</a> as a wrapper which also allows access to native APIs such as photo and camera import.</p>
<p>Try out the online version available at <a href="http://textify.it">http://textify.it</a> &#8211; tested and working in Chrome and Firefox 4.</p>
<p>Platform: iPhone<br />
Version: 1.0<br />
Cost: $0.99<br />
Developer: <a href="http://textify.it/">Hakim El Hattab</a><br />
<a href="http://clk.tradedoubler.com/click?p=23708&amp;a=1671662&amp;url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Ftextify-it%2Fid441057755%3Fmt%3D8%26uo%3D4%26partnerId%3D2003"><img title="Link to the AppStore" src="http://www.creativeapplications.net/wp-content/uploads/2010/11/iTunes_Badge.gif" alt="" width="44" height="15" /></a></p>
<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/Screen-shot-2011-06-07-at-11.25.49.png"><img class="alignnone size-large wp-image-17001" title="Screen shot 2011-06-07 at 11.25.49" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/Screen-shot-2011-06-07-at-11.25.49-640x434.png" alt="" width="640" height="434" /></a><img class="alignnone size-medium wp-image-16994" title="textifyit01" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit01-320x240.jpg" alt="" width="320" height="240" /><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit03.jpg"><img class="alignnone size-medium wp-image-16995" title="textifyit03" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit03-320x240.jpg" alt="" width="320" height="240" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit07.png"><img class="alignnone size-medium wp-image-16996" title="textifyit07" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit07-320x480.png" alt="" width="320" height="480" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit08.png"><img class="alignnone size-medium wp-image-16997" title="textifyit08" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit08-320x480.png" alt="" width="320" height="480" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit04.png"><img class="alignnone size-large wp-image-16991" title="textifyit04" src="http://www.creativeapplications.net/wp-content/uploads/2011/06/textifyit04-640x427.png" alt="" width="640" height="427" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/iphone/textify-it-webapp-javascript-ipad-iphone/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Experimental Study on Web Asynchronicity [WebApp]</title>
		<link>http://www.creativeapplications.net/webapp/experimental-study-on-web-asynchronicity-webapp/</link>
		<comments>http://www.creativeapplications.net/webapp/experimental-study-on-web-asynchronicity-webapp/#comments</comments>
		<pubDate>Mon, 04 Apr 2011 22:31:44 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[WebApp]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[bitmap]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[generative]]></category>
		<category><![CDATA[gif]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[load]]></category>
		<category><![CDATA[refresh]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=15735</guid>
		<description><![CDATA[Created by Emmanuel Pire, Experimental Study on Web Asynchronicity is a project that uses &#8220;web time noise&#8221; as a way of composition. The noise you will find is not coded with a random function but is actually the network response time and the browser&#8217;s imprecisions that create the asynchronicity. Browsers are smart enough to recognize that it is the [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-15736" title="eswa00" src="http://www.creativeapplications.net/wp-content/uploads/2011/04/eswa00.jpg" alt="" width="640" height="180" /></p>
<p>Created by <a href="http://lipsumarium.com">Emmanuel Pire</a>, <em>Experimental Study on Web Asynchronicity </em>is a project that uses &#8220;web time noise&#8221; as a way of composition. The noise you will find is not coded with a random function but is actually the network response time and the browser&#8217;s imprecisions that create the asynchronicity.</p>
<p><em>Browsers are smart enough to recognize that it is the same image and will load it only once, and display it everywhere it&#8217;s needed (that&#8217;s the [1/1]). In case of animated gifs, they will also keep synchronized. If it&#8217;s not recognized as the same image, the browser will then load each image separately and of course, not at the same time.</em></p>
<p>Only <img src="http://lipsumarium.com/lab/asynchronicity/images/pixfast-still.gif" alt="" />, <img src="http://lipsumarium.com/lab/asynchronicity/images/pix-diamond-still.gif" alt="" /> and <img src="http://lipsumarium.com/lab/asynchronicity/images/pix-diamond2-still.gif" alt="" /> set the image used. Try it at <a href="http://lipsumarium.com/lab/asynchronicity/">lipsumarium.com/lab/asynchronicity/</a></p>
<p><a href="http://lipsumarium.com/lab/asynchronicity/" target="_blank"><img class="alignnone size-large wp-image-15737" title="eswa01" src="http://www.creativeapplications.net/wp-content/uploads/2011/04/eswa01-640x297.png" alt="" width="640" height="297" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/webapp/experimental-study-on-web-asynchronicity-webapp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Hyundai i40 Reveal [openFrameworks, Flash]</title>
		<link>http://www.creativeapplications.net/flash/hyundai-i40-reveal-openframeworks-flash/</link>
		<comments>http://www.creativeapplications.net/flash/hyundai-i40-reveal-openframeworks-flash/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 21:55:57 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[openFrameworks]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[dmx]]></category>
		<category><![CDATA[hires]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[mapping]]></category>
		<category><![CDATA[nanika]]></category>
		<category><![CDATA[osc]]></category>
		<category><![CDATA[swarm]]></category>
		<category><![CDATA[WebApp]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=15550</guid>
		<description><![CDATA[Created by Hi-ReS! and Nanika is a project for the new Hyundai i40, which was revealed at the Geneva Motorshow on the 1 March. Starting on Friday, 25 Feb, users could connect through Facebook (or not) to directly participate in the live light reveal. The web application built in Flash by Theo Tillberg, Mike Tucker [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai01.png"><img class="alignnone size-large wp-image-15554" title="Hyundai01" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai01-640x337.png" alt="" width="640" height="337" /></a></p>
<p>Created by Hi-ReS! and Nanika is a project for the new Hyundai i40, which was revealed at the Geneva Motorshow on the 1 March. Starting on Friday, 25 Feb, users could connect through Facebook (or not) to directly participate in the live light reveal. The web application built in Flash by Theo Tillberg, Mike Tucker and others allows users to animate light over the car and change views. This is of course sent directly to the warehouse where the car is located and video feedback shown back to the users on the site.</p>
<p>In a nutshell, the software written in openFrameworks by Andreas Müller was about finding a way to project a piece of video onto an arbitrary shape of lights. For the <a href="http://vimeo.com/16762766">earlier project for John Lewis</a>, Andreas hardcoded in 4 rectangles around the model of the house, something similar that was done for <a href="http://yesyesno.com/lights-on">Ars Electronica</a> by YesYesNo, but in the new system Andreas represents the surface in 3D space, use that as a view and then get the lights positions within the 2D surface by looking them up in an ortographic projection. Once you have the 2D positions of the lights within the surface, the brightness is calculated based on their 3D position. For fun, Andreas also hooked up OSC control using <a href="http://www.creativeapplications.net/iphone/touchosc-editor-iphone-mac-windows/">TouchOSC</a> iPad app allowing him to create swarm like light effect with the setup in real time (see video below).</p>
<p>The official site for the launch was <a title="http://www.hyundai-i40.eu/" dir="ltr" rel="nofollow" href="http://www.hyundai-i40.eu/" target="_blank">http://www.hyundai-i40.eu<br />
</a>also see <a href="http://hi-res.net">hi-res.net</a> and <a href="http://nanikawa.com">nanikawa.com</a></p>
<p><iframe src="http://player.vimeo.com/video/21236460?title=0&amp;byline=0&amp;portrait=0&amp;color=969696" width="640" height="360" frameborder="0"></iframe><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai02.png"><img class="alignnone size-large wp-image-15556" title="Hyundai02" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai02-640x314.png" alt="" width="640" height="314" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai03.png"><img class="alignnone size-large wp-image-15557" title="Hyundai03" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai03-640x306.png" alt="" width="640" height="306" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai04.png"><img class="alignnone size-large wp-image-15558" title="Hyundai04" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai04-640x350.png" alt="" width="640" height="350" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai05.png"><img class="alignnone size-large wp-image-15559" title="Hyundai05" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai05-640x349.png" alt="" width="640" height="349" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai06.png"><img class="alignnone size-large wp-image-15560" title="Hyundai06" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai06-640x330.png" alt="" width="640" height="330" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai07.png"><img class="alignnone size-large wp-image-15561" title="Hyundai07" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai07-640x357.png" alt="" width="640" height="357" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai08.jpg"><img class="alignnone size-large wp-image-15562" title="Hyundai08" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai08-640x480.jpg" alt="" width="640" height="480" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai09.png"><img class="alignnone size-large wp-image-15563" title="Hyundai09" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/Hyundai09-640x361.png" alt="" width="640" height="361" /></a><object type="application/x-shockwave-flash" width="640" height="360" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=8f066fb641&#038;photo_id=5474451913&#038;hd_default=false"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=8f066fb641&#038;photo_id=5474451913&#038;hd_default=false" height="360" width="640"></embed></object><iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/zwqKy07OhXI?rel=0" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/flash/hyundai-i40-reveal-openframeworks-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rot.Sketch [WebApp]</title>
		<link>http://www.creativeapplications.net/webapp/rot-sketch-webapp/</link>
		<comments>http://www.creativeapplications.net/webapp/rot-sketch-webapp/#comments</comments>
		<pubDate>Wed, 09 Mar 2011 21:01:38 +0000</pubDate>
		<dc:creator>Filip</dc:creator>
				<category><![CDATA[WebApp]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[save]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[spirograph]]></category>

		<guid isPermaLink="false">http://www.creativeapplications.net/?p=15392</guid>
		<description><![CDATA[Jean Helfenstein, the name behind Rot.Sketch iPhone app has just launched an HTML5 experiment that allows you to produce spirograph like drawings. In addition you can draw new elements while others are rendering as well as move the centre around which lines rotate. webapp : http://www.jeanhelfenstein.com/rotsketch/app + flickr gallery for more images. Previously: Rot.Sketch [iPhone, openFrameworks]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto08.jpg"><img class="alignnone size-large wp-image-15394" title="roto08" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto08-640x328.jpg" alt="" width="640" height="328" /></a></p>
<p><a href="http://www.jeanhelfenstein.com">Jean Helfenstein</a>, the name behind <a href="http://www.creativeapplications.net/iphone/rot-sketch-iphone-openframeworks/">Rot.Sketch</a> iPhone app has just launched an HTML5 experiment that allows you to produce <a href="http://en.wikipedia.org/wiki/Spirograph">spirograph</a> like drawings. In addition you can draw new elements while others are rendering as well as move the centre around which lines rotate.</p>
<p>webapp : <a href="http://www.jeanhelfenstein.com/rotsketch/app" target="_blank">http://www.jeanhelfenstein.com/rotsketch/app</a><br />
+ <a href="http://www.flickr.com/photos/32800945@N03/sets/72157625746519271/">flickr gallery</a> for more images.</p>
<p>Previously: <a href="http://www.creativeapplications.net/iphone/rot-sketch-iphone-openframeworks/">Rot.Sketch [iPhone, openFrameworks]</a></p>
<p><iframe src="http://player.vimeo.com/video/20778113?title=0&amp;byline=0&amp;portrait=0&amp;color=969696" width="640" height="360" frameborder="0"></iframe><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto07.png"><img class="alignnone size-large wp-image-15399" title="roto07" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto07-640x310.png" alt="" width="640" height="310" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto08.png"><img class="alignnone size-large wp-image-15400" title="roto08" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto08-640x307.png" alt="" width="640" height="307" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto02.png"><img class="alignnone size-large wp-image-15395" title="roto02" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto02-640x321.png" alt="" width="640" height="321" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto06.png"><img class="alignnone size-large wp-image-15397" title="roto06" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto06-640x321.png" alt="" width="640" height="321" /></a><a href="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto05.png"><img class="alignnone size-large wp-image-15396" title="roto05" src="http://www.creativeapplications.net/wp-content/uploads/2011/03/roto05-640x321.png" alt="" width="640" height="321" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativeapplications.net/webapp/rot-sketch-webapp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

