<?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; multitouch</title>
	<atom:link href="http://diplome.pixylab.com/wordpress/tag/multitouch/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>[Maquette] Multitouch et génération de sons</title>
		<link>http://diplome.pixylab.com/wordpress/2010/04/04/maquette-multitouch-et-generation-de-sons/</link>
		<comments>http://diplome.pixylab.com/wordpress/2010/04/04/maquette-multitouch-et-generation-de-sons/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 13:13:19 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Maquette]]></category>
		<category><![CDATA[multitouch]]></category>
		<category><![CDATA[musique]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=751</guid>
		<description><![CDATA[En fonction de l&#8217;endroit où le doigt touche l&#8217;écran, un son est généré.

[Glyphe] Multitouch et génération de sons &#8211; reacTIVision / processing from pixyLab on Vimeo.
]]></description>
			<content:encoded><![CDATA[<p>En fonction de l&#8217;endroit où le doigt touche l&#8217;écran, un son est généré.</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=10653537&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=10653537&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/10653537">[Glyphe] Multitouch et génération de sons &#8211; reacTIVision / processing</a> from <a href="http://vimeo.com/pixylab">pixyLab</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2010/04/04/maquette-multitouch-et-generation-de-sons/feed/</wfw:commentRss>
		<slash:comments>0</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>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>Vrac d&#8217;idées #01</title>
		<link>http://diplome.pixylab.com/wordpress/2009/11/03/vrac-didees-01/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/11/03/vrac-didees-01/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 22:55:11 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Idées]]></category>
		<category><![CDATA[Combos]]></category>
		<category><![CDATA[Duel]]></category>
		<category><![CDATA[fightpod]]></category>
		<category><![CDATA[Flipper]]></category>
		<category><![CDATA[multitouch]]></category>
		<category><![CDATA[Puzzle game]]></category>
		<category><![CDATA[shoot'em up]]></category>
		<category><![CDATA[tactile]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=463</guid>
		<description><![CDATA[Comme son nom l&#8217;indique, cette section contiendra toutes les idées (du simple mot au concept plus abouti) sorties sur papier et ce, sans aucune classification.

]]></description>
			<content:encoded><![CDATA[<p>Comme son nom l&#8217;indique, cette section contiendra toutes les idées (du simple mot au concept plus abouti) sorties sur papier et ce, sans aucune classification.</p>
<div id="attachment_464" class="wp-caption aligncenter" style="width: 275px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//04.jpg" rel="wp-prettyPhoto[g463]"><img class="size-full wp-image-464 " title="space invader tactile" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//04.jpg" alt="Multitouch / Shoot'em up / Rythme" width="265" height="383" /></a><p class="wp-caption-text">Multitouch / Shoot&#39;em up / Rythme</p></div>
<p><span id="more-463"></span></p>
<div id="attachment_466" class="wp-caption aligncenter" style="width: 275px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//02.jpg" rel="wp-prettyPhoto[g463]"><img class="size-full wp-image-466 " title="duel contre combos puzzle" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//02.jpg" alt="Duel / Contre / Combos / Puzzle Games" width="265" height="390" /></a><p class="wp-caption-text">Duel / Contre / Combos / Puzzle Games</p></div>
<div id="attachment_465" class="wp-caption aligncenter" style="width: 275px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//01.jpg" rel="wp-prettyPhoto[g463]"><img class="size-full wp-image-465 " title="flash forward point vue" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//01.jpg" alt="Flash Forward + Rythme ? / Point de vue" width="265" height="391" /></a><p class="wp-caption-text">Flash Forward + Rythme ? / Point de vue</p></div>
<div id="attachment_467" class="wp-caption aligncenter" style="width: 275px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//03.jpg" rel="wp-prettyPhoto[g463]"><img class="size-full wp-image-467 " title="Duel / Flipper / Air Hockey / FightPod" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//03.jpg" alt="Duel / Flipper / Air Hockey / FightPod" width="265" height="386" /></a><p class="wp-caption-text">Duel / Flipper / Air Hockey / FightPod</p></div>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/11/03/vrac-didees-01/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TouchLib &#8211; Créer facilement son écran multitouch</title>
		<link>http://diplome.pixylab.com/wordpress/2009/09/24/touchlib-creer-facilement-son-ecran-multitouch/</link>
		<comments>http://diplome.pixylab.com/wordpress/2009/09/24/touchlib-creer-facilement-son-ecran-multitouch/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 21:48:13 +0000</pubDate>
		<dc:creator>Jérémie Biron</dc:creator>
				<category><![CDATA[Technologies]]></category>
		<category><![CDATA[multitouch]]></category>
		<category><![CDATA[tactile]]></category>
		<category><![CDATA[touchlib]]></category>

		<guid isPermaLink="false">http://diplome.pixylab.com/wordpress/?p=284</guid>
		<description><![CDATA[Depuis l&#8217;apparition de la DS, l&#8217;écran tactile s&#8217;impose petit à petit dans le monde du jeu vidéo [voir article sur le sujet]. Si ces écrans coûtent globalement encore assez cher, il existe une manière très simple de réaliser, chez soi et avec peu de matériel, un écran tactile &#171;&#160;multitouch&#160;&#187;.
TouchLib est une librairie qui permet de créer des interactions [...]]]></description>
			<content:encoded><![CDATA[<p>Depuis l&#8217;apparition de la DS, l&#8217;écran tactile s&#8217;impose petit à petit dans le monde du jeu vidéo [<a href="http://diplome.pixylab.com/wordpress/2009/09/14/categorisation-des-jeux-de-rythmes-%E2%80%93-4-le-tactile/" target="_blank">voir article sur le sujet</a>]. Si ces écrans coûtent globalement encore assez cher, il existe une manière très simple de réaliser, chez soi et avec peu de matériel, un écran tactile &laquo;&nbsp;multitouch&nbsp;&raquo;.</p>
<div id="attachment_287" class="wp-caption aligncenter" style="width: 330px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//touchimg.jpg" rel="wp-prettyPhoto[g284]"><img class="size-full wp-image-287" title="touchlib" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//touchimg.jpg" alt="TouchLib" width="320" height="240" /></a><p class="wp-caption-text">TouchLib</p></div>
<p><span id="more-284"></span>TouchLib est une librairie qui permet de créer des interactions tactiles multitouch avec l&#8217;aide d&#8217;une simple caméra ou webcam. Il est possible, grâce à une boite en carton, une plaque de plexiglas, un peu de papier classique et donc une caméra de réaliser et de paramétrer une dalle tactile. Cette libraire, comprenant quelques exemples déjà faits, permet donc de capter la pose du doigt, le déplacement et le relâchement grâce aux &laquo;&nbsp;blob&nbsp;&raquo; (tâche du doigt) ou à la lumière infrarouge. Les quelques tests que j&#8217;ai pu réaliser lors de mon voyage en Corée ont été très pertinents et l&#8217;ajout d&#8217;un vidéo projecteur peut permettre de travailler sur des surfaces gigantesques sans le moindre soucis.</p>
<p>TouchLib se programme principalement en C++ mais est compatibles avec d&#8217;autres langages plus abordables comme le flash, VVVV, pure data ou processing.</p>
<div id="attachment_289" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//touchlib2.png" rel="wp-prettyPhoto[g284]"><img class="size-full wp-image-289 " title="touchlib" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//touchlib2.png" alt="Détection des blobs" width="430" height="269" /></a><p class="wp-caption-text">Détection des blobs</p></div>
<div id="attachment_290" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//img1-1.jpg" rel="wp-prettyPhoto[g284]"><img class="size-full wp-image-290 " title="img1-1" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//img1-1.jpg" alt="Dans le multitouch, chaque doit est &quot;tracké&quot;" width="430" height="322" /></a><p class="wp-caption-text">Dans le multitouch, chaque doit est &quot;tracké&quot;</p></div>
<p><strong>Pour entrer un plus dans le détail&#8230;</strong></p>
<p>TouchLib sert à analyser en temps réel le flux sortant de la caméra. Ces images sont alors traitées (contrastes, luminosité etc.) pour obtenir une image noire et blanche dans laquelle les zones blanches correspondent à la position des doigts. Ces positions sont alors détectées pour obtenir une position X/Y en temps réel.</p>
<div id="attachment_292" class="wp-caption aligncenter" style="width: 440px"><a href="http://diplome.pixylab.com/wordpress/wp-content/uploads//touchlib11.png" rel="wp-prettyPhoto[g284]"><img class="size-full wp-image-292  " title="touchlib1" src="http://diplome.pixylab.com/wordpress/wp-content/uploads//touchlib11.png" alt="Traitement de l'image" width="430" height="220" /></a><p class="wp-caption-text">Traitement de l&#39;image</p></div>
<p>C&#8217;est ce genre de technologie (quelque peu modifiée) qu&#8217;aura utilisé Vivian Caccuri dans son installation &laquo;&nbsp;Submersed Songs&nbsp;&raquo;. L&#8217;idée étant de laisser la logique animale influer sur la musique grâce à la position de poissons. Leur déplacement permettaient ainsi d&#8217;agir sur la hauteur du son, sur l&#8217;ajout de samples etc. Une installation ayant simplement un but artistique, mais qui ouvre la voie à de nombreuses interactions.</p>
<p style="text-align: center;"><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=1896923&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=1896923&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/1896923">Submersed Songs | Canções Submersas</a> from <a href="http://vimeo.com/alextyson">▲LEX</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://diplome.pixylab.com/wordpress/2009/09/24/touchlib-creer-facilement-son-ecran-multitouch/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

