<?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; tracking</title>
	<atom:link href="http://diplome.pixylab.com/wordpress/tag/tracking/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 + 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>Présentation des concepts de jeu</title>
		<link>http://diplome.pixylab.com/wordpress/2010/02/24/presentation-des-concepts-de-jeu/</link>
		<comments>http://diplome.pixylab.com/wordpress/2010/02/24/presentation-des-concepts-de-jeu/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 01:20:16 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Idées]]></category>
		<category><![CDATA[air hockey]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[création]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[edna]]></category>
		<category><![CDATA[Gamedesign]]></category>
		<category><![CDATA[jeux musicaux]]></category>
		<category><![CDATA[mp3]]></category>
		<category><![CDATA[multitouch]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[réalité virtuelle]]></category>
		<category><![CDATA[rhythm games]]></category>
		<category><![CDATA[shoot'em up]]></category>
		<category><![CDATA[tracking]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=687</guid>
		<description><![CDATA[Voici un résumé de la présentation du 18/02/2010.
Elle ne contient que l&#8217;explication des 3 concepts retenus.
Pour naviguer, un simple clic suffit. Un menu est présent en haut à gauche pour revenir à la page précédente ou au menu principal.
Lien de ce résumé : http://diplome.pixylab.com/concepts/
Format : Flash
Résolution minimum : 1024*768
stop();
top.onRelease = function() {
gotoAndPlay(&#160;&#187;sommaire+chap1&#8243;, 1);
}
back.onRelease = function() {
gotoAndPlay(&#160;&#187;sommaire+chap1&#8243;, [...]]]></description>
			<content:encoded><![CDATA[<p>Voici un résumé de la présentation du 18/02/2010.</p>
<p>Elle ne contient que l&#8217;explication des 3 concepts retenus.</p>
<p>Pour naviguer, un simple clic suffit. Un menu est présent en haut à gauche pour revenir à la page précédente ou au menu principal.</p>
<p>Lien de ce résumé : <a href="http://diplome.pixylab.com/concepts/">http://diplome.pixylab.com/concepts/</a></p>
<p>Format : Flash</p>
<p>Résolution minimum : 1024*768</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">stop();</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">top.onRelease = function() {</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">gotoAndPlay(&nbsp;&raquo;sommaire+chap1&#8243;, 1);</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">}</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">back.onRelease = function() {</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">gotoAndPlay(&nbsp;&raquo;sommaire+chap1&#8243;, 1);</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 12px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">}</div>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2010/02/24/presentation-des-concepts-de-jeu/feed/</wfw:commentRss>
		<slash:comments>3</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>ARToolKit, Papervision&#8230; La démocratisation des tags de données</title>
		<link>http://diplome.pixylab.com/wordpress/2009/09/25/artoolkit-papervision-la-democratisation-des-tags-de-donnees/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/09/25/artoolkit-papervision-la-democratisation-des-tags-de-donnees/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 00:21:36 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[ARToolKit]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[papervision3D]]></category>
		<category><![CDATA[réalité virtuelle]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[tracking]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=298</guid>
		<description><![CDATA[Le b.a.-ba du tag 
En réalité virtuelle, un &#171;&#160;tag&#160;&#187; de type (par exemple) &#171;&#160;QR Code&#160;&#187; est une représentation graphique, un symbole décelable par programme d&#8217;analyse de flux vidéo. Ce symbole est alors &#171;&#160;tracké&#160;&#187; pour afficher des données riches, comme par exemple un objet en 3D. L&#8217;apparition des &#171;&#160;mobiles tags&#160;&#187; (tag à lire avec un téléphone [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Le b.a.-ba du tag </strong></p>
<p>En réalité virtuelle, un &laquo;&nbsp;tag&nbsp;&raquo; de type (par exemple) &laquo;&nbsp;QR Code&nbsp;&raquo; est une représentation graphique, un symbole décelable par programme d&#8217;analyse de flux vidéo. Ce symbole est alors &laquo;&nbsp;tracké&nbsp;&raquo; pour afficher des données riches, comme par exemple un objet en 3D. L&#8217;apparition des &laquo;&nbsp;mobiles tags&nbsp;&raquo; (tag à lire avec un téléphone portable) ont répandu cette technique qu&#8217;il est aujourd&#8217;hui facile de manipuler chez soit avec des bibliothèques dédiées. Quelques années plus tard,en 2008, le grand public pouvait jouer chez lui avec &laquo;&nbsp;Animaux du Futur&nbsp;&raquo; du Futuroscope, qui proposait de tester ces techniques simplement <a href="http://www.lesanimauxdufutur.com/" target="_blank">en imprimant des tags et en téléchargeant un programme de traitement vidéo.</a></p>
<div id="attachment_311" class="wp-caption aligncenter" style="width: 410px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//google-mapas-com-qr-code.jpg" rel="wp-prettyPhoto[g298]"><img class="size-full wp-image-311" title="google-mapas-com-qr-code" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//google-mapas-com-qr-code.jpg" alt="Un QR code dans Google Maps" width="400" height="340" /></a><p class="wp-caption-text">Un QR code dans Google Maps</p></div>
<p><strong><span id="more-298"></span>ARToolKit</strong></p>
<p>ARToolKit est une librairie opensource (développée en 1999 par Hirokazu Kato) de &laquo;&nbsp;computer vision&nbsp;&raquo; (ordinateur qui voit) permettant le tracking d&#8217;objet en temps réel et l&#8217;interaction de ces derniers. Sa grande particularité ? Disposer d&#8217;un plugin Virtools, le logiciel d&#8217;interaction 3D de Dassault Systèmes, énormément utilisé dans le monde de la réalité virtuelle.</p>
<div id="attachment_302" class="wp-caption aligncenter" style="width: 294px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//nakaohome.jpg" rel="wp-prettyPhoto[g298]"><img class="size-full wp-image-302" title="artoolkit" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//nakaohome.jpg" alt="ARToolKit en action" width="284" height="400" /></a><p class="wp-caption-text">ARToolKit en action</p></div>
<div id="attachment_303" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//iphone_ar_toolkit.jpg" rel="wp-prettyPhoto[g298]"><img class="size-full wp-image-303 " title="artoolkit" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//iphone_ar_toolkit.jpg" alt="ARToolKit sur Iphone" width="430" height="322" /></a><p class="wp-caption-text">ARToolKit sur Iphone</p></div>
<p><strong>Papervision3D</strong></p>
<p>Aujourd&#8217;hui il est possible de faire de la réalité virtuelle dans flash ! Des librairies (opensource) comme Papervision3D le permettent et font de cette technologie un outil de plus en plus accessible et simple d&#8217;utilisation. N&#8217;importe qui peut à présent allumer son PC, filmer des tags et jouer avec la réalité virtuelle comme le prouve <a href="http://www.boffswana.com/news/?p=392#more-392" target="_blank">ce test en ligne</a> en donnant vie à un petit monstre sur son bureau.</p>
<p style="text-align: center; "><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//ar.jpg" rel="wp-prettyPhoto[g298]"><img class="aligncenter size-full wp-image-304" title="Imprimente + webcam et le tour est joué !" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//ar.jpg" alt="Imprimente + webcam et le tour est joué !" width="430" height="322" /></a></p>
<p style="text-align: center;">Ci dessous, le projet<a href="http://julianoliver.com/levelhead" target="_blank"> &laquo;&nbsp;levelhead&nbsp;&raquo; de Julian Olivier</a> qui montre ce qu&#8217;il est possible de faire avec en Computer Vision. De belles ouvertures pour le jeu vidéo !<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="325" 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=1320756&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="325" src="http://vimeo.com/moogaloop.swf?clip_id=1320756&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 style="text-align: center;"><a href="http://vimeo.com/1320756">levelHead v1.0, 3 cube speed-run (spoiler!)</a> from <a href="http://vimeo.com/julianoliver">Julian Oliver</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/09/25/artoolkit-papervision-la-democratisation-des-tags-de-donnees/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

