<?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>Hebiflux</title>
	<atom:link href="http://www.hebiflux.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hebiflux.com/blog</link>
	<description>Interactif _webdesign _ 3Dweb</description>
	<lastBuildDate>Fri, 03 Jul 2009 06:30:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flartookit en folie #4, et un peu de RA sur mobile ou sur le web&#8230;</title>
		<link>http://www.hebiflux.com/blog/2009/07/03/flartookit-en-folie-4-et-un-peu-de-ra-sur-mobile-ou-sur-le-web/</link>
		<comments>http://www.hebiflux.com/blog/2009/07/03/flartookit-en-folie-4-et-un-peu-de-ra-sur-mobile-ou-sur-le-web/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 06:23:00 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Réalité augmentée]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4665</guid>
		<description><![CDATA[
Ayant délaissé volontairement la réalité augmentée depuis quelques semaines sur hebiflux, je reviens sur le terrain avec quelques usages et applications cette semaine. Côté outil, c&#8217;est la nouvelle version de Flarmanager, framework permettant de faire du multipoint avec flash et la librairie flartoolkit. Si vous avez des post-its en trop, c&#8217;est le moment&#8230;
Je doute que [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/flarmanager.jpg" alt="flarmanager" title="flarmanager" width="470" height="215" class="alignnone size-full wp-image-4663" /></p>
<p>Ayant délaissé volontairement la réalité augmentée depuis quelques semaines sur hebiflux, je reviens sur le terrain avec quelques usages et applications cette semaine. Côté outil, c&#8217;est <a href="http://words.transmote.com/wp/20090618/flarmanager-v04/">la nouvelle version de Flarmanager</a>, framework permettant de faire du multipoint avec flash et la librairie flartoolkit. Si vous avez des post-its en trop, c&#8217;est le moment&#8230;</p>
<p>Je doute que l&#8217;on puisse attendre grand chose de ce type d&#8217;usage au travers du flash à l&#8217;arrivée, tant les limitations sans grande. J&#8217;ai vu passer <a href="http://d.hatena.ne.jp/nyatla/20090612/1244777382">un Flartoolkit + Alchemy</a>, qui pourrait aider à améliorer les performances. Stay Tuned&#8230;</p>
<p><span id="more-4665"></span><br />
Premier exemple des plus connus avec ce très bon usage de mesure du colis qu&#8217;il vous faut, réalisé par AKQA : </p>
<p><object width="470" height="295"><param name="movie" value="http://www.youtube.com/v/WpS3LeCiCtc&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WpS3LeCiCtc&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="470" height="295"></embed></object></p>
<p>C&#8217;était la fête des pères il y a peu, et <a href="http://mangrove.nl/fathersday">http://mangrove.nl/fathersday</a> en a profité (un peu faiblard comme exemple, isn&#8217;t it ?) : </p>
<p><object width="470" height="294"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5199022&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5199022&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="470" height="294"></embed></object>
<p><a href="http://vimeo.com/5199022">Hi Dad! An Augmented Reality Father&#8217;s day gift</a> from <a href="http://vimeo.com/mangrove">Mangrove</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Encore une copie conceptuelle de la campagne de General Electrics :<br />
<object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4986422&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4986422&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object>
<p><a href="http://vimeo.com/4986422">&#8220;Ride My Star&#8221; Augmented Reality Demo</a> from <a href="http://vimeo.com/gentleman">Rob</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Et une petite vidéo amusante : </p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/XKnW_XCxsgg&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XKnW_XCxsgg&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p><strong>Quelques usages de la réalité augmentée sur mobile</strong><br />
Beaucoup d&#8217;exemples sont passés ci-et-là sur internet, dont en voici quelques usages. Pour une fois, je me fais suiveur de tendances.. rattrapant mon retard. </p>
<p>KDDI présente une nouvelle application avec <a href="http://kazasu.mobi/">Kasazu</a>, elle est disponible sur leur lab <a href="http://lab.auone.jp/">http://lab.auone.jp/</a>, et donne des informations sur les lieux en fonction de la position de la personne. La démo en vidéo : </p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/-qsKYfqd1sA&#038;rel=0&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;feature=player_profilepage&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/-qsKYfqd1sA&#038;rel=0&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;feature=player_profilepage&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object></p>
<p><a href="http://perspectives.3ds.com/2009/06/24/iphone-photos-3d-objects-yum/">3Dvia de Dassault arrive également sur Iphone</a> avec pour l&#8217;instant une application à base de photo qui ressemble pour beaucoup à ce que faisait Metaio au début sur mobile mais on devine qu&#8217;ils ne s&#8217;arrêteront pas là : </p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/TLyqyvxvIuM&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/TLyqyvxvIuM&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object></p>
<p>Certains s&#8217;amusent <a href="http://www.augmentedenvironments.org/lab/research/handheld-ar/arhrrrr/">côté jeux avec Arhrrrrr</a>, je l&#8217;avais un peu laissé de côté, mais il est quand même assez fort en terme d&#8217;immersion :<br />
<object width="470" height="290"><param name="movie" value="http://www.youtube.com/v/cNu4CluFOcw&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cNu4CluFOcw&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="470" height="290"></embed></object></p>
<p>Un peu de fleurs sur le mobile, dans la ville ? :<br />
<object width="470" height="385"><param name="movie" value="http://www.youtube.com/v/pBI5HwitBX4&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/pBI5HwitBX4&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="470" height="385"></embed></object></p>
<p>Tout le monde a du voir la semaine dernière ces deux derniers exemples, l&#8217;un de cette vidéo <a href="http://layar.eu/">de Layar</a> sur Android, alors je termine par celle-là :<br />
<object width="470" height="380"><param name="movie" value="http://www.youtube.com/v/b64_16K2e08&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/b64_16K2e08&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="470" height="380"></embed></object></p>
<p>L&#8217;autre étant l&#8221;expérience de masque<a href="http://www.weareautobots.com/ww/index.php?id=ar"> des Transformers 2</a>, avec la techno Dfusion, plugin on the web qui marche très bien.</p>
<p>L&#8217;un des plus convaincants a été celui-là lancé<a href="http://weareorganizedchaos.com/index.php/2009/06/23/zugara-launches-online-shopping-app-utilizing-augmented-reality-and-motion-capture/"> par Zugara</a> par ailleurs :<br />
<object width="470" height="374"><param name="movie" value="http://www.youtube.com/v/NxQZuo6pFUw&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/NxQZuo6pFUw&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="470" height="374"></embed></object><br />
Ca ne vous rappelle rien ? Si, un exemple que j&#8217;avais déjà cité de miroir augmenté d&#8217;un institut de recherche. Même concept avec l&#8217;essai virtuel de vêtement. Rien de nouveau sous le soleil donc :)</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4665" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/07/03/flartookit-en-folie-4-et-un-peu-de-ra-sur-mobile-ou-sur-le-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>#interactivemonday, c&#8217;était hier.. déjà</title>
		<link>http://www.hebiflux.com/blog/2009/06/30/interactivemonday-cetait-hier-deja/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/30/interactivemonday-cetait-hier-deja/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 07:37:04 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Campagnes interactives]]></category>
		<category><![CDATA[Design et Flash]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4734</guid>
		<description><![CDATA[
Les lundi matin n&#8217;inspirent pas que les dessinateurs de BD : voici un petit jeu à base de hashtag sur twitter lancé par adverblog : il consiste à poster un lien à forte dose d&#8217;interactivité sur twitter (notre meilleur de la semaine précédente) et à le taguer par #interactivemonday, créant ainsi un canal de discussion [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/imm.jpg" alt="imm" title="imm" width="470" height="232" class="alignnone size-full wp-image-4747" /></p>
<p>Les lundi matin n&#8217;inspirent pas que <a href="http://www.latong.com/rubriques.php?selection=52">les dessinateurs de BD </a>: voici un petit jeu à base de hashtag sur twitter lancé <a href="http://www.adverblog.com/archives/003912.htm">par adverblog</a> : il consiste à poster un lien à forte dose d&#8217;interactivité sur twitter (notre meilleur de la semaine précédente) et à le taguer par #interactivemonday, créant ainsi <a href="http://search.twitter.com/search?q=interactivemonday">un canal de discussion fort intéressant</a> pour cette deuxième semaine en création interactive. Cette édition a eu pas mal de succès mais il est vrai que les twitteriens sont plutôt joueurs et primesautiers.. :)</p>
<p>Alors en vous laissant consulter <a href="http://www.adverblog.com/archives/003912.htm">Adverblog</a> pour voir la paternité de chaque lien, voici ma petite sélection de ce qu&#8217;il en est ressorti, même si le plus salué de tous a été <a href="http://billietweets.com/">le BillieJean Tweets </a>: </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/im3.jpg" alt="im3" title="im3" width="470" height="285" class="alignnone size-full wp-image-4739" /><br />
<a href="http://www.saynotoplumping.com/">http://www.saynotoplumping.com/</a> : Deux poules. De la vidéo fullscreen. Un bon scénario et une bonne dose d&#8217;humour.</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/J6U0cuVr4Ak&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/J6U0cuVr4Ak&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br />
La bannière concert ! Une grand première ! </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/im4.jpg" alt="im4" title="im4" width="470" height="263" class="alignnone size-full wp-image-4743" /><br />
Encore <a href="http://ow.ly/e7z7">une bannière cette fois en 3D</a> ! Chaque case cochée renvoie vers le site. Innovant, original et bien pensé. </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/im1.jpg" alt="im1" title="im1" width="470" height="255" class="alignnone size-full wp-image-4736" /><br />
<a href="http://ow.ly/g5FH">Une bannière très drôle</a> et pourtant TELLEMENT simple ! Primée au lions&#8217; club à Cannes, ou alors je me trompe quelque part&#8230;</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/im2.jpg" alt="im2" title="im2" width="470" height="250" class="alignnone size-full wp-image-4737" /><br />
<a href="http://aka.landsend.com/lp/swimwear-getaway/">Swimwear getaway/</a> qui nous offre là une île magnifique qui sert de boutique en ligne de maillots de bain 1 pièce / 2 pièces&#8230; </p>
<p><object width="400" height="280"><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.onlineasithappens.nokia.com/flash/WidgetContainer.swf?id=f20kfjnm&#038;embedid=qpgsrx2z&amp;layout=large" /><embed src="http://www.onlineasithappens.nokia.com/flash/WidgetContainer.swf?id=f20kfjnm&#038;embedid=qpgsrx2z&amp;layout=large" type="application/x-shockwave-flash" allowscriptaccess="always" width="400" height="280"></embed></object><br />
<a href="http://www.onlineasithappens.nokia.com">La campagne de Nokia N97</a> essentiellement tournée vers la création de widget qui va réaliser différentes actions : visualiser, comparer.. différentes sources d&#8217;informations ou différentes tâches. Ou quand le site en lui-même devient presque inutile ! </p>
<p>Et un classique mais assez rare, <a href="http://tmobilesingalong360.co.uk/">la vidéo à 360°c, très immersive</a>. </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4734" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/30/interactivemonday-cetait-hier-deja/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Du jeu en flash contrôlé par l&#8217;Iphone</title>
		<link>http://www.hebiflux.com/blog/2009/06/29/du-jeu-en-flash-controle-par-liphone/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/29/du-jeu-en-flash-controle-par-liphone/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 12:00:02 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4695</guid>
		<description><![CDATA[
Encore une librairie disponible sur libspark en train de devenir une petite mine d&#8217;or de projets, Iphoneas permet de connecter un jeu en flash et un Iphone. Une vidéo dénichée chez un-q.net : 

The flash game is controlled with iPhone from ll_koba_ll on Vimeo.
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/iphoneas.jpg" alt="iphoneas" title="iphoneas" width="470" height="245" class="alignnone size-full wp-image-4696" /></p>
<p>Encore <a href="http://www.libspark.org/wiki/uranodai/iphoneas">une librairie disponible sur libspark</a> en train de devenir une petite mine d&#8217;or de projets, Iphoneas permet de connecter un jeu en flash et un Iphone. Une vidéo dénichée <a href="http://un-q.net/2009/05/iphone_flash_game.html">chez un-q.net </a>: </p>
<p><object width="470" height="264"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4864989&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4864989&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="470" height="264"></embed></object>
<p><a href="http://vimeo.com/4864989">The flash game is controlled with iPhone</a> from <a href="http://vimeo.com/user1810680">ll_koba_ll</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4695" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/29/du-jeu-en-flash-controle-par-liphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What a Wonderfl flash : sélection d&#8217;expérimentations</title>
		<link>http://www.hebiflux.com/blog/2009/06/29/what-a-wonderfl-flash-selection-dexperimentations/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/29/what-a-wonderfl-flash-selection-dexperimentations/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 09:00:33 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Ludique et graphique]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4700</guid>
		<description><![CDATA[
Je commence à beaucoup apprécier Wonderfl, qui non seulement commence à avoir une petite communauté d&#8217;addict, et avec un esprit &#8220;code libre et ouvert&#8221; tout à fait plaisant. Voici une large sélection de travaux à la fois techniques, et visuels, dont certains sont vraiment superbes : 

PS2 Firework (Particles and Motion blur) &#8211; wonderfl build [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/wonderfl1.jpg" alt="wonderfl" title="wonderfl" width="470" height="375" class="alignnone size-full wp-image-4702" /></p>
<p>Je commence à beaucoup apprécier <a href="http://wonderfl.net">Wonderfl,</a> qui non seulement commence à avoir une petite communauté d&#8217;addict, et avec un esprit &#8220;code libre et ouvert&#8221; tout à fait plaisant. Voici une large sélection de travaux à la fois techniques, et visuels, dont certains sont vraiment superbes : </p>
<p><span id="more-4700"></span></p>
<div style="text-align:center;width:465px;"><iframe title="PS2 Firework (Particles and Motion blur) - wonderfl build flash online" src="http://wonderfl.net/blogparts/fd77117130bc4a82c686afa7c3a2fa19a3b8e0fa" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/fd77117130bc4a82c686afa7c3a2fa19a3b8e0fa" title="PS2 Firework (Particles and Motion blur) - wonderfl build flash online">PS2 Firework (Particles and Motion blur) &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="Fluid on the Video - wonderfl build flash online" src="http://wonderfl.net/blogparts/e5b333d86a6e9858e0a572bf9af3521819cfb0ea" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/e5b333d86a6e9858e0a572bf9af3521819cfb0ea" title="Fluid on the Video - wonderfl build flash online">Fluid on the Video &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="RGB Separater - wonderfl build flash online" src="http://wonderfl.net/blogparts/381f195b4aad8c2a14fc00ad03f638df25568a5d" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/381f195b4aad8c2a14fc00ad03f638df25568a5d" title="RGB Separater - wonderfl build flash online">RGB Separater &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="Worm matrix based. - wonderfl build flash online" src="http://wonderfl.net/blogparts/97e54e57fe463c4cb8924e0de2267aafea000ff2" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/97e54e57fe463c4cb8924e0de2267aafea000ff2" title="Worm matrix based. - wonderfl build flash online">Worm matrix based. &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="Draw worm by mouse gesture. - wonderfl build flash online" src="http://wonderfl.net/blogparts/41d72cda4cc3ec1088d2abcb4d782fce7b50734f" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/41d72cda4cc3ec1088d2abcb4d782fce7b50734f" title="Draw worm by mouse gesture. - wonderfl build flash online">Draw worm by mouse gesture. &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="コークスクリュー3D - wonderfl build flash online" src="http://wonderfl.net/blogparts/ca2b32304a8d3f154310046f59a7ebffc6964be0" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/ca2b32304a8d3f154310046f59a7ebffc6964be0" title="コークスクリュー3D - wonderfl build flash online">コークスクリュー3D &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="豆腐をボコボコにしてやんよ - wonderfl build flash online" src="http://wonderfl.net/blogparts/320cff62cb851ef8f689797865bf604182d2081d" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/320cff62cb851ef8f689797865bf604182d2081d" title="豆腐をボコボコにしてやんよ - wonderfl build flash online">豆腐をボコボコにしてやんよ &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="Retro Avatars - wonderfl build flash online" src="http://wonderfl.net/blogparts/99db9f4dc72fd4f660750c1d5db06e7af8c4904a" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/99db9f4dc72fd4f660750c1d5db06e7af8c4904a" title="Retro Avatars - wonderfl build flash online">Retro Avatars &#8211; wonderfl build flash online</a></div>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4700" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/29/what-a-wonderfl-flash-selection-dexperimentations/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>IBM dote Lotus Sametime de capacités 3D pour le webconferencing</title>
		<link>http://www.hebiflux.com/blog/2009/06/29/ibm-dote-lotus-sametime-de-capacites-3d-pour-le-webconferencing/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/29/ibm-dote-lotus-sametime-de-capacites-3d-pour-le-webconferencing/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 08:00:56 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[3D Univers virtuels]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4680</guid>
		<description><![CDATA[
Pour ceux qui connaissent mal Sametime, il s&#8217;agit de la messagerie instantannée associée à Lotus, qui sert en entreprise à gérer ses mails, agenda, etc&#8230; (et encore, s&#8217;il n&#8217;y avait que cela&#8230;). Pas encore au niveau d&#8217;un gmail en terme d&#8217;ergonomie, mais ces packages logiciels sont l&#8217;apanache des systèmes informatiques à plusieurs dizaines de milliers [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/SAMETIME.jpg" alt="SAMETIME" title="SAMETIME" width="470" height="167" class="alignnone size-full wp-image-4681" /></p>
<p>Pour ceux qui connaissent mal Sametime, il s&#8217;agit de la messagerie instantannée associée à Lotus, qui sert en entreprise à gérer ses mails, agenda, etc&#8230; (et encore, s&#8217;il n&#8217;y avait que cela&#8230;). Pas encore au niveau d&#8217;un gmail en terme d&#8217;ergonomie, mais ces packages logiciels sont l&#8217;apanache des systèmes informatiques à plusieurs dizaines de milliers de postes à gérer. </p>
<p>IBM tente donc l&#8217;espace collaboratif <a href="http://www-01.ibm.com/software/lotus/services/vc4sametime.html">en annoncant Sametime 3D</a> (voir également<a href="http://www-03.ibm.com/press/us/en/pressrelease/27831.wss"> la press release</a>), qui globalement est un client/serveur Second Life   de OpenSim intégré en profondeur à Lotus Notes et sa messagerie Sametime : gestion de salle de conférence, de webmeeting, de chat&#8230; le tout fonctionnant en interne derrière le firewall. </p>
<p><span id="more-4680"></span></p>
<p>Une telle initiative business concrétise bien l&#8217;implication d&#8217;IBM dans Second Life, qui n&#8217;était pas présent par pure philanthropie. C&#8217;est un premier pas massif dans l&#8217;offre pour les moyennes et grandes entreprises qui vont pouvoir accéder à un environnement collaboratif 3D. Là où <a href="http://www.i-maginer.com/">un I-maginer </a>ou mon préféré (<em>au saumon!</em> ) <a href="http://www.tixeo.com/">Tixeo</a> étaient déjà conçus et nativement créé pour la collaboration en ligne &#8211; on peut même penser <a href="http://www.adobe.com/products/acrobatconnectpro/">à Adobe meeting</a>, plus réduit (sans avatar et espace virtuel) mais plus direct/rapide dans la collaboration en ligne &#8211; IBM se lance dans l&#8217;aménagement d&#8217;un SL en entreprise.</p>
<p><object width="470" height="380"><param name="movie" value="http://www.youtube.com/v/qJJWx552lFE&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qJJWx552lFE&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="470" height="380"></embed></object></p>
<p>Certaines entreprises y trouveront leur compte, notamment chez les plus avertis et web-addicts. D&#8217;autres vont considérer que les besoins en formation pour gérer l&#8217;outil, en ressources matérielles, et en bande passante (des points critiques sur certains intranet), et les possibilités (<em>dommage, on a toujours pas de passage 2D / 3D en fonction des profils ou de prise en charge à distance d&#8217;un poste pour une démo d&#8217;application de bureau</em>) relègueront l&#8217;outil à un simple gadget sympathique assez chronophage par rapport à la valeur ajoutée de l&#8217;outil. Ils sont partis d&#8217;une solution Second Life avant de se poser la question &#8220;qu&#8217;est-ce qui est important pour un travail collaboratif dans un univers en 3D ?&#8221; C&#8217;est du moins mon impression.</p>
<p>Comprenez-moi bien : Certes, j&#8217;ai toujours adoré SL. Mais IBM a un parc de systèmes informatique chez ses clients suffisamment large pour évangéliser en profondeur ce type d&#8217;univers au prochain update de leur suite. Ils ont cette responsabilité d&#8217;offrir à leurs clients un outil grand public complet, facile à manier, avec un retour sur l&#8217;investissement en temps immédiat. Au vu du niveau moyen des utilisateurs en entreprise (et pas forcément tous composés d&#8217;ingénieurs en informatique) ne serait-ce qu&#8217;en internet, IBM a tout intérêt à doter Sametime3D d&#8217;une très bonne doc avant de les faire passer à SL&#8230; bref, j&#8217;aurais aimé qu&#8217;ils fournissent quelque chose de plus adapté, quitte à le faire eux-même, comme le font si bien Google ou Microsoft&#8230;</p>
<p>Reste qu&#8217;il s&#8217;agit là d&#8217;un premier pas, et cela reste quand même positif&#8230; mais ils auraient du racheter Tixeo&#8230; quand même&#8230;</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4680" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/29/ibm-dote-lotus-sametime-de-capacites-3d-pour-le-webconferencing/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Uniqlo revient en coulisse avec Oshikiri</title>
		<link>http://www.hebiflux.com/blog/2009/06/29/uniqlo-revient-en-coulisse-avec-oshikiri/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/29/uniqlo-revient-en-coulisse-avec-oshikiri/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 07:45:23 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Campagnes interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4673</guid>
		<description><![CDATA[

http://www.uniqlo.com/oshikiri/ revient avec un concept tout à fait novateur. Quatre caméras fixées sur le studio photo de la nouvelle campagne, où les modèles photographiés sont ensuite rajoutés sur le site, présentés de manière interactive, et menant au bout du compte au store de Uniqlo. Une manière d&#8217;exposer les coulisses tout à fait originale.
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/uniqlo1.jpg" alt="uniqlo" title="uniqlo" width="470" height="302" class="alignnone size-full wp-image-4677" /></p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/uniqlo.jpg" alt="uniqlo" title="uniqlo" width="470" height="279" class="alignnone size-full wp-image-4674" /></p>
<p><a href="http://www.uniqlo.com/oshikiri/">http://www.uniqlo.com/oshikiri/</a> revient avec un concept tout à fait novateur. Quatre caméras fixées sur le studio photo de la nouvelle campagne, où les modèles photographiés sont ensuite rajoutés sur le site, présentés de manière interactive, et menant au bout du compte au store de Uniqlo. Une manière d&#8217;exposer les coulisses tout à fait originale.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4673" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/29/uniqlo-revient-en-coulisse-avec-oshikiri/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une timeline qui tourne rond chez la BBC</title>
		<link>http://www.hebiflux.com/blog/2009/06/26/une-timeline-qui-tourne-rond-chez-la-bbc/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/26/une-timeline-qui-tourne-rond-chez-la-bbc/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 08:00:43 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Design et Flash]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4658</guid>
		<description><![CDATA[
Une belle mise en abîme du temps en spirale qui dépoussière la représentation d&#8217;évènements sur une timeline habituellement sur un axe horizontal ou en profondeur. Lancée il y a exactement un an, Memorysphere installée chez la BBC est une interface participative où chacun repositionne des souvenirs dans le temps. 
Retrouvé chez infoesthetics. 
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/memorybbc.jpg" alt="memorybbc" title="memorybbc" width="470" height="272" class="alignnone size-full wp-image-4659" /></p>
<p>Une belle mise en abîme du temps en spirale qui dépoussière la représentation d&#8217;évènements sur une timeline habituellement sur un axe horizontal ou en profondeur. Lancée il y a exactement un an, <a href="http://www.bbc.co.uk/dna/memoryshare/ArticleSearch?contenttype=-1&#038;phrase=_memory&#038;show=8">Memorysphere installée chez la BBC</a> est une interface participative où chacun repositionne des souvenirs dans le temps. </p>
<p>Retrouvé <a href="http://infosthetics.com/archives/2009/06/bbc_memoryshare_a_place_to_share_and_explore_memories.html">chez infoesthetics</a>. </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4658" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/26/une-timeline-qui-tourne-rond-chez-la-bbc/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Du flash à poil(s)</title>
		<link>http://www.hebiflux.com/blog/2009/06/26/du-flash-a-poils/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/26/du-flash-a-poils/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 07:02:33 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[3D sur le web / web3D]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4654</guid>
		<description><![CDATA[
Le billet n&#8217;a d&#8217;autre intérêt que purement technique (et hormis un titre effarant) : un nouveau type de texture pour Papervision qui donne un effet de fourrure en 3D détonnant, quoiqu&#8217;un peu consommateur en ressources. L&#8217;expérimentation du vendredi pour penser à l&#8217;été en somme.
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/flashapoil.jpg" alt="flashapoil" title="flashapoil" width="470" height="226" class="alignnone size-full wp-image-4655" /></p>
<p>Le billet n&#8217;a d&#8217;autre intérêt que purement technique (et hormis un titre effarant) : <a href="http://kode80.com/2009/06/25/papervision-fur-3d-texture/">un nouveau type de texture pour Papervision </a>qui donne un effet de fourrure en 3D détonnant, quoiqu&#8217;un peu consommateur en ressources. L&#8217;expérimentation du vendredi pour penser à l&#8217;été en somme.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4654" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/26/du-flash-a-poils/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Faire bouger les objets dans l&#8217;espace à la webcam</title>
		<link>http://www.hebiflux.com/blog/2009/06/23/faire-bouger-les-objets-en-3d-a-la-webcam/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/23/faire-bouger-les-objets-en-3d-a-la-webcam/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 07:33:17 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[3D sur le web / web3D]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4624</guid>
		<description><![CDATA[
J&#8217;avais raté le site d&#8217;Armani qu&#8217;a repéré Lync Su. Ce dernier a apprécié le concept et en a profité pour recréer une petite démo basée sur cette expérience d&#8217;interaction à la webcam avec un téléphone en 3D que l&#8217;on peut faire tourner. Les sources sont également dispo, ce qui ne gâche rien :

Camera Detection in [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/armaniportable.jpg" alt="armaniportable" title="armaniportable" width="470" height="308" class="alignnone size-full wp-image-4631" /></p>
<p>J&#8217;avais raté le site d&#8217;Armani <a href="http://lync-su.com/?p=25">qu&#8217;a repéré Lync Su</a>. Ce dernier a apprécié le concept et en a profité pour recréer une petite démo basée sur cette expérience d&#8217;interaction à la webcam avec un téléphone en 3D que l&#8217;on peut faire tourner. <a href="http://lync-su.com/?p=44">Les sources </a>sont également dispo, ce qui ne gâche rien :</p>
<p><object width="470" height="342"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4824388&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4824388&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="470" height="342"></embed></object>
<p><a href="http://vimeo.com/4824388">Camera Detection in Flash</a> from <a href="http://vimeo.com/lync">lync</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Enfoncé le projet Natal avec l&#8217;interaction avec la machine sans manette, on va pouvoir faire la même chose que dans la vidéo suivante avec du flash (mais non, je plaisante, il y a de la marge) : </p>
<p><object width="470" height="290"><param name="movie" value="http://www.youtube.com/v/g_txF7iETX0&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/g_txF7iETX0&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="470" height="290"></embed></object></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4624" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/23/faire-bouger-les-objets-en-3d-a-la-webcam/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un peu de peinture colorée ?</title>
		<link>http://www.hebiflux.com/blog/2009/06/22/un-peu-de-peinture-coloree/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/22/un-peu-de-peinture-coloree/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 07:55:40 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Design et Flash]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4622</guid>
		<description><![CDATA[
Et ce qu&#8217;il y a de bien avec Wonderl, c&#8217;est que toutes les sources sont disponibles en ligne, puisqu&#8217;il s&#8217;agit d&#8217;un site qui compile en ligne le swf&#8230; sans avoir besoin de flash ;)
forked from: Ink Tween &#8211; wonderfl build flash online
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/wonderfl.jpg" alt="wonderfl" title="wonderfl" width="470" height="193" class="alignnone size-full wp-image-4628" /></p>
<p>Et ce qu&#8217;il y a <a href="http://wonderfl.net/code/608a5be99a7d50282ddec55dcfb1586ebc33ce88">de bien avec Wonderl</a>, c&#8217;est que toutes les sources sont disponibles en ligne, puisqu&#8217;il s&#8217;agit d&#8217;un site qui compile en ligne le swf&#8230; sans avoir besoin de flash ;)</p>
<div style="text-align:center;width:465px;"><iframe title="forked from: Ink Tween - wonderfl build flash online" src="http://wonderfl.net/blogparts/608a5be99a7d50282ddec55dcfb1586ebc33ce88" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/608a5be99a7d50282ddec55dcfb1586ebc33ce88" title="forked from: Ink Tween - wonderfl build flash online">forked from: Ink Tween &#8211; wonderfl build flash online</a></div>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4622" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/22/un-peu-de-peinture-coloree/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une bannière loupe chez Excite</title>
		<link>http://www.hebiflux.com/blog/2009/06/22/une-banniere-loupe-chez-excite/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/22/une-banniere-loupe-chez-excite/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 07:22:18 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Campagnes interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4616</guid>
		<description><![CDATA[
Une bannière riche chez Excite pour le lancement d&#8217;un nouveau téléphone NEC. Le portable sert de loupe sur la page pour mettre en avant son appareil photo embarqué et son écran large. En démo en vidéo que j&#8217;ai trouvé via code-knock : 

 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/excite.jpg" alt="excite" title="excite" width="470" height="296" class="alignnone size-full wp-image-4617" /></p>
<p>Une bannière riche chez Excite pour le lancement d&#8217;un nouveau téléphone NEC. Le portable sert de loupe sur la page pour mettre en avant son appareil photo embarqué et son écran large. En démo en vidéo que j&#8217;ai trouvé <a href="http://code-knock.jp">via code-knock</a> : </p>
<p><object width="470" height="375"><param name="movie" value="http://www.youtube.com/v/4uT5CYrNSEM&#038;hl=fr&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4uT5CYrNSEM&#038;hl=fr&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="470" height="375"></embed></object></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4616" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/22/une-banniere-loupe-chez-excite/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Interface d&#8217;OS au travers les âges</title>
		<link>http://www.hebiflux.com/blog/2009/06/19/interface-dos-au-travers-les-ages/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/19/interface-dos-au-travers-les-ages/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 09:32:15 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4600</guid>
		<description><![CDATA[
A quoi ressemblait l&#8217;OS de l&#8217;Amiga, BeOS ou Gnome ? Sujet récurrent mais qui passsionne toujours : les interfaces d&#8217;OS au travers les âges en images. Vous les trouverez sur http://www.guidebookgallery.org/screenshots
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/interfaces.jpg" alt="interfaces" title="interfaces" width="470" height="322" class="alignnone size-full wp-image-4601" /></p>
<p>A quoi ressemblait l&#8217;OS de l&#8217;Amiga, BeOS ou Gnome ? Sujet récurrent mais qui passsionne toujours : les interfaces d&#8217;OS au travers les âges en images. Vous les trouverez sur <a href="http://www.guidebookgallery.org/screenshots">http://www.guidebookgallery.org/screenshots</a></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4600" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/19/interface-dos-au-travers-les-ages/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Interactions, jeux, vidéo et 3D chez Coraline</title>
		<link>http://www.hebiflux.com/blog/2009/06/19/interactions-jeux-video-et-3d-chez-coraline/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/19/interactions-jeux-video-et-3d-chez-coraline/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 07:18:47 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Campagnes interactives]]></category>
		<category><![CDATA[Design et Flash]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4589</guid>
		<description><![CDATA[ 
Site de lancement du film Coraline, et je dois dire que le site est magnifique. Une superbe utilisation de la vidéo, mêlée à de la 3D en temps réelle, avec des navigations exploratoires, une gestion des premiers plans et paysages qui rappelle la technique utilisée par les vieux jeux vidéos 16/32 bits pour simuler [...]]]></description>
			<content:encoded><![CDATA[<p> <img src="http://www.hebiflux.com/blog/images//2009/06/coraline.jpg" alt="coraline" title="coraline" width="470" height="468" class="alignnone size-full wp-image-4590" /></p>
<p><a href="http://coraline.com">Site de lancement du film Coraline</a>, et je dois dire que le site est magnifique. Une superbe utilisation de la vidéo, mêlée à de la 3D en temps réelle, avec des navigations exploratoires, une gestion des premiers plans et paysages qui rappelle la technique utilisée par les vieux jeux vidéos 16/32 bits pour simuler le défilement d&#8217;un décor. Et le contenu est également riche : des petits jeux à la webcam, des choses à trouver un peu partout, à fureter. Superbe. </p>
<p><em>(Et merci Sara, tu as été plus rapide que moi sur le coup ;) )</em></p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/eminem1.jpg" alt="eminem" title="eminem" width="470" height="247" class="alignnone size-full wp-image-4596" /></p>
<p>J&#8217;en profite pour faire un petit focus pour citer ici un autre exemple d&#8217;une site comportant des pièces d&#8217;appartement en 3D avec un léger déplacement de la caméra. On avait vu <a href="http://www.hebiflux.com/blog/2009/06/03/big-and-small-du-ludique-en-3d-pour-petits-et-en-flash/">Big And Small </a>pour les petits ou <a href="http://www.hebiflux.com/blog/2009/06/08/ha-py-island-pour-un-lundi-au-soleil/">Hapy Island </a>, mais le site du dernier album d&#8217;Eminem, réalisé avec la dernière branche pour Flash 10 d&#8217;Away3D avec  <a href="http://www.therelapse.com/#/?room=entrance">http://www.therelapse.com/#/?room=entrance</a> réalise également une belle performance. Réalisé en 3 semaines à deux personnes.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4589" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/19/interactions-jeux-video-et-3d-chez-coraline/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Environnements en vue 2.5D ou 3D en flash</title>
		<link>http://www.hebiflux.com/blog/2009/06/19/environnements-en-vue-2-5d-ou-3d-en-flash/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/19/environnements-en-vue-2-5d-ou-3d-en-flash/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 07:10:33 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Design et Flash]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4584</guid>
		<description><![CDATA[
Le blog Dzineblog vient de produire une très belle collection de sites en flash proposant une vue du ciel, à 45° ou de profil qui introduisent une dimension d&#8217;espace et d&#8217;environnement. J&#8217;en avais déjà relevé ou vu certains, mais comme c&#8217;est le prolongement exact de ce que j&#8217;avais relevé en Asie plutôt avec une approche [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/ville.jpg" alt="ville" title="ville" width="470" height="432" class="alignnone size-full wp-image-4586" /></p>
<p><a href="http://dzineblog.com/2009/06/25-creative-flash-websites-with-3d-illustration-environment.html">Le blog Dzineblog vient de produire une très belle collection</a> de sites en flash proposant une vue du ciel, à 45° ou de profil qui introduisent une dimension d&#8217;espace et d&#8217;environnement. J&#8217;en avais déjà relevé ou vu certains, mais comme c&#8217;est le prolongement exact de ce que <a href="http://www.hebiflux.com/blog/2009/06/10/des-home-de-site-a-environnements-illustres-et-interactifs/">j&#8217;avais relevé en Asie</a> plutôt avec une approche d&#8217;illustration et d&#8217;invitation à l&#8217;exploration à l&#8217;intérieur du site, je ne manque pas de le relever. Bonne lecture ! </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4584" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/19/environnements-en-vue-2-5d-ou-3d-en-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La mosaique, l&#8217;image et l&#8217;information&#8230; une question d&#8217;équilibre</title>
		<link>http://www.hebiflux.com/blog/2009/06/19/la-mosaique-limage-et-linformation-une-question-dequilibre/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/19/la-mosaique-limage-et-linformation-une-question-dequilibre/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 06:58:07 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Ludique et graphique]]></category>
		<category><![CDATA[web 2.0 (mais pas trop)]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4559</guid>
		<description><![CDATA[
Je reviens encore sur cet article L&#8217;information en ligne comme une mosaique et sur celui de Cédric Deniaud Présentation des contenus sous forme de mosaique.
En 2006, j&#8217;avais écrit quelques billets en relevant ce qui se faisait au travers des mosaiques d&#8217;images (mosaique d&#8217;images en flash  et exploration en mosaique. Egalement des projets très forts [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://www.hebiflux.com/blog/images//2007/04/uniqlo.jpg" title="uniqlo" class="alignnone" width="450" height="273" /><br />
Je reviens encore sur cet article <a href="http://www.drouillat.com/2009/05/31/linformation-en-ligne-comme-une-mosaique/">L&#8217;information en ligne comme une mosaique</a> et sur celui de Cédric Deniaud <a href="http://cdeniaud.canalblog.com/archives/2009/06/16/13993479.html">Présentation des contenus sous forme de mosaique.</a></p>
<p>En 2006, j&#8217;avais écrit quelques billets en relevant ce qui se faisait au travers des mosaiques d&#8217;images (<a href="http://www.hebiflux.com/blog/2006/06/08/les-mosaiques-en-flash-ou-pas/">mosaique d&#8217;images en flash  </a>et <a href="http://www.hebiflux.com/blog/2006/06/19/exploration-en-mosaique-suite/">exploration en mosaique</a>. Egalement des projets très forts comme <a href="http://www.hebiflux.com/blog/2007/04/14/eye-project-la-mosaique-en-marche/">le Eyeprojet </a>, Uniqlo pour ses créations récentes ou <a href="http://www.hebiflux.com/blog/2007/04/14/eye-project-la-mosaique-en-marche/">plus anciennes  </a>ou <a href="http://www.hebiflux.com/blog/2007/03/06/mosaique-en-video-oreseg/">Oreseg </a>plus en vidéo. <a href="http://www.hebiflux.com/blog/2007/07/15/trollback/">Trollback</a> l&#8217;utilise très bien pour son portfolio, et <a href="http://www.hebiflux.com/blog/2008/05/15/viewzi-moteur-de-recherche-visuel/">Viewzi</a> comme moteur de recherche. </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/image.jpg" alt="image" title="image" width="470" height="307" class="alignnone size-full wp-image-4560" /></p>
<p>Plus récemment, grâce à <a href="http://twitter.com/hebiflux/status/2189634185">un tweet de fwa</a>, <a href="http://www.spezify.com/">http://www.spezify.com/</a> qui, fort intéressant en lui même est un moteur de recherche organisant en mosaique l&#8217;actualité aussi bien textuelle que visuelle.</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/feedly.jpg" alt="feedly" title="feedly" width="470" height="287" class="alignnone size-full wp-image-4572" /><br />
Sans parler <a href="http://www.feedly.com/">également de Feedly</a>, qui offre une surcouche de présentation à un google Reader ou un Netvibes en extension Firefox, en transformant vos flux d&#8217;informations comme un magazine. Un peu plus éloigné de la mosaique d&#8217;images mais très efficace pour l&#8217;équilibre entre un contenu textuel et visuel. </p>
<p>Le déplacement qui s&#8217;opère sur l&#8217;image est intéressant à plusieurs niveaux : </p>
<p>- L&#8217;image a été retournée, décomposée, par couleur, par formes, par pixel durant de nombreuses années, et elle vient s&#8217;insérer petit à petit dans l&#8217;information ou les moteurs de recherches pour diversifier, illustrer, souligner ou résumer même un contenu. </p>
<p>- Chez spezify, l&#8217;image est photo -shop-, de mode, <strong>issue de vidéos youtube ou avatar de twitter. Qu&#8217;importe.</strong> L&#8217;image en arrive au même niveau piédestal en tant qu&#8217;information que le texte pour donner à l&#8217;internaute un niveau de compréhension global. En une image, on peut avoir tout compris. </p>
<p>- Cette proximité avec le texte en vient <strong>à mettre l&#8217;image au même niveau</strong> que les mots. Tantôt pour faire respirer un contenu, pour lui donner une ambiance, ou pour resituer plus facilement un contenu dans son contexte (Une photo de Barack Obama dit tout&#8230;)</p>
<p>- Parfois, c&#8217;est le contraire <strong>: l&#8217;image reste illustration et le texte domine</strong>, parfois c&#8217;est l&#8217;inverse. Il est intéressant de voir pour quels usages et dans quels cadres cet équilibre penche d&#8217;un côté ou de l&#8217;autre.  Adidas met en avant l&#8217;image, là ou le New York Times la relègue au rang d&#8217;illustration. Spezify la place au même niveau. </p>
<p>- L&#8217;appel visuel des mosaique d&#8217;images donne la part belle à la navigation en diagonale que l&#8217;on a de plus en plus sur internet, en survolant les contenus. Plus rapide, même si parfois on en dit moins.</p>
<p><strong>C&#8217;est la vue omnipotente de l&#8217;utilisateur sur l&#8217;information</strong><br />
Au final, <strong>la mosaique reste pour moi la vue la plus omnipotente qui soit.</strong> Telle la mouche avec ses 3000 yeux dôtée d&#8217;une vision panoramique, chaque oeil va renvoyer une facette différente de l&#8217;information ou d&#8217;une même information (on relit parfois sur internet la même info avec plusieurs angles et sources différentes). A l&#8217;ère de la donnée exhaustive et redondante, de l&#8217;instantanéité, c&#8217;est bien représentatif aussi de l&#8217;ère de l&#8217;information dans laquelle nous sommes et que l&#8217;on regarde au travers d&#8217;un caléidoscope.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4559" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/19/la-mosaique-limage-et-linformation-une-question-dequilibre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uniqlo revient de Tokyo à Paris</title>
		<link>http://www.hebiflux.com/blog/2009/06/18/uniqlo-revient-de-tokyo-a-paris/</link>
		<comments>http://www.hebiflux.com/blog/2009/06/18/uniqlo-revient-de-tokyo-a-paris/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 07:33:54 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Campagnes interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4565</guid>
		<description><![CDATA[

Uniqlo a joué avec les vidéos, les mosaiques d&#8217;images, les écrans panoramiques, les vues de caméra diverses&#8230; avec toujours cette technique sans reproche et sans peur de se brider en créativité. 
Cette fois, avec la nouvelle campagne : Uniqlo.com/paris/ c&#8217;est une composition en mosaique de contenu textuel, d&#8217;animations, d&#8217;informations de nature très différentes qui viennent [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/06/uni1.jpg" alt="uni1" title="uni1" width="470" height="350" class="alignnone size-full wp-image-4567" /></p>
<p><img src="http://www.hebiflux.com/blog/images//2009/06/uni2.jpg" alt="uni2" title="uni2" width="470" height="264" class="alignnone size-full wp-image-4568" /></p>
<p>Uniqlo a joué avec les vidéos, les mosaiques d&#8217;images, les écrans panoramiques, les vues de caméra diverses&#8230; avec toujours cette technique sans reproche et sans peur de se brider en créativité. </p>
<p>Cette fois, avec la nouvelle campagne : <a href="http://www.uniqlo.com/paris/">Uniqlo.com/paris/</a> c&#8217;est une composition en mosaique de contenu textuel, d&#8217;animations, d&#8217;informations de nature très différentes qui viennent se juxtaposer les unes aux autres. Elle rappelle une plus récente parue récemment qui présentait l&#8217;entreprise, mais cette mosaique là est un peu différente avec une animation de déroulement particulière. Chose étrange : il n&#8217;y a pas de son, ce qui contribue très souvent à cette ambiance de la marque lors de leurs campagnes si relevées.</p>
<p><em>Un jour, j&#8217;achèterais au moins une paire de chaussettes chez eux&#8230; à force d&#8217;en parler&#8230;</em></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4565" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/06/18/uniqlo-revient-de-tokyo-a-paris/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
