<?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>Space Rhythm &#187; Technologies</title>
	<atom:link href="http://diplome.pixylab.com/wordpress/category/technologie/feed/" rel="self" type="application/rss+xml" />
	<link>http://diplome.pixylab.com/wordpress</link>
	<description>Jeux vidéo et interaction musicale - Jeremie Biron - Diplôme 2010</description>
	<lastBuildDate>Fri, 14 May 2010 23:49:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>reacTIVision + processing : Interactions de base</title>
		<link>http://diplome.pixylab.com/wordpress/2010/03/07/reactivision-processing-interactions-de-base/</link>
		<comments>http://diplome.pixylab.com/wordpress/2010/03/07/reactivision-processing-interactions-de-base/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 21:23:06 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[collisions]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[reactivision]]></category>
		<category><![CDATA[tuio]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=699</guid>
		<description><![CDATA[Voici quelques tests de collision dans un environnement processing avec tracking de tags fiduciaires.
Il était important de pouvoir dissocier chaque marqueur, ce que TUIO fait très bien ici.
getX(), getY() et getAngle() permettent de récupérer la position des marqueurs et getSymbolID() récupère l&#8217;identifiant du marqueur. 
Voici donc un exemple dans lequel j&#8217;ai placé une zone de collision. Lorsque les carrés (représentation des marqueurs) [...]]]></description>
			<content:encoded><![CDATA[<p>Voici quelques tests de collision dans un environnement processing avec tracking de tags fiduciaires.</p>
<p>Il était important de pouvoir dissocier chaque marqueur, ce que TUIO fait très bien ici.</p>
<p><strong>getX()</strong>, <strong>getY()</strong> et <strong>getAngle() </strong>permettent de récupérer la position des marqueurs et <strong>getSymbolID() <span style="font-weight: normal;">récupère l&#8217;identifiant du marqueur. </span></strong></p>
<p><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//fiduciaire.jpg" rel="wp-prettyPhoto[g699]"><img class="aligncenter size-full wp-image-700" title="fiduciaire reactivision" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//fiduciaire.jpg" alt="fiduciaire reactivision" width="250" height="256" /></a>Voici donc un exemple dans lequel j&#8217;ai placé une zone de collision. Lorsque les carrés (représentation des marqueurs) rentrent dans cette zone, ils deviennent vert et les boutons de la partie basse deviennent actifs. Un clic sur un de ces boutons déclenchera alors un &laquo;&nbsp;tir&nbsp;&raquo; du carré (futur vaisseau) correspondant.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=9984342&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="322" src="http://vimeo.com/moogaloop.swf?clip_id=9984342&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/9984342">reacTIVision + processing : basic interactions</a> from <a href="http://vimeo.com/pixylab">pixyLab</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Je commencerais à publier quelques codes quand ceux-ci seront un petit peu plus &laquo;&nbsp;propres&nbsp;&raquo;. <img src='http://diplome.pixylab.com/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2010/03/07/reactivision-processing-interactions-de-base/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>reacTIVision + TUIO + processing</title>
		<link>http://diplome.pixylab.com/wordpress/2010/03/06/reactivision-processing/</link>
		<comments>http://diplome.pixylab.com/wordpress/2010/03/06/reactivision-processing/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 18:07:27 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[fiduciaire]]></category>
		<category><![CDATA[marqueurs]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[reactivision]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[tracking]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=693</guid>
		<description><![CDATA[Ayant publié hier un petit article sur l&#8217;utilisation combinée de flash et reacTIVision, j&#8217;ai été confronté à quelques problèmes. La technologie utilisée étant rudimentaire, il était impossible d&#8217;obtenir des interactions viables. Après quelques heures d&#8217;essais, impossible également de faire fonctionner les autres méthodes sous flash.
Je me suis donc tourné vers processing, qui présente une utilisation [...]]]></description>
			<content:encoded><![CDATA[<p>Ayant publié hier un petit article sur l&#8217;utilisation <a href="http://diplome.pixylab.com/wordpress/2010/03/05/reactivision-tuio-flash-as3/">combinée de flash et reacTIVision</a>, j&#8217;ai été confronté à quelques problèmes. La technologie utilisée étant rudimentaire, il était impossible d&#8217;obtenir des interactions viables. Après quelques heures d&#8217;essais, impossible également de faire fonctionner les <a href="http://www.tuio.org/?flash">autres méthodes sous flash</a>.</p>
<p>Je me suis donc tourné vers processing, qui présente une utilisation du protocole TUIO vraiment plus agréable et simple à exploiter.</p>
<p>Voici, ci dessous, un lien permettant de communiquer aisément entre <a href="http://reactivision.sourceforge.net/">reacTIVision </a>et <a href="http://processing.org/">processing </a>:</p>
<p><a href="http://prdownloads.sourceforge.net/reactivision/TUIO_Processing-1.4.zip?download">Téléchargement du client TUIO pour processing</a></p>
<p><a href="http://www.tuio.org/?processing">Documentation</a></p>
<p>Après quelques test j&#8217;ai pu sans problèmes mettre en place une zone de collision, qui me permettra  de localiser des cartes munies de marqueurs fiduciaires, <a href="http://diplome.pixylab.com/wordpress/2010/02/24/presentation-des-concepts-de-jeu/">comme expliqué dans le second concept</a>.</p>
<p style="text-align: center; "><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//reactivision_processing.jpg" rel="wp-prettyPhoto[g693]"><img class="aligncenter size-full wp-image-694" title="reactivision_processing" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//reactivision_processing.jpg" alt="reactivision_processing" width="430" height="221" /></a></p>
<p style="text-align: left; ">
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2010/03/06/reactivision-processing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>reacTIVision + TUIO + Flash (as3)</title>
		<link>http://diplome.pixylab.com/wordpress/2010/03/05/reactivision-tuio-flash-as3/</link>
		<comments>http://diplome.pixylab.com/wordpress/2010/03/05/reactivision-tuio-flash-as3/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 18:16:23 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[marqueurs]]></category>
		<category><![CDATA[reactivision]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[tuio]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=689</guid>
		<description><![CDATA[Voici un excellent moyen de tracker des marqueurs fiduciaires reacTIVision dans un environnement Flash (as3).
http://sourceforge.net/projects/reactivision/files/TUIO%201.0/TUIO-Clients%201.4/TUIO_Flash-1.4.zip/download
La démarche est assez aisée et elle permettra dans le cadre de mon projet d&#8217;assurer le positionnement des cartes vaisseaux. (Voir 2ème concept)
1. Télécharger l&#8217;environnement reacTIVision.
2. Imprimer des marqueurs fiduciaires.
3. Récupérer les fichiers pour réaliser la passerelle entre reacTIVision et Flash.
4. Lancer reacTIVision en prenant [...]]]></description>
			<content:encoded><![CDATA[<p>Voici un excellent moyen de tracker des marqueurs fiduciaires reacTIVision dans un environnement Flash (as3).</p>
<p><a href="http://sourceforge.net/projects/reactivision/files/TUIO%201.0/TUIO-Clients%201.4/TUIO_Flash-1.4.zip/download">http://sourceforge.net/projects/reactivision/files/TUIO%201.0/TUIO-Clients%201.4/TUIO_Flash-1.4.zip/download</a></p>
<p>La démarche est assez aisée et elle permettra dans le cadre de mon projet d&#8217;assurer le positionnement des cartes vaisseaux. (<a href="http://diplome.pixylab.com/wordpress/2010/02/24/presentation-des-concepts-de-jeu/">Voir 2ème concept</a>)</p>
<p>1. Télécharger l&#8217;environnement <a href="http://reactivision.sourceforge.net/#files">reacTIVision</a>.</p>
<p>2. Imprimer des <a href="http://reactivision.sourceforge.net/data/fiducials.pdf">marqueurs fiduciaires</a>.</p>
<p>3. Récupérer les fichiers pour réaliser la passerelle entre <a href="http://sourceforge.net/projects/reactivision/files/TUIO%201.0/TUIO-Clients%201.4/TUIO_Flash-1.4.zip/download">reacTIVision et Flash</a>.</p>
<p>4. Lancer reacTIVision en prenant soin d&#8217;avoir une camera ou une webcam branchée.</p>
<p>5. Lancer le fichier &laquo;&nbsp;run.bat&nbsp;&raquo;</p>
<p>6. Lancer &laquo;&nbsp;TuioDemo.swf&nbsp;&raquo;</p>
<p>7. Prendre soin de d&#8217;autoriser les transferts de donnés dans les paramètres flash, sans quoi la connexion serait impossible.</p>
<p>8. Cliquer sur &laquo;&nbsp;Connect&nbsp;&raquo;</p>
<p>Et voici le résultat :</p>
<p style="text-align: center;"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//reactiflash.jpg" rel="wp-prettyPhoto[g689]"><img class="aligncenter size-full wp-image-690" title="reactivision flash" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//reactiflash.jpg" alt="reactivision flash" width="430" height="208" /></a></p>
<p style="text-align: left;">Ce système est seulement fait pour supporter des interactions &laquo;&nbsp;simples&nbsp;&raquo;. Un trop grand nombre de marqueurs pourra faire freezer l&#8217;application, cela reste tout de même largement suffisant dans pas mal de cas.</p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2010/03/05/reactivision-tuio-flash-as3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Acoustique virtuelle</title>
		<link>http://diplome.pixylab.com/wordpress/2009/11/30/acoustique-virtuelle/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/11/30/acoustique-virtuelle/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 17:03:10 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[réalité virtuelle]]></category>
		<category><![CDATA[tracking]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=564</guid>
		<description><![CDATA[Acoustique virtuelle&#8230; Voici une expression encore bien floue que l&#8217;on devrait réentendre dans les années à venir.
Les nouveaux mondes de la réalité virtuelle cherchent à nous immerger d&#8217;une manière de plus en plus complète et crédible. Aujourd&#8217;hui encore, le son ne participe que peu à l&#8217;immersion de l&#8217;utilisateur, pourtant les technologies sont là et le rendu audio [...]]]></description>
			<content:encoded><![CDATA[<p>Acoustique virtuelle&#8230; Voici une expression encore bien floue que l&#8217;on devrait réentendre dans les années à venir.</p>
<p>Les nouveaux mondes de la réalité virtuelle cherchent à nous immerger d&#8217;une manière de plus en plus complète et crédible. Aujourd&#8217;hui encore, le son ne participe que peu à l&#8217;immersion de l&#8217;utilisateur, pourtant les technologies sont là et le rendu audio en matière de spatialisation du son est tout bonnement impressionnant.</p>
<p><span id="more-564"></span><strong>Qu&#8217;est-ce exactement que l&#8217;acoustique virtuelle ?</strong></p>
<p>L&#8217;acoustique virtuelle ou &laquo;&nbsp;audio-spatialisation&nbsp;&raquo; est un procédé visant à rendre cohérent l&#8217;écoute du son dans un environnement donné. C&#8217;est-à-dire enregistrer et retranscrire le son en &laquo;&nbsp;imitant&nbsp;&raquo; une écoute &laquo;&nbsp;naturelle&nbsp;&raquo; et positionable dans un espace en réel 3 dimensions.</p>
<p><strong>Les caractéristiques de l&#8217;acoustique virtuelle.</strong></p>
<p>- <span style="text-decoration: underline;">La différence interaurale de temps,</span> consiste à prendre en compte l&#8217;espace entre les deux oreilles de l&#8217;utilisateur générant un décalage (de l&#8217;ordre de 0.7 ms) de perception.</p>
<p>- <span style="text-decoration: underline;">La différence interaurale d&#8217;amplitude,</span> correspond à la différence de volume entre les deux oreilles. Cette technique prend bien sûr en compte la distance et l&#8217;orientation de chacune des oreilles, mais également le taux de pénétration des ondes (graves / aiguë), la réflexion sur le corps (torse, épaules) ou encore l&#8217;effet de masque de la tête et de l&#8217;oreille externe.</p>
<p>-<span style="text-decoration: underline;"> La gestion de la hauteur et des confusions</span> avant/arrière lors de l&#8217;écoute.</p>
<p>Le résultat est saisissant. Même avec plusieurs sources sonores simultanées, il est possible de définir les positions exactes dans un espace tri-dimensionnel. Certains systèmes disposent même d&#8217;un &laquo;&nbsp;tracking&nbsp;&raquo; permettant un son actif lié à la position de l&#8217;utilisateur : <strong>Si je perçois un son derrière moi et que je me retourne, je le percevrais alors devant moi.</strong></p>
<p>Je vous invites d&#8217;ailleurs à vous munir d&#8217;un casque stéréo et à faire l&#8217;essai d&#8217;une capture binaurale. Même sans avoir un casque permettant le retranscription précise des éléments dans l&#8217;espace, certains effets sont plus que saisissants :<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/IUDTlvagjJA&amp;hl=fr_FR&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/IUDTlvagjJA&amp;hl=fr_FR&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>On peut dès lors imaginer la place que pourrait trouver un tel dispositif dans un jeu vidéo immersif ou l&#8217;utilisateur est libre de se déplacer&#8230; Le jeu vidéo en est à ses balbutiements en matière d&#8217;immersion et il y a fort à parier que l&#8217;utilisation d&#8217;environnements sonores dynamiques (j&#8217;entends interaction avec la position et l&#8217;orientation du joueur) se rependent dans nos salons dans quelques années.</p>
<h5><span style="color: #888888;">Sources : </span></h5>
<h5><a href="http://hal.archives-ouvertes.fr/docs/00/17/42/30/PDF/These_NEpain.pdf"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://hal.archives-ouvertes.fr/docs/00/17/42/30/PDF/These_NEpain.pdf</span></span></span></a></h5>
<h5><a href="http://www.euphonia.fr/"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://www.euphonia.fr/</span></span></span></a></h5>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/11/30/acoustique-virtuelle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les nouvelles interfaces de création musicale</title>
		<link>http://diplome.pixylab.com/wordpress/2009/11/07/les-nouvelles-interfaces-de-creation-musicale/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/11/07/les-nouvelles-interfaces-de-creation-musicale/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 03:06:16 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Histoire]]></category>
		<category><![CDATA[Projets]]></category>
		<category><![CDATA[Technologies]]></category>
		<category><![CDATA[création]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[multitouch]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[tactile]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[technologies]]></category>
		<category><![CDATA[tracking]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=491</guid>
		<description><![CDATA[Voici une sélection de projets interactifs basés sur la création (ou modification) de musique.
Yahmaha Tenori-on
Véritable instrument de musique électronique, le Tenori-On est composé d&#8217;une grille de 16&#215;16 leds que le joueur peut activer ou désactiver pour déclencher des sons de manière intuitive et visuelle. Il est possible de stocker des &#171;&#160;partitions&#160;&#187; dans l&#8217;appareil que l&#8217;utilisateur pourra déclencher à souhait, le tout [...]]]></description>
			<content:encoded><![CDATA[<p>Voici une sélection de projets interactifs basés sur la création (ou modification) de musique.</p>
<p><strong>Yahmaha Tenori-on</strong></p>
<p>Véritable instrument de musique électronique, le Tenori-On est composé d&#8217;une grille de 16&#215;16 leds que le joueur peut activer ou désactiver pour déclencher des sons de manière intuitive et visuelle. Il est possible de stocker des &laquo;&nbsp;partitions&nbsp;&raquo; dans l&#8217;appareil que l&#8217;utilisateur pourra déclencher à souhait, le tout au travers de 6 modes musicaux distincts.</p>
<div id="attachment_494" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//tenorion.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-494" title="tenori-on" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//tenorion.jpg" alt="Tenori-on" width="430" height="425" /></a><p class="wp-caption-text">Tenori-on</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="aligncenter" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/_SGwDhKTrwU&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/_SGwDhKTrwU&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true" align="aligncenter"></embed></object></div>
<p>Une version flash allégée a été réalisée par André Michelle sous le nom de  &nbsp;&raquo;<a href="http://lab.andre-michelle.com/tonematrix" target="_blank">Tone Matrix</a>&nbsp;&raquo; &lt;&#8211; Démo jouable</p>
<p><span id="more-491"></span><strong>Novation LaunchPad</strong></p>
<p>LaunchPad est un périphérique à coupler avec le logiciel Ableton Live (création musicale complète). Il trouvera son application dans le DJing, la performance live ou la composition brute. LaunchPad est composé d&#8217;une grille de 64 boutons qui peuvent changer de couleur ainsi que de différents modes de visualisations (séquenceur, égaliseur&#8230;).</p>
<div id="attachment_496" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//x7vqjya0vp_launchpad-ableton-main-image.png" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-496" title="launchpad novation ableton" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//x7vqjya0vp_launchpad-ableton-main-image.png" alt="Novation Launchpad" width="430" height="295" /></a><p class="wp-caption-text">Novation Launchpad</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="261" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/gMgxLPcq-3o&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="261" src="http://www.youtube.com/v/gMgxLPcq-3o&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>Beatbearing</strong></p>
<p>Bien qu&#8217;à priori assez limité dans son usage, &laquo;&nbsp;Beatbearing&nbsp;&raquo; surprend par son aspect et offre au séquenceur une esthétique et une facilité d&#8217;usage vraiment intéressante grâce à ses billes métalliques.</p>
<div id="attachment_497" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//BeatBearing-Closeup.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-497" title="BeatBearing" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//BeatBearing-Closeup.jpg" alt="BeatBearing" width="430" height="287" /></a><p class="wp-caption-text">BeatBearing</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/wreP8FMupyM&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/wreP8FMupyM&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>reacTable</strong></p>
<p>ReacTable un impressionnant projet de synthétiseur tangible. Le plateau est de forme circulaire sur lequel (les) joueur(s) vient placer des blocs, éléments du synthétiseur. En fonction de la distance, les blocs se raccordent entre eux et le joueur peut moduler les sons en pivotant ces objets. Ces raccordement se terminent au point central, représenté par un petit rond noir : &laquo;&nbsp;l&#8217;output&nbsp;&raquo; du synthétiseur. L&#8217;ensemble fonctionne grâce à des tags trackés par une caméra placée sous la surface. Celle ci peut également prendre en compte les effets lumineux générés par les blocs, ou la position des doigts du joueur.</p>
<div id="attachment_499" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//bjork_reacTable_630px.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-499" title="reacTable" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//bjork_reacTable_630px.jpg" alt="reacTable" width="430" height="197" /></a><p class="wp-caption-text">reacTable</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/0h-RhyopUmc&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/0h-RhyopUmc&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>ReacTogon</strong></p>
<p><span style="font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; line-height: 25px; font-size: 14px;">Reactogon est un</span> &laquo;&nbsp;<span style="font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; line-height: 25px; font-size: 14px;">arpeggiator&nbsp;&raquo; tangible, basé sur la logique des réactions en chaînes. Sur un plateau multitouch, le joueur disposé divers blocs : </span></p>
<p>&laquo;&nbsp;Note&nbsp;&raquo;, qui couplé à une orientation permet de &laquo;&nbsp;lancer&nbsp;&raquo; un signal.</p>
<p>&laquo;&nbsp;Ricochet&nbsp;&raquo;, qui permet de faire rebondir ce signal en déclenchant un son.</p>
<p>&laquo;&nbsp;Splitter&nbsp;&raquo;, sorte de ricochet multi-directionnel.</p>
<p>&laquo;&nbsp;Stop&nbsp;&raquo;, pour arrêter un son.</p>
<p>ReacTogon dispose également d&#8217;une barre pour agir sur le &laquo;&nbsp;pitch&nbsp;&raquo; du son ainsi que divers &laquo;&nbsp;fader&nbsp;&raquo; pour le volume et les effets.</p>
<div id="attachment_500" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//reactogon_detail.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-500" title="reactogon" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//reactogon_detail.jpg" alt="ReacTogon" width="430" height="325" /></a><p class="wp-caption-text">ReacTogon</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/AklKy2NDpqs&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/AklKy2NDpqs&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong> </strong></p>
<p>Ce projet aura d&#8217;ailleurs été à la base de l&#8217;influence de &laquo;&nbsp;JR Hexagone pro&nbsp;&raquo;, application de création semi-assistée pour iPhone.</p>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/L8VZPmoFGzQ&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/L8VZPmoFGzQ&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>Audiopad</strong></p>
<p>Proche du concept reacTable, Audiopad est une interface plutôt destinée a mixer la musique.</p>
<div id="attachment_502" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//audiopad2_f.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-502" title="audiopad" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//audiopad2_f.jpg" alt="Audiopad" width="430" height="322" /></a><p class="wp-caption-text">Audiopad</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/lxAD1QIv_dw&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/lxAD1QIv_dw&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>audiowiisual / wii scratching</strong></p>
<p>Voici deux projets basés sur les interactions de la wiimote.</p>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/6ToaN7vTqtU&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/6ToaN7vTqtU&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/BZVVFLYLfHU&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/BZVVFLYLfHU&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>loopArena</strong></p>
<p>loopArena est un environnement tactile principalement destiné au live ou à la performance. L&#8217;utilisateur peut ainsi contrôler des instrument MIDI tels un sampler ou un synthétiseur.</p>
<div id="attachment_503" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//looparena-05.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-503" title="looparena" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//looparena-05.jpg" alt="loopArena" width="430" height="322" /></a><p class="wp-caption-text">loopArena</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/bUyOXjAnhpY&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/bUyOXjAnhpY&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>Andy Huntington&#8217;s Beatbox</strong></p>
<p>BeatBox est un système que l&#8217;on pourrait qualifier de &laquo;&nbsp;séquenceur pour objets réels&nbsp;&raquo;. L&#8217;idée est de marqué un rythme sur un bouton, et de placer un petit dispositif sur un objet voulu. Ce rythme sera reproduit en frappant sur l&#8217;objet en question. Très ludique et amusant.</p>
<div id="attachment_505" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//beatbox1.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-505" title="beatbox" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//beatbox1.jpg" alt="Andy Huntington's BeatBox" width="430" height="243" /></a><p class="wp-caption-text">Andy Huntington&#39;s BeatBox</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1187639&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="322" src="http://vimeo.com/moogaloop.swf?clip_id=1187639&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><a href="http://vimeo.com/1187639">Beatbox</a> from <a href="http://vimeo.com/andyhunti">Andy Huntington</a> on <a href="http://vimeo.com">Vimeo</a>.<br />
Ce projet fait suite à &laquo;&nbsp;TapTap&nbsp;&raquo;, un projet tout aussi créatif.</p>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1192424&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="322" src="http://vimeo.com/moogaloop.swf?clip_id=1192424&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><a href="http://vimeo.com/1192424">tapTap</a> from <a href="http://vimeo.com/andyhunti">Andy Huntington</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><strong>Percussa Audio Cubes</strong></p>
<p>Audio Cubes est un projet d&#8217;interface tangible permettant à l&#8217;utilisateur de créer des son ou d&#8217;appliquer divers effets à une piste grâce à un système basé sur des capteurs/récepteurs infrarouges. Ainsi la position, l&#8217;orientation, la distances (entre deux cubes ou entre un cube et un obstacle) seront déterminant pour agir sur le son. Audio Cubes est susceptible de fonctionner avec n&#8217;importe quel logiciel de création musicale.</p>
<div id="attachment_507" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//namm07-audiocube_pop.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-507" title="percussa audio cubes" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//namm07-audiocube_pop.jpg" alt="Percussa Audio Cubes" width="430" height="239" /></a><p class="wp-caption-text">Percussa Audio Cubes</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/sg9EC7pPPYw&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="348" src="http://www.youtube.com/v/sg9EC7pPPYw&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><strong>Scrapple</strong></p>
<p>Toujours dans le domaines des séquenceurs tangibles, scrapple utilise des formes géométriques simples à disposer sur une table dont les axes représentent le temps et le &laquo;&nbsp;pitch&nbsp;&raquo;.</p>
<div id="attachment_508" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//scrapple.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-508" title="scrapple" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//scrapple.jpg" alt="Scrapple" width="430" height="215" /></a><p class="wp-caption-text">Scrapple</p></div>
<div style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="345" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2379890&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="345" src="http://vimeo.com/moogaloop.swf?clip_id=2379890&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p><a href="http://vimeo.com/2379890">Scrapple Installation (Brief Demo)</a> from <a href="http://vimeo.com/golanlevin">Golan Levin</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><strong>iPhone ocarina</strong></p>
<p>Il existe aujourd&#8217;hui une grande quantité d&#8217;applications musicales pour iPhone. En voici une assez particulière :</p>
<p>iPhone ocarina, est, comme sont nom l&#8217;indique, une simulation d&#8217;ocarina pour le téléphone d&#8217;apple basé sur le souffle (micro) et la position des doigts (écran multitouch).</p>
<div id="attachment_509" class="wp-caption alignnone" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//iphone_ocarina.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-509" title="iphone_ocarina" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//iphone_ocarina.jpg" alt="iPhone Ocarina" width="430" height="287" /></a><br />
<p class="wp-caption-text">iPhone Ocarina</p></div>
<div id="attachment_510" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//iphone_ocarina_2.jpg" rel="wp-prettyPhoto[g491]"><img class="size-full wp-image-510" title="iphone_ocarina_2" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//iphone_ocarina_2.jpg" alt="Quelques spécifications" width="430" height="287" /></a><p class="wp-caption-text">Quelques spécifications</p></div>
<h5><span style="color: #888888;">Sources :</span></h5>
<h5><a href="http://www.fubiz.net/"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://www.fubiz.net/</span></span></span></a></h5>
<h5><a href="http://romk.fr/blog/musique/les-interfaces-visuelles-sonores"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://romk.fr/blog/musique/les-interfaces-visuelles-sonores</span></span></span></a></h5>
<h5><a href="http://emi.precious-forever.com/"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://emi.precious-forever.com/</span></span></span></a></h5>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">Yahmaha Tenori-on</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">LaunchPad for Ableton</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">beatbearing</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">andre michelle</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">reacTable</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">ReacTogon</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">Audiopad</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">Audiofil</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">audiowiisual</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">multi touch console loopArena</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">wii scratching</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">Ali Momeni</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">Andy Huntington Interaction &amp; Sound &#8211; Beatbox/taptap</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">percussa audiocubes</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">scrapple</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">iphone ocarina</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">fubiz</div>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/11/07/les-nouvelles-interfaces-de-creation-musicale/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Trackmate &#8211; Premiers tests</title>
		<link>http://diplome.pixylab.com/wordpress/2009/10/26/trackmate-premiers-tests/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/10/26/trackmate-premiers-tests/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 21:54:28 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=452</guid>
		<description><![CDATA[Trackmate est un interfaçage par tags dont j&#8217;ai parlé il y a quelques jours ici : Trackmate.
J&#8217;ai eu l&#8217;occasion de faire quelques tests afin de voir comment réagissait cette technologie.
Chacun est libre de faire son installation comme il le souhaite, trackmate étant assez souple d&#8217;utilisation. Pour ma part :
-Une table en verre fumé (coté fumé [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://trackmate.sourceforge.net/" target="_blank">Trackmate</a> est un interfaçage par tags dont j&#8217;ai parlé il y a quelques jours ici :<a href="http://diplome.pixylab.com/wordpress/2009/10/05/trackmate/" target="_blank"> Trackmate</a>.</p>
<p>J&#8217;ai eu l&#8217;occasion de faire quelques tests afin de voir comment réagissait cette technologie.</p>
<p>Chacun est libre de faire son installation comme il le souhaite, trackmate étant assez souple d&#8217;utilisation. Pour ma part :</p>
<p>-Une table en verre fumé (coté fumé sur le dessus)</p>
<p>-Une camera bas de gamme placée sous la table (fonctionne également avec une webcam)</p>
<p>-Une lampe de bureau &laquo;&nbsp;pince à linge&nbsp;&raquo;.</p>
<p>A première vue trackmate est très bien documenté et en suivant les quelques étapes de réglages (définition de la taille de travail, balance des blancs&#8230;) on arrive très vite à une capture de tags de qualité.</p>
<div id="attachment_454" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate1.jpg" rel="wp-prettyPhoto[g452]"><img class="size-full wp-image-454 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate1.jpg" alt="Trackmate est simple d'utilisation" width="430" height="215" /></a><p class="wp-caption-text">Point vert pour le noir, bleu pour le blanc et les tags sont capturés</p></div>
<p><span id="more-452"></span>Plus qu&#8217;à découper les tags de la feuille imprimée et l&#8217;installation est prête à la reconnaissance de position / orientation.</p>
<div id="attachment_455" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate2.jpg" rel="wp-prettyPhoto[g452]"><img class="size-full wp-image-455 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate2.jpg" alt="Le trait rouge représente l'orientation du tag" width="430" height="215" /></a><p class="wp-caption-text">Le trait rouge représente l&#39;orientation du tag</p></div>
<p>Avec des réglages assez précis l&#8217;ensemble fonctionne bien, la capture est plutôt réactive et il est même possible de sauvegarder ses réglages.</p>
<p>Cependant ce qui fait la force d&#8217;une technologie de ce genre, c&#8217;est bien sur sa capacité a assurer des ponts avec d&#8217;autre langages et comme je l&#8217;ai dis il y a quelques jours, trackmate se base sur le protocole<a href="http://lusidosc.sourceforge.net/" target="_blank"> LusidOSC</a> créer pour gérer des interfaces de type données spatialisées dont les librairies sont libre de droits. Si les librairies flash sont en court de développement, j&#8217;ai pu tester la passerelle vers processing qui marche parfaitement bien. Voici donc quelques scripts mis à disposition de chacun.</p>
<p>Tout d&#8217;abords un test basique de localisation dans l&#8217;espace :</p>
<div id="attachment_458" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate5.jpg" rel="wp-prettyPhoto[g452]"><img class="size-full wp-image-458 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate5.jpg" alt="Les points respectent la position des tags" width="430" height="241" /></a><p class="wp-caption-text">Les points respectent la position des tags</p></div>
<p>Script plus graphique : Une spirale tourne dans la fenêtre, chaque tag vient agir sur une donnée, taille, nombre de palles, vitesse de rotation, couleur&#8230; Une simple inclinaison du tag et le tour est joué.</p>
<div id="attachment_453" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate6.jpg" rel="wp-prettyPhoto[g452]"><img class="size-full wp-image-453 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate6.jpg" alt="Chaque inclinaison de tag agit sur le graphique" width="430" height="232" /></a><p class="wp-caption-text">Chaque inclinaison de tag agit sur le graphique</p></div>
<p>Vous l&#8217;aurez comprit, on peut faire à peut prêt ce que l&#8217;on veut avec ces tags et les scripts qui suivent m&#8217;intéressent particulièrement puisqu&#8217;ils permettent de créer une interaction avec les sons.</p>
<p><strong>Sequencer</strong></p>
<p>Voici une application qui permet de simuler un séquenceur. L&#8217;utilisation est simple :</p>
<p>-Je choisis un tag que je place sur la zone &laquo;&nbsp;trackée&nbsp;&raquo;.</p>
<p>-Je lui applique un pattern de notes à jouer sur les divers instruments proposés.</p>
<p>-Je reproduit cette manipulation autant de fois que je souhaite de patterns.</p>
<p>-Je place les tags sur la zone trackée lorsque je souhaite activer les patterns.</p>
<p>Plus qu&#8217;à jouer avec le placement/suppression de tags et il devient possible de gérer un petit séquenceur avec une interface tangible.</p>
<div id="attachment_457" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate4.jpg" rel="wp-prettyPhoto[g452]"><img class="size-full wp-image-457 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate4.jpg" alt="Voici un sequenceur tangible !" width="430" height="303" /></a><p class="wp-caption-text">Voici un sequenceur tangible !</p></div>
<p><strong>PlaylistDJ</strong></p>
<p>PlaylistDj est un script qui permet de jouer avec ses propres morceaux de musique de la manière suivante :</p>
<p>-Je place un tag sur la zone trackée.</p>
<p>-Je lui assigne un morceau de musique (ou un son) de mon répertoire</p>
<p>-Je répète l&#8217;opération autant de fois que je souhaite avoir de morceaux.</p>
<p>-Je place les tags voulus sur la zone trackée.</p>
<p>Il ne reste plus qu&#8217;à jouer avec les tags. Dès que l&#8217;un d&#8217;entre eux est placé sur la zone trackée, le morceau se lance. Si je monte le tag, le son augmente, si je le baisse, il diminue. La rotation permet enfin d&#8217;appliquer des effets aux morceaux musicaux.</p>
<div id="attachment_456" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate3.jpg" rel="wp-prettyPhoto[g452]"><img class="size-full wp-image-456 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//trackmate3.jpg" alt="Une nouvelle interface pour le DJing ?" width="430" height="217" /></a><p class="wp-caption-text">Une nouvelle interface pour le DJing ?</p></div>
<p><strong>Conclusion</strong></p>
<p>Combiné a de petits objets sous lequel les tags sont placés, Trackmate / LusidOSC est une manière simple et efficace de fabriquer sa propre interface tangible. Pour peu que l&#8217;utilisateur dispose de quelques connaissances en programmation c&#8217;est un nouveau périphérique qui s&#8217;ouvre devant lui et dont la seule contrainte est l&#8217;imagination et la mise en forme à lui appliquer.</p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/10/26/trackmate-premiers-tests/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>MT9, MXP4&#8230; des formats multipistes prometteurs</title>
		<link>http://diplome.pixylab.com/wordpress/2009/10/19/mt9-mxp4-des-formats-multipistes-prometteur/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/10/19/mt9-mxp4-des-formats-multipistes-prometteur/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 15:06:39 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[formats]]></category>
		<category><![CDATA[mp3]]></category>
		<category><![CDATA[mt9]]></category>
		<category><![CDATA[multipistes]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[mxp4]]></category>
		<category><![CDATA[ogg]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=436</guid>
		<description><![CDATA[Avant toute chose il me semble judicieux de définir ce qu&#8217;est un format audio. Un format audio est un format de données numériques contenant des sons (voix, musiques, bruit, etc.). Ces formats ont, tout comme les fichiers images, des caractéristiques propres comme le volume du document et la qualité de celui-ci. Ces formats sont définis [...]]]></description>
			<content:encoded><![CDATA[<p>Avant toute chose il me semble judicieux de définir ce qu&#8217;est un format audio. Un format audio est un format de données numériques contenant des sons (voix, musiques, bruit, etc.). Ces formats ont, tout comme les fichiers images, des caractéristiques propres comme le volume du document et la qualité de celui-ci. Ces formats sont définis par un algorithme de compression qu&#8217;on appelle &laquo;&nbsp;codec&nbsp;&raquo;. Il existe de nombreux formats dont chacun dispose de caractéristiques propres. Voici quelques exemples très connus (il existe bien sûr un très grand nombre de formats) :</p>
<p><strong>WAV</strong> (Waveform Audio Vector) : Fichier non comprimé (pas de perte de qualité) au poids très lourd, principalement utilisé pour travailler le son.</p>
<p><strong>MP3</strong> (MPEG-1 Layer III) : Fichier comprimé, poids très léger et grande compatibilité. Malheureusement ce format détruit la qualité du fichier, particulièrement mauvais dans les aiguës.</p>
<p><strong>Ogg</strong> (Ogg Vorbis) : Tout comme le Mp3, l&#8217;Ogg Vorbis est un fichier comprimé, cependant ce dernier à la caractéristique d&#8217;être libre (pas de droits d&#8217;utilisation) et de disposer d&#8217;un meilleur algorithme de compression qui conserve mieux la qualité initiale du fichier.</p>
<p><span id="more-436"></span></p>
<p>Le format le plus utilisé aujourd&#8217;hui est bien sûr le mp3.</p>
<p>La généralisation s&#8217;est faite à grande vitesse, principalement grâce aux baladeurs numériques et aux échanges de fichiers, légaux ou non (de type p2p) sur internet. Ce format s&#8217;est principalement répandu &laquo;&nbsp;grâce&nbsp;&raquo; à la faible quantité de stockage des premiers baladeurs mp3. Il était à l&#8217;époque inconcevable de transporter dans sa poche des albums entiers au format WAV. Le premier baladeur mp3 disposait de 32mo de stockage, soit : un album très compressé au format mp3 ou &#8230; une piste WAV.</p>
<p><strong>Mais alors pourquoi utilisons nous encore le fichier mp3 ?</strong></p>
<p>Pour la même raison que l&#8217;on utilise MSN plutôt Jabber, ou Windows à la place de Linux : Par habitude et pour répondre aux standards. Le simple fait que l&#8217;appellation &nbsp;&raquo;lecteur Mp3&#8243; soit passé dans le langage courant nous incite à utiliser ce support pourtant largement inférieur au Ogg. Il n&#8217;est d&#8217;ailleurs pas rare de trouver des ordinateurs ou lecteurs incapables de lire ce dernier. Cette standardisation à des raisons historiques : n&#8217;ayant pas de concurrents à l&#8217;époque (années 90) le format mp3 s&#8217;est naturellement rependu et il est donc difficile aujourd&#8217;hui de s&#8217;en défaire.</p>
<p><strong>Quel futur pour les formats musicaux  ?</strong></p>
<p>Aujourd&#8217;hui la capacité de stockage des lecteurs de poche se comptent en dizaines de gigas, les débits internet se sont accélérés et il devient naturel de voir fleurir des fichiers mp3 aux taux de compression beaucoup plus faibles (donc plus volumineux), voir des albums au format WAV (ou autre).</p>
<p>Cependant, certains formats vont encore plus loin et s&#8217;ils sont encore méconnus, il y a fort à parier que le MT9 ou le MXP4 prennent de l&#8217;envergure dans les prochaines années.</p>
<p><strong>MT9, MXP4&#8230; ?</strong></p>
<p>Les formats de type MT9 ou MXP4 sont des formats dits de type &laquo;&nbsp;multipistes&nbsp;&raquo;. Le multipistes consiste à bénéficier d&#8217;un canal musical par instrument. Avec ce format l&#8217;utilisateur peux lui-même &laquo;&nbsp;mixer&nbsp;&raquo; sa musique et ainsi agir sur le volume de chaque canal pour adapter la musique au support ou simplement adapter le morceau à son envie et à ses goûts.</p>
<div id="attachment_440" class="wp-caption aligncenter" style="width: 454px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//mt9.jpg" rel="wp-prettyPhoto[g436]"><img class="size-full wp-image-440" title="mt9" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//mt9.jpg" alt="Il est possible de &quot;mixer&quot; soi-même un morceau grâce au MT9" width="444" height="272" /></a><p class="wp-caption-text">Il est possible de &quot;mixer&quot; soi-même un morceau grâce au MT9</p></div>
<p>L&#8217;intérêt va même plus loin avec le MXP4 puisqu&#8217;il est maintenant possible, grâce à la composition du format, de faire passer aisément le morceau d&#8217;une version acoustique à électrique, voir même de changer le timbre ou l&#8217;instrument un peu à la manière d&#8217;un fichier MIDI. Il est également possible pour l&#8217;artiste d&#8217;injecter de l&#8217;aléatoire dans son morceau et ainsi faire en sorte que l&#8217;écoute ne soit jamais identique.</p>
<div id="attachment_441" class="wp-caption aligncenter" style="width: 244px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//iklax.jpg" rel="wp-prettyPhoto[g436]"><img class="size-full wp-image-441" title="iklax" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//iklax.jpg" alt="L'iPhone à déjà son lecteur multipistes avec iKlax" width="234" height="350" /></a><p class="wp-caption-text">L&#39;iPhone à déjà son lecteur multipistes avec iKlax et des sources via iTunes</p></div>
<p>Le multipistes présente également un autre avantage, moins visible : celui visant à favoriser le développement de jeux et applications basés sur la musique. Si dans le passé il n&#8217;était possible d&#8217;agir (que) sur une partie de la musique, seulement en ayant les fichiers de masterisation du morceau, souvent difficile d&#8217;accès, il semble aujourd&#8217;hui possible de réaliser ses propres applications/jeux simplement avec les droits d&#8217;auteur adaptés et cela ne pourra qu&#8217;être bénéfiques aux structures de développement indépendantes.</p>
<p>Voici pour finir une petite application interactive que l&#8217;on peut trouver sur la page d&#8217;accueil du site du format <a href="http://www.mxp4.com/" target="_blank">MXP4</a> (mes excuses par avance, seul un morceau de Britney Spears est disponible) : <img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNTU5NTg1NzQwMTUmcHQ9MTI1NTk2MzI4MDY*MCZwPSZkPSZnPTImbz*5OTE2ZDgzYTNiNWE*NmE2OTNlYjNiZTU3YmNmYmQ5MCZvZj*w.gif" border="0" alt="" width="0" height="0" /></p>
<div style="width: 390px; margin: 0 auto; background: #000;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="390" height="445" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="wmode" value="default" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="FlashVars" value="ecoverID=87&amp;typecover=mxp4&amp;place=other" /><param name="src" value="http://www.playlive.fm/ecover/swf/ecover.swf?ecoverID=87&amp;typecover=mxp4&amp;place=other" /><param name="flashvars" value="ecoverID=87&amp;typecover=mxp4&amp;place=other" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="390" height="445" src="http://www.playlive.fm/ecover/swf/ecover.swf?ecoverID=87&amp;typecover=mxp4&amp;place=other" flashvars="ecoverID=87&amp;typecover=mxp4&amp;place=other" allowscriptaccess="always" allowfullscreen="true" wmode="default" bgcolor="#000000" quality="high"></embed></object></div>
<h5><span style="color: #888888;">Sources :</span></h5>
<h5><span style="color: #888888;"><a href="http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.26.5956&amp;rep=rep1&amp;type=pdf" target="_blank"><span style="color: #888888;">http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.26.5956&amp;rep=rep1&amp;type=pdf</span></a></span></h5>
<h5><span style="color: #888888;"><a href="http://www.omf.paris-sorbonne.fr/IMG/pdf/Son_Beatles_multipiste.pdf" target="_blank"><span style="color: #888888;">http://www.omf.paris-sorbonne.fr/IMG/pdf/Son_Beatles_multipiste.pdf</span></a></span></h5>
<h5><span style="color: #888888;"><a href="http://www.mxp4.com/"><span style="color: #888888;">http://www.mxp4.com/</span></a></span></h5>
<h5><a href="http://www.lesitedemika.org/ressources/fichiers_audio_video.pdf"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://www.lesitedemika.org/ressources/fichiers_audio_video.pdf</span></span></span></a></h5>
<h5><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;"><a href="http://genma.free.fr/spip.php?article209"><span style="color: #888888;">http://genma.free.fr/spip.php?article209</span></a></span></span></span></h5>
<h5><span style="color: #888888;"><a href="http://www.reghardware.co.uk/2008/03/10/ft_first_mp3_player/?wink"><span style="color: #888888;">http://www.reghardware.co.uk/2008/03/10/ft_first_mp3_player/?wink</span></a></span></h5>
<h5><a href="http://pianoweb.free.fr/audio-mt9.html"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://pianoweb.free.fr/audio-mt9.html</span></span></span></a></h5>
<h5><a href="http://www.infos-du-net.com/actualite/dossiers/130-mxp4-format-musique.html"><span style="color: #000000;"><span style="text-decoration: none;"><span style="color: #888888;">http://www.infos-du-net.com/actualite/dossiers/130-mxp4-format-musique.html</span></span></span></a></h5>
<p><span style="color: #888888;"><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/10/19/mt9-mxp4-des-formats-multipistes-prometteur/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CLARTE &#8211; Sas Cube &amp; WorkBench</title>
		<link>http://diplome.pixylab.com/wordpress/2009/10/19/clarte-sas-cube-workbench/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/10/19/clarte-sas-cube-workbench/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 22:19:24 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[clarté]]></category>
		<category><![CDATA[réalité virtuelle]]></category>
		<category><![CDATA[sas cube]]></category>
		<category><![CDATA[workbench]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=419</guid>
		<description><![CDATA[CLARTE est un &#171;&#160;Centre d&#8217;étude, de recherche et d&#8217;expertise en réalité virtuelle et réalité augmentée.&#160;&#187;
CLARTE est à la pointe de ce qui se fait en matière de réalité virtuelle et voici une présentation de deux installations que j&#8217;ai personnellement testé et qui représentent sans aucun doute une piste prospective forte pour le domaine du jeu vidéo.
Aujourd&#8217;hui le [...]]]></description>
			<content:encoded><![CDATA[<p>CLARTE est un &laquo;&nbsp;Centre d&#8217;étude, de recherche et d&#8217;expertise en réalité virtuelle et réalité augmentée.&nbsp;&raquo;</p>
<p>CLARTE est à la pointe de ce qui se fait en matière de réalité virtuelle et voici une présentation de deux installations que j&#8217;ai personnellement testé et qui représentent sans aucun doute une piste prospective forte pour le domaine du jeu vidéo.</p>
<p>Aujourd&#8217;hui le salon <a href="http://www.laval-virtual.org/#Home" target="_blank">Laval Virtual</a> et <a href="http://www.clarte.asso.fr/realite_virtuelle.php" target="_blank">CLARTE</a> ont participé à faire de Laval un pôle majeur de la réalité virtuelle en Europe.</p>
<p><span id="more-419"></span><strong>SAS Cube </strong></p>
<p>Le &laquo;&nbsp;Sas Cube&nbsp;&raquo; est un système de visualisation de type &laquo;&nbsp;cave&nbsp;&raquo;, réalisé en 2002 et permettant une immersion dans un environnement 3D  en taille réelle grâce à quatre écrans de 3&#215;3 mètres disposés autour de l&#8217;utilisateur. L&#8217;utilisation de lunettes 3D stéréoscopiques, couplées à un système de &laquo;&nbsp;tracking&nbsp;&raquo;, permet de se déplacer et d&#8217;agir naturellement dans un environnement numérique. Le Sas Cube est principalement fait pour être couplé à des applications utilisant le logiciel <a href="http://a2.media.3ds.com/products/3dvia/3dvia-virtools/" target="_blank">virtools</a>.</p>
<div id="attachment_428" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//499297095_714ba9e456_o1.jpg" rel="wp-prettyPhoto[g419]"><img class="size-full wp-image-428" title="sas cube" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//499297095_714ba9e456_o1.jpg" alt="Sas Cube" width="430" height="285" /></a><p class="wp-caption-text">Sas Cube</p></div>
<p>Voici d&#8217;ailleurs un projet réalisé début 2008 avec David Arenou pour le Sas Cube. <a href="http://pixylab.com/fr/interactivite.php?content=18" target="_blank">Pinball</a> est une application ou l&#8217;utilisateur prend place dans la boule de flipper et peut contrôler son mouvement à l&#8217;intérieur de la machine.</p>
<div id="attachment_426" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//pinball.jpg" rel="wp-prettyPhoto[g419]"><img class="size-full wp-image-426" title="pinball" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//pinball.jpg" alt="Pinball" width="430" height="323" /></a><p class="wp-caption-text">Pinball</p></div>
<p><strong>WorkBench</strong></p>
<p>WorkBench est une installation couplant un double écran (horizontal et vertical) avec un bras à retour de force &laquo;&nbsp;tracké&nbsp;&raquo; dans l&#8217;espace ainsi que des lunettes stéréoscopiques. WorkBench permet une immersion dans un univers 3D absolument prenante grâce au retour de force simulant des collisions avec l&#8217;environnement. Dans les visuels ci-dessous, on peut voir une application permettant de tester l&#8217;entrée d&#8217;un réservoir de voiture avec divers pistolets à essence. WorkBench permet ainsi de réaliser des tests matériels avant l&#8217;étape de production où la moindre erreur aurait un fort coût financier.</p>
<div id="attachment_430" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//benchwork.jpg" rel="wp-prettyPhoto[g419]"><img class="size-full wp-image-430" title="workbench" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//benchwork.jpg" alt="WorkBench" width="430" height="322" /></a><p class="wp-caption-text">WorkBench</p></div>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/10/19/clarte-sas-cube-workbench/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Projets ENSAD : Muzitouch et Musique Tactile</title>
		<link>http://diplome.pixylab.com/wordpress/2009/10/17/projets-ensad-muzitouch-et-musique-tactile/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/10/17/projets-ensad-muzitouch-et-musique-tactile/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 17:14:04 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[Technologies]]></category>
		<category><![CDATA[Tendances]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[musique tactile]]></category>
		<category><![CDATA[muzitouch]]></category>
		<category><![CDATA[tactile]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=418</guid>
		<description><![CDATA[Lors du Dppi 2009 (Designing Pleasurable Products and Interfaces) qui s&#8217;est tenu du 13 au 16 octobre 2009, j&#8217;ai eu l&#8217;occasion de rencontrer quelques étudiants tout juste diplômés  du cursus master de l&#8217;ENSAD (Ecole Nationale Supérieure des Arts Décoratifs).
Les projets &#171;&#160;muzitouch&#160;&#187; de Guillaume Binard, orienté produit et de Rémi Engel, orienté interactivité, ont particulièrement retenus mon attention pour leur rapprochement [...]]]></description>
			<content:encoded><![CDATA[<p>Lors du Dppi 2009 (Designing Pleasurable Products and Interfaces) qui s&#8217;est tenu du 13 au 16 octobre 2009, j&#8217;ai eu l&#8217;occasion de rencontrer quelques étudiants tout juste diplômés  du cursus master de l&#8217;ENSAD (Ecole Nationale Supérieure des Arts Décoratifs).</p>
<p>Les projets &laquo;&nbsp;muzitouch&nbsp;&raquo; de Guillaume Binard, orienté produit et de Rémi Engel, orienté interactivité, ont particulièrement retenus mon attention pour leur rapprochement avec la musique et leur manière de &laquo;&nbsp;jouer&nbsp;&raquo; avec celle-ci.</p>
<p><span id="more-418"></span></p>
<p><strong>Muzitouch &#8211; Guillaume Binard</strong></p>
<p>Muzitouch est un périphérique qui permet de :</p>
<blockquote><p>Proposer une alternative au processus de choix lors de l&#8217;écoute musicale</p></blockquote>
<p>Muzitouch est un objet à toucher, à parcourir pour déterminer un choix musical en fonction de l&#8217;état émotionnel dans lequel se trouve l&#8217;utilisateur. Une caresse vous orientera plutôt vers une musique calme tout comme un coup de poing déterminera choix plus agressif. L&#8217;auteur nous explique ceci :</p>
<blockquote><p>Même si vous ne voyez pas ou plus, que vous ne savez pas lire, que vous êtes indécis ou concentré à faire quelque chose, la manière de toucher muzitouch est déjà un acte de choix surprenant&#8230;</p></blockquote>
<div id="attachment_421" class="wp-caption aligncenter" style="width: 260px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//muzitouch.jpg" rel="wp-prettyPhoto[g418]"><img class="size-full wp-image-421 " title="muzitouch" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//muzitouch.jpg" alt="Muzitouch, un péripherique musical à caractère émotionnel " width="250" height="350" /></a><p class="wp-caption-text">Muzitouch, un péripherique musical à caractère émotionnel </p></div>
<p><strong>Musique Tactile &#8211; Rémi Engel</strong></p>
<p><strong><span style="font-weight: normal;">Rémi est graphiste de formation. A travers ce projet de musique interactive, il nous propose une nouvelle manière, tactile, de jouer avec la musique. Se déclinant en plusieurs supports, &laquo;&nbsp;musique tactile&nbsp;&raquo; joue avec des concepts proches de plusieurs jeux connus. &laquo;&nbsp;Sergent&nbsp;&raquo; et ses mini-jeux avec les Beatles nous rappelle assez facilement &laquo;&nbsp;<a href="http://diplome.pixylab.com/wordpress/2009/09/14/categorisation-des-jeux-de-rythmes-%E2%80%93-4-le-tactile/" target="_blank">rhythm paradise</a>&nbsp;&raquo; alors que &laquo;&nbsp;Ghost&nbsp;&raquo; et &laquo;&nbsp;Pygmee&nbsp;&raquo; se rapprochent plus d&#8217;un &laquo;&nbsp;<a href="http://diplome.pixylab.com/wordpress/2009/09/22/categorisation-des-jeux-de-rythmes-%E2%80%93-6-la-simulation/" target="_blank">electroplankton</a>&nbsp;&raquo; et de ses multiples facettes de création semi-assistée. L&#8217;ensemble composé de graphismes rétros et parfois même un peu psychédéliques créant un univers tactile et sonore poussant le &laquo;&nbsp;joueur&nbsp;&raquo; à se faire une &laquo;&nbsp;expérience intime&nbsp;&raquo; de la musique. Selon l&#8217;auteur :</span></strong></p>
<blockquote><p>L&#8217;objectif  est de proposer une nouvelle manière de &laquo;&nbsp;consommer&nbsp;&raquo; l&#8217;expérience musicale, en prenant en compte la specificité de chaque morceau afin d&#8217;immerger l&#8217;utilisateur au coeur même de la composition.</p></blockquote>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="315" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5745776&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="420" height="315" src="http://vimeo.com/moogaloop.swf?clip_id=5745776&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/5745776">Musiques Tactiles &#8211; Sergent</a> from <a href="http://vimeo.com/remiengel">Remi Engel</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="600" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5679291&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="600" src="http://vimeo.com/moogaloop.swf?clip_id=5679291&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/5679291">Musiques Tactiles &#8211; Ghost</a> from <a href="http://vimeo.com/remiengel">Remi Engel</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="600" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5679986&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="600" src="http://vimeo.com/moogaloop.swf?clip_id=5679986&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/5679986">Musiques Tactiles &#8211; Pygmee</a> from <a href="http://vimeo.com/remiengel">Remi Engel</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>www.rengel.fr</p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/10/17/projets-ensad-muzitouch-et-musique-tactile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trackmate</title>
		<link>http://diplome.pixylab.com/wordpress/2009/10/05/trackmate/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/10/05/trackmate/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 11:24:40 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[trackmate]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=390</guid>
		<description><![CDATA[Trackmate une interface tangible à faire soi-même, utilisant le principe de la reconnaissance des tags. Ceux-ci peuvent être reconnus spatialement et sont capables d&#8217;analyser l&#8217;orientation de chaque objet &#171;&#160;taggué&#160;&#187; ainsi que leur couleur. L&#8217;utilisation se fait via une simple webcam grâce au protocole LusidOSC (protocole de spécialisation d&#8217;objets uniques).

Voici donc deux vidéos pour imager les possibilités de [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_394" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//3333776570_50d9d06540_b.jpg" rel="wp-prettyPhoto[g390]"><img class="size-full wp-image-394 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//3333776570_50d9d06540_b.jpg" alt="Source : jeanbaptisteparis via Flicker" width="430" height="287" /></a><p class="wp-caption-text">Tags et couleurs / Source : jeanbaptisteparis via Flicker</p></div>
<p style="text-align: left; "><a href="http://trackmate.media.mit.edu/" target="_blank">Trackmate</a> une interface tangible à faire soi-même, utilisant le principe de la reconnaissance des tags. Ceux-ci peuvent être reconnus spatialement et sont capables d&#8217;analyser l&#8217;orientation de chaque objet &laquo;&nbsp;taggué&nbsp;&raquo; ainsi que leur couleur. L&#8217;utilisation se fait via une simple webcam grâce au protocole LusidOSC (protocole de spécialisation d&#8217;objets uniques).</p>
<p style="text-align: left; "><span id="more-390"></span></p>
<div id="attachment_393" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//3332940053_0fc58bbae3_b.jpg" rel="wp-prettyPhoto[g390]"><img class="size-full wp-image-393 " title="trackmate" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//3332940053_0fc58bbae3_b.jpg" alt="Vue webcam / Source : jeanbaptisteparis via Flicker" width="430" height="287" /></a><p class="wp-caption-text">Vue webcam / Source : jeanbaptisteparis via Flicker</p></div>
<p>Voici donc deux vidéos pour imager les possibilités de cette technologie. La première présente la simplicité d&#8217;installation et quelques exemples concrets d&#8217;utilisations. La seconde présente un projet plus complet d&#8217;un séquenceur.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="242" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4138521&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="242" src="http://vimeo.com/moogaloop.swf?clip_id=4138521&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/4138521">Trackmate :: 5 ways to get started</a> from <a href="http://vimeo.com/user1312431">adam kumpf</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="287" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3248522&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="430" height="287" src="http://vimeo.com/moogaloop.swf?clip_id=3248522&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/3248522">Trackmate LusidOSC Sequencer Application</a> from <a href="http://vimeo.com/user1312431">adam kumpf</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h5><span style="color: #888888;">Source : </span><a href="http://trackmate.media.mit.edu/"><span style="color: #888888;">http://trackmate.media.mit.edu/</span></a></h5>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/10/05/trackmate/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

