<?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>GrgrDvrt &#187; tentacules</title>
	<atom:link href="http://grgrdvrt.com/blog/tag/tentacules/feed/" rel="self" type="application/rss+xml" />
	<link>http://grgrdvrt.com/blog</link>
	<description>Un blog utilisant WordPress</description>
	<lastBuildDate>Tue, 10 Jan 2012 09:04:24 +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>25 lignes, Novembre / Décembre</title>
		<link>http://grgrdvrt.com/blog/147/25-lignes-novembre-decembre/</link>
		<comments>http://grgrdvrt.com/blog/147/25-lignes-novembre-decembre/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 16:01:35 +0000</pubDate>
		<dc:creator>Grgrdvrt</dc:creator>
				<category><![CDATA[Miam]]></category>
		<category><![CDATA[lignes]]></category>
		<category><![CDATA[particules]]></category>
		<category><![CDATA[random]]></category>
		<category><![CDATA[tentacules]]></category>

		<guid isPermaLink="false">http://grgrdvrt.com/blog/?p=147</guid>
		<description><![CDATA[C'est avec l'incitation "Que pouvez-vous faire avec 25 lignes de code" que <a href="http://www.bit-101.com/blog">Keith Peters</a> a lancé il y a quelques mois le <a href="http://www.25lines.com">concours 25 lines</a>. Ce qui est intéressant avec le recul, ce sont les évolutions du code au delà du concours.]]></description>
			<content:encoded><![CDATA[<p><a href="/storage/147/25-1.swf"><img alt="25lines1" src="/storage/147/25lines0.jpg"/></a>Quelques temps avant le concours j&#8217;avais vu une animation avec une séquence présentant des sortes de bulles remontant dans un fluide, genre effervescence. En voyant ça je me suis demandé si une sorte de <a href="http://fr.wikipedia.org/wiki/Mouvement_brownien">mouvement brownien</a> un peu horizontal avec un mouvement en accélération vers le haut pouvait produire l&#8217;effet. J&#8217;ai donc commencé à jouer avec des particules jusqu&#8217;à obtenir <a href="/storage/147/25-1.swf">ça</a>. <br/>Je remercie <a href="http://fr.nicoptere.net">Nicoptère</a> de m&#8217;avoir suggéré d&#8217;en faire quelque chose pour le concours <img src='http://grgrdvrt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p><br/>

<p><a href="/storage/147/25-3.swf"><img alt="25lines1" src="/storage/147/25lines2.jpg"/></a>J’ai dans un premier temps adapté le principe à une disposition radiale. Ensuite en retravaillant plusieurs fois le mouvement j&#8217;ai obtenu quelque chose d&#8217;assez organique. Ce qui m&#8217;a amené à <a href="/storage/147/25-3.swf">ça</a></p>
<p>Ce mouvement est dû au fait que chaque &#8220;tentacule&#8221; est composée de plusieurs particules, contrairement à la première expérimentation où elles ne correspondent chacune qu&#8217;au tracé d&#8217;une seule particule.<br/>
Afin d&#8217;intégrer un peu d&#8217;interactivité ces particules se dirigent vers la souris avec une vitesse dépendant de leur position dans la tentacule. Au clic ce facteur s’inverse ce qui entraine le déplacement de toute la « Chose» vers la souris.<br/>
J’obtiens la couleur de chaque tentacule en tirant des nuances d’une couleur dominante prise aléatoirement, la couleur de chaque segment est simplement une interpolation entre une extrémité noire et l’autre de la couleur de la tentacule.<br/>Et finalement je suis arrivé parmi <a href="http://www.25lines.com/?page_id=139">les finalistes</a>.</p><br/>
<p><a href="/storage/147/tentacles3d.swf"><img alt="25lines1" src="/storage/147/25lines3.jpg"/></a>Pour le concours je tenais à faire quelque chose en 2D, malgré les apports du player 10 en matière de 3D. J&#8217;ai quand même rapidement tenté <a href="/storage/147/tentacles3d.swf">un petit passage en 3D</a>. Je pense qu&#8217;à l&#8217;occasion j&#8217;essaierai d&#8217;y retoucher. Entre autre j&#8217;aimerai bien faire des tests de z-sorting sur ce genre d&#8217;expérimentation.</p><br/>


<p>Ensuite étant complètement fan des <a href="http://www.rmx.cz/monsters/">processing monsters</a> je tenais à en faire un. Cette animation pouvait correspondre aux contraintes d&#8217;interactivité et de noir et blanc, je l&#8217;ai donc recodée en processing, mais en vrai code orienté objet cette fois. <a href="http://www.rmx.cz/monsters/2009-08/splouch/index.html">Voilà le résultat et les sources</a>.</p><br/>

<p><a href="http://wonderfl.net/code/5f8bb69afc365e7fd885bc9d9dbe2510d9ad27b7#"><img alt="mutation" src="/storage/147/25lines4.jpg"/></a>Finalement, en me baladant sur <a href="http://wonderfl.net/">wonderfl</a> j&#8217;ai découvert que mon code avait été <a href="http://wonderfl.net/search?q=splouch">repris et transformé</a> par plusieurs personnes <img src='http://grgrdvrt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . Il y en a même un qui a réécrit le code pour le rendre lisible.<br/><br/>Conclusion, ne laissez pas vos swf en plein soleil, après il mutent. Genre <a href="http://wonderfl.net/code/2d1431f28c89957d75c40befa1e2f938db858bef">lui</a> qui était à Arcachon la semaine dernière et <a href="http://wonderfl.net/code/f9c7b700ef7db8e0d6df026c0affc542e20ae32f">lui</a> qui se demandait pourquoi cette région d&#8217;Ukraine était si tranquille.</p>]]></content:encoded>
			<wfw:commentRss>http://grgrdvrt.com/blog/147/25-lignes-novembre-decembre/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

