<?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>Gee!Design</title>
	<atom:link href="http://geedesign.com/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://geedesign.com/blog</link>
	<description>Gidi speelt met 3D, AI, games en hardware</description>
	<lastBuildDate>Wed, 04 Apr 2012 12:45:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>Uitbreidingen voor de Arduino</title>
		<link>http://geedesign.com/blog/?p=533</link>
		<comments>http://geedesign.com/blog/?p=533#comments</comments>
		<pubDate>Wed, 26 Oct 2011 12:20:47 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met voornamelijk "hardware"]]></category>
		<category><![CDATA[Work in Progress]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=533</guid>
		<description><![CDATA[Ik ben al weer een tijdje bezig met de Arduino; misschien had ik het al eerder gezegd: de Arduino heeft toch meer mogelijkheden dan de Basic Stamp of PIC, is (vaak) eenvoudiger te programmeren, en er is een hele grote community van gebruikers die je kan helpen met source code en ideeën. Maar &#8230; vooral als [...]]]></description>
			<content:encoded><![CDATA[<p>Ik ben al weer een tijdje bezig met de Arduino; misschien had ik het al <a title="PICmicro controllers" href="http://geedesign.com/blog/?p=154">eerder</a> gezegd: de Arduino heeft toch meer mogelijkheden dan de Basic Stamp of PIC, is (vaak) eenvoudiger te programmeren, en er is een hele grote community van gebruikers die je kan helpen met source code en ideeën.</p>
<p>Maar &#8230; vooral als je iets wil maken dat <strong>standalone </strong>gebruikt moet worden, dan blijven er nog wel wensen over:</p>
<ul>
<li>Kan het niet <strong>goedkoper </strong>dan de Arduino? Een Arduino Uno is ongeveer 20 euro, een PIC chip daarentegen is maar een paar euro.</li>
<li>Kan het niet <strong>kleiner</strong>? Zo&#8217;n Arduino shield is misschien wel makkelijk voor een prototype, maar als je het ergens in moet bouwen is het best wel groot.</li>
<li>Kan de voeding niet <strong>kleiner</strong>? Als je een schakeling maakt met de Arduino moet die (ongeveer) 5V krijgen, dus zit je vast aan 3 AA batterijen of een 9V batterij (plus een voltage regulator).</li>
</ul>
<p>Goed nieuws! Ik heb recentelijk twee onderwerpen gevonden die aan bovenstaande wensen tegemoet komen: de zogenaamde &#8220;<strong>boost regulators</strong>&#8220;, en de <strong>ATTiny </strong>chip.</p>
<p><span id="more-533"></span></p>
<h2>Kleiner en goedkoper dan de Arduino</h2>
<p>Kijk eerst eens naar dit plaatje:</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/10/PA215737web.jpg"><img class="alignnone size-medium wp-image-535" title="PA215737web" src="http://geedesign.com/blog/wp-content/uploads/2011/10/PA215737web-350x233.jpg" alt="Arduino Uno, Teensy en ATTiny85 op een rijtje" width="350" height="233" /></a></p>
<p>Hier zie je van links naar rechts de Arduino Uno, de Teensy en de ATTiny85. De <strong>Arduino Uno</strong> heeft geen verdere introductie nodig, kost <a title="Arduino Uno" href="http://www.pieterfloris.nl/shop/product.php?id_product=113" target="_blank">24,95 euro</a> bij www.floris.cc. De <strong>Teensy 2.0</strong> is volgens mij zeer vergelijkbaar met de Arduino, is ook via dezelfde IDE te programmeren, en kost <a title="Teensy 2.0" href="http://www.pieterfloris.nl/shop/product.php?id_product=355" target="_blank">18 euro</a> bij <a title="http://www.pieterfloris.nl/shop/" href="http://www.pieterfloris.nl/shop/" target="_blank">www.floris.cc</a>. Okee, hij heeft minder pins, maar het voordeel dat de Teensy boven de Arduino heeft is dat hij als een <strong>HID-device</strong> kan fungeren. Dat betekent, dat als je een geprogrammeerde Teensy met sensoren via een USB kabeltje met PC of Mac verbindt, het ding als een toetsenbord, joystick of muis door die computer wordt gezien, <em>zonder dat je daarvoor enige driver hebt hoeven laden</em>! Ik vind dat erg makkelijk, want dat betekent, dat je je eigen game input device kunt maken, dat heel eenvoudig op al bestaande spelen gebruikt kan worden!</p>
<p>Meer hierover is te vinden op <a href="http://www.pjrc.com/teensy/">http://www.pjrc.com/teensy/</a>. Daar staat duidelijk dat de Teensy geen Arduino clone is, maar voor simpele zielen als ik is het zeker goed genoeg. (Had ik al gezegd dat een Teensy ook als <strong>MIDI</strong> device kan fungeren? Nee? Nou bij deze dan.) Ik ben heel blij met de Teensy tot nu toe.</p>
<p>En dan helemaal rechts in het plaatje zie je een <strong>ATTiny85</strong>. Deze heb ik voor <a title="ATTiny85" href="http://nl.rs-online.com/web/p/microcontroller/6962327/" target="_blank">4,55 euro</a> bij <a title="RS Components BV" href="http://www.rsonline.nl" target="_blank">www.rsonline.nl</a> gekocht. Ik wist natuurlijk al wel dat je met een PICmicro vaak hetzelfde kan doen als met een Arduino, maar stel dat je eerst een prototype met de Arduino maakt, en dat vervolgens toch als een PICmicro wil uitvoeren. Dan is het vervelende, dat je dan je hele programma opnieuw moet programmeren, in een andere taal, en met een speciale &#8220;programmer&#8221; op de chip moet zetten. Lastig, en extra werk.</p>
<p>Toen las ik <a title="Make artikel over de ATTiny" href="http://blog.makezine.com/archive/2011/10/how-to-shrinkify-your-arduino-projects.html" target="_blank">dit artikel op de Make blog</a>. In het kort komt het hier op neer:</p>
<ul>
<li> <strong>De ATTiny kan ook geprogrammeerd worden via dezelfde IDE als de Arduino </strong>(of de Teensy). Je hoeft alleen wat &#8220;core&#8221; files toe te voegen aan je programmeeromgeving. Welke, staat in de <a title="http://hlt.media.mit.edu/?p=1229" href="http://hlt.media.mit.edu/?p=1229" target="_blank">&#8220;High-Low Tech&#8221; tutorial</a>. Een andere versie is ook <a title="http://code.google.com/p/arduino-tiny/" href="http://code.google.com/p/arduino-tiny/" target="_blank">hier </a>te vinden. Die core files moet je in en zip file downloaden, en in de README.txt kijken hoe je ze moet installeren. Heel simpel; voor mij kwam het neer op
<ul>
<li>ik heb de map &#8220;tiny&#8221; uitgepakt in D:\Mijn projecten\Arduino\arduino-0022\arduino-0022\hardware\tiny</li>
<li>En vervolgens de comments weggehaald in <strong>boards.txt</strong> die voor <em>using=arduino:arduinoisp</em> stonden ipv <em>using=pololu</em></li>
</ul>
</li>
<li><strong>Een Arduino kan fungeren als de programmer voor de ATTiny</strong>. Een <a title="http://hlt.media.mit.edu/?p=1229" href="http://hlt.media.mit.edu/?p=1229" target="_blank">tutorial hier</a> laat je heel eenvoudig zien hoe dat moet!</li>
</ul>
<p><em><strong>Ofwel, in principe zou je dus een prototype voor de Arduino om kunnen zetten naar een programma voor de ATTiny, alleen maar door een paar pin definities te veranderen! </strong></em>Dit klinkt te goed om waar te zijn, en dat is het ook. Een paar kanttekeningen:</p>
<ul>
<li>Een ATTiny heeft natuurlijk minder pins, minder geheugen, en minder snelheid dan een Arduino. Een ATTiny85 heeft maar 8 pins en 8K geheugen, een ATTiny45 maar 4K geheugen.</li>
<li>Een ATTiny heeft <strong>geen hardware seriële verbinding</strong> (met RX en TX). Maar &#8230; ik heb goede hoop dat het misschien met de <a title="http://arduiniana.org/libraries/NewSoftSerial/" href="http://arduiniana.org/libraries/NewSoftSerial/" target="_blank">NewSoftSerial library</a> mogelijk is, en als ik <a title="http://electronics.stackexchange.com/questions/4531/serial-newbie-why-cant-i-just-hook-the-wires-up" href="http://electronics.stackexchange.com/questions/4531/serial-newbie-why-cant-i-just-hook-the-wires-up" target="_blank">deze pagina</a> zie, dan zie ik daar ook hoopvolle berichten. Ik heb het alleen zelf nog niet getest.</li>
<li>De ATTiny85 kan <strong>wel via het I2C protocol</strong> communiceren, zie <a title="http://arduino.cc/playground/Code/USIi2c" href="http://arduino.cc/playground/Code/USIi2c" target="_blank">deze pagina</a>! Dat is heel gunstig, want allerlei interessante apparaten (zoals de nunchuk, of een digitaal kompas) communiceren via I2C.</li>
</ul>
<p>Kortom, ik verwacht dat als je programma voor de Arduino niet te groot en te moeilijk is, en (vooral) de standaard dingen van de Arduino gebruikt, dat het heel goed mogelijk is om het eenvoudig om te zetten naar een ATTiny. En op zich kan de ATTiny veel meer dan je denkt; er is een <a title="http://elm-chan.org/works/sd8p/report.html" href="http://elm-chan.org/works/sd8p/report.html" target="_blank">japanse onderzoeker</a> die er complete audio players mee maakt, alleen in combinatie met een SD kaart! (Ik denk, dat het mogelijk is om een simpele &#8220;sound fx card&#8221;  te maken met een ATTiny en een SD card, maar het kost nog wel wat werk. Zoek op &#8220;PWM audio output&#8221;  en zo. Misschien voor een volgende keer?)</p>
<h2>5V zonder moeite: boost regulators</h2>
<p>Okee, dus de sensors en de Arduino (clone) hoeven niet veel ruimte in te nemen. Dan wordt de grootste ruimtevreter voor een standalone device de voeding. En als je kiest voor batterijen, dan wil je vaak batterijen die lang (genoeg) meegaan.</p>
<p>De Arduino werkt op 5V, en als je een externe voeding gebruikt dan moet deze gestabiliseerd zijn op 5V, of tussen de 6-12V liggen (zie <a href="http://arduino.cc/en/Main/ArduinoBoardUno">http://arduino.cc/en/Main/ArduinoBoardUno</a>, hangt af van het type Arduino).</p>
<p>De Teensy werkt (zoals veel elektronica) op 5V, maar kan volgens <a href="http://www.pjrc.com/teensy/external_power.html">http://www.pjrc.com/teensy/external_power.html</a> werken vanaf 2.4 V.  Afhankelijk van welke spanning je echt aanbiedt, zijn niet alle klokfrequenties haalbaar. Ofwel, de werking van je schakeling kan natuurlijk beïnvloed worden door de spanning die er op de Teensy staat.</p>
<p>Ik dacht eerst, dat een 9V batterij daarom de beste keus was: niet te groot, en gaat lang mee. Maar toen ik <a title="http://www.ladyada.net/make/mintyboost/process.html" href="http://www.ladyada.net/make/mintyboost/process.html" target="_blank">dit artikel</a> zag, dacht ik er ineens anders over. Dat artikel rekent voor, dat er veel stroom onnodig verloren gaat als je een 5V schakeling met een 9V batterij voedt, en dat 2 AA batterijen dubbel zoveel arbeidsduurvermogen hebben  als een 9V batterij. Alleen &#8230; twee AA batterijen leveren samen 3 Volt, terwijl je 5 Volt nodig hebt.</p>
<p>Om de spanning van 3V op te krikken naar 5V heb je een <strong>boost regulator</strong> nodig. Maar toen ik zag dat de <strong>Minty Boost</strong> schakeling (bijvoorbeeld bij www.floris.cc) <a title="http://www.pieterfloris.nl/shop/product.php?id_product=252" href="http://www.pieterfloris.nl/shop/product.php?id_product=252" target="_blank">bijna 20 euro</a> kost, en de werking toch niet heel eenvoudig te doorgronden/namaken is, vergat ik het weer. Totdat ik recentelijk las over de <a title="http://www.pololu.com/catalog/product/798" href="http://www.pololu.com/catalog/product/798" target="_blank">Pololu 5v Boost Regulator NCP-1402</a>:</p>
<blockquote><p>&#8221; This extremely compact boost regulator generates 5 V from voltages as low as 0.8 V and delivers up to 200 mA, making it perfect for powering small 5V electronics projects from 1 to 3 NiMH, NiCd, or alkaline cells or from a single lithium-ion cell.&#8221;</p></blockquote>
<p>Of kijk even naar het volgende plaatje:</p>
<div id="attachment_534" class="wp-caption alignnone" style="width: 360px"><a href="http://geedesign.com/blog/wp-content/uploads/2011/10/PA215736web.jpg"><img class="size-medium wp-image-534" title="PA215736web" src="http://geedesign.com/blog/wp-content/uploads/2011/10/PA215736web-350x233.jpg" alt="De NCP1402 boost regulator van Pololu" width="350" height="233" /></a><p class="wp-caption-text">Links  1 enkele AAA-batterij en de NCP-1402 boost regulator, rechts 3 AA-batterijen.</p></div>
<p>Mijn &#8220;kabouter detector&#8221; (waarover in een volgend artikel meer), gebruikt een <strong>Teensy 2.0</strong>, een <strong>CMPS03</strong> digitaal kompas en een piezo buzzer. In mijn prototype gebruikte ik eerst 3 AA batterijen, maar die kon ik vervangen door 1 AAA batterij en de NCP 1402 boost regulator! (Ja, dat kleine groen/gele printplaatje onder de AAA batterij is alles!)</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/10/5v_boost_regulator-250x250.jpg"><img class="alignnone size-full wp-image-545" title="5v_boost_regulator-250x250" src="http://geedesign.com/blog/wp-content/uploads/2011/10/5v_boost_regulator-250x250.jpg" alt="Pololu NCP1402 boost regulator" width="250" height="250" /></a></p>
<p>Ik heb mijn NCP1402 gekocht bij <a title="http://www.hobbytronics.co.uk/pololu-5v-boost-regulator?keyword=NCP1402" href="http://www.hobbytronics.co.uk/pololu-5v-boost-regulator?keyword=NCP1402" target="_blank">www.hobbytronics.co.uk</a>. Daar staat hij voor 5,68 euro, plus nog zo&#8217;n 5 euro verzendkosten per zending.</p>
<p>What&#8217;s the catch? Natuurlijk kun je geen zware motoren op een knoopcel laten lopen, dus hoe kleiner de batterij, hoe minder stroom je bij 5V kunt verwachten. Maar de NCP-1402 heeft een hoge efficiency, dus wat je er in stopt krijg je er praktisch gezien ook weer uit.</p>
<h2>Conclusie</h2>
<p><em>Mooie apparaatjes zelf maken is weer iets makkelijker geworden, dank zij de ATTiny en boost regulators zoals de NCP-1402!</em></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=533</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Game Input Design</title>
		<link>http://geedesign.com/blog/?p=454</link>
		<comments>http://geedesign.com/blog/?p=454#comments</comments>
		<pubDate>Wed, 13 Apr 2011 07:56:31 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[games]]></category>
		<category><![CDATA[Projecten met voornamelijk "hardware"]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=454</guid>
		<description><![CDATA[In het voorjaar van 2011 heb ik voor de opleiding &#8220;Game Design&#8221; van het Alfa-college in Groningen acht workshops verzorgd over &#8220;Game Input Design&#8220;.  Ik denk, dat Game Input Design steeds belangrijker wordt voor games. Er is qua game input steeds meer mogelijk (denk maar aan de dansmat, de Wii, Eyetoy, Move en Kinect), het [...]]]></description>
			<content:encoded><![CDATA[<p>In het voorjaar van 2011 heb ik voor de opleiding &#8220;<a title="http://www.alfa-college.nl/studenten/media-vormgeving/Paginas/Gamedesigner.aspx" href="http://www.alfa-college.nl/studenten/media-vormgeving/Paginas/Gamedesigner.aspx" target="_blank">Game Design</a>&#8221; van het Alfa-college in Groningen acht workshops verzorgd over &#8220;<strong>Game Input Design</strong>&#8220;.  Ik denk, dat Game Input Design steeds belangrijker wordt voor games. Er is qua game input steeds meer mogelijk (denk maar aan de dansmat, de Wii, Eyetoy, Move en Kinect), het is vaak het meest onderscheidende element tussen de verschillende game consoles, en heeft enorm veel impact op de game beleving. Ik denk ook dat game designers vaak nog niet goed weten wat er allemaal mogelijk is, en er ook niet echt mee durven te spelen. En dan heb je zoiets als de <strong><a title="http://www.pjrc.com/teensy/" href="http://www.pjrc.com/teensy/" target="_blank">Teensy </a></strong>(een Arduino-compatibele microprocessor) die het mogelijk maakt om voor gewone studenten (dus niet superprogrammeurs) om heel eenvoudig zelf dingen te maken en uit te proberen &#8230;..</p>
<p><span id="more-454"></span></p>
<h2>Les en lesmateriaal</h2>
<p>Voor de cursus heb ik 8 verschillende lessen voorbereid, en een aantal &#8220;hardware-kits&#8221; samengesteld met simpele elektronica-onderdelen die de studenten als basis konden gebruiken. Veel van de informatie moet je toch zelf ervaren voordat het tot je doordringt.</p>
<p>De lessen waren:</p>
<ol>
<li><strong>Introductie Game Input Design</strong>. Een heleboel vragen komen aan de orde, naast een eerste kennismaking met werken met de Teensy.
<div>
<div>•Wat is een Game Input Device (GID)?</div>
<div>•Wat kun je allemaal als game input device gebruiken?</div>
<div>•Waarom zou je andere GID dan muis en toetsenbord gebruiken?</div>
<div>•Hoe kun je zelf input devices maken?</div>
<div>•Waarom zou je dat willen?</div>
<div>•Hoe koppel je zo’n apparaat aan een computer?</div>
<div>•Wat zijn de gevolgen voor de game?</div>
</div>
</li>
<li><strong>Digitale Input</strong>. Een schakelaar of knop als sensor levert voor een game een digitaal input op: aan of uit. Wat kun je allemaal met &#8220;schakelaars&#8221; in een game? Hoe herken je een schakelaar? (Wat zijn er eigenlijk voor soorten schakelaars?) Vervolgens gaan we aan de slag met de Teensy, en sturen games aan op de computer die ook met het toetsenbord bediend kunnen worden.</li>
<li><strong>Analoge Input</strong>. Een analoge input is een input die een hele reeks van waarden kan hebben, in plaats van alleen &#8220;aan&#8221; of &#8220;uit&#8221;. Heel veel belangrijke grootheden in een spel zijn &#8220;analoog&#8221;: snelheid, positie, sterkte van de held etcetera. Welke Game Input Devices en welke sensoren leveren analoge inputs? We zien hoe we analoge sensoren aan de Teensy++ kunnen hangen, en vervolgens gebruiken we die om bijvoorbeeld de muis te besturen.</li>
<li><strong>Feedback en output</strong>. Een Game Input Device vertaalt acties van de speler naar acties in het spel. Maar het spel geeft dan ook iets terug aan de speler (in beeld/geluid/kracht/&#8230;).  Welke &#8220;feedback loops&#8221; zijn er in het spel, en wat moet het spel daarin doen? Wat voor soort output kan een Game Input Device richting de speler geven? Daarna zien we hoe we dat kunnen doen met de Teensy en proberen het zelf uit.</li>
<li><strong>Capacitive Sensing.</strong> Een mens is te beschouwen als een grote condensator. Deze eigenschap maakt het mogelijk om schakelaars te maken voor games zonder bewegende delen (denk aan een dansmat), of analoge inputs die bediend kunnen worden door je hand in de buurt van een sensorplaat te houden. Met de Teensy++, een paar weerstandjes en wat aluminiumfolie komen we een heel eind.</li>
<li><strong>Input processing</strong>.  Apparaten doen nooit meteen wat je van ze wil. In deze les zien we hoe input van de speler voorbewerkt kan worden, zodat een spel voor een hele grote doelgroep leuk is, terwijl er toch veel verschillende soorten spelers zijn. En we zien ook hoe je met eenvoudige filters de gebreken van hardware kunt beperken. We besturen de muis met bewegingen van de nunchuk, ook al variëren de waarden van de accelerometers enorm.</li>
<li> <strong>Motion Sensing</strong>. Bij motion sensing gebruik je <strong>beweging </strong>van de speler om acties in een spel te veroorzaken. Waarom zou je dat doen? Welke bewegingen kun je detecteren en welke devices doen dat al? Waar moet je als game designer/game  programmer op letten? We zien hoe we een snelle beweging van de nunchuk met de Teensy kunnen herkennen en gebruiken in een game. (In meer detail ga ik daar <a title="Met de nunchuk een spel besturen" href="http://geedesign.com/blog/?page_id=429" target="_blank">hier </a>op in).</li>
<li><strong>Directe koppeling tussen game en input device</strong>. De Teensy ondersteunt <strong>USB-HID</strong> voor keyboard en muis, dat wil zeggen, dat met een eenvoudige compiler-optie een Teensy door een willekeurige computer herkend zal worden als een externe muis of toetsenbord. Maar soms wil je een directere koppeling tussen het spel en de controller, onder andere om feedback (in geluid of vibratie) terug te kunnen geven. In deze les kijken we hoe we de Firmata bibliotheek kunnen gebruiken om Flash programma&#8217;s te laten communiceren met de Teensy.</li>
</ol>
<p>Elke hardware-kit bestond in basis uit een Teensy++ en een breadboard, en daarnaast verschillende sensoren en simpele elektronica componenten. Het moest natuurlijk allemaal goedkoop zijn, maar voor 60 euro per kit was er nog genoeg te doen. En ik kon natuurlijk niet verwachten dat iedereen een degelijke kennis van elektronica heeft (heb ik ook niet). Ik vind het belangrijk om ook te laten zien dat je met goedkope middelen ook interessante dingen kunt doen, dus de kit bevat bijvoorbeeld een tilt-switch, reed relais, piezo buzzer, opto-couplers (om bijvoorbeeld extern speelgoed met geluidjes te koppelen). Ik had via eBay 7 nunchuks gekocht, voor 7 euro per stuk, en dat geeft je meteen een joystick en 3 accelerometers!</p>
<h2>Ervaringen</h2>
<p>Ik vond het erg leuk om aan een groep van ongeveer 20 studenten les te geven.     Van tevoren wist ik niet wat ik er van kon verwachten maar ik denk     dat iedereen zijn best heeft gedaan om er iets van te leren.</p>
<p>In de eindpresentatie was ik over alle teams heel tevreden &#8211; elk team had een heel eigen draai aan de opdracht voor het blok (&#8220;gegeven deze specs voor een nieuw draagbaar device: ontwerp een spel en speciale controller voor een game voor de hele familie&#8221;) en er iets van gemaakt. Een bijzondere vermelding hoort voor &#8220;Team Elite&#8221;: (Maarten, Keriem, Robin en Maas). Zij hadden een spel ontworpen genaamd &#8220;<strong>Rollbotic</strong>&#8220;, waarbij bewegingen van de speler (bukken, omhoog komen) direct vertaald werden in bewegingen van een soort transformer robot in een side-scroller game.</p>
<div id="attachment_490" class="wp-caption alignnone" style="width: 243px"><a href="http://geedesign.com/blog/wp-content/uploads/2011/04/P4065114_web.jpg"><img class="size-medium wp-image-490" title="P4065114_web" src="http://geedesign.com/blog/wp-content/uploads/2011/04/P4065114_web-233x350.jpg" alt="Maas en Keriem tijdens de eindpresentatie" width="233" height="350" /></a><p class="wp-caption-text">Maas en Keriem tijdens de eindpresentatie</p></div>
<p>Dat team had de opdracht aangepakt zoals ik hoopte: zelf     knutselen, je niet laten beperken door wat er toevallig al aanwezig     was en er gewoon voor gaan. En met een heel mooi resultaat! Ze hadden op internet een cool uitziende ventilator gevonden die blauw licht uitstraalde. Dat, gecombineerd met de accelerometers van de nunchuk die ze voorzichtig uit elkaar hadden gehaald bleek voldoende voor een futuristisch ogend device wat mooi aansloot bij de vormgeving van de robot. En de bediening van het spel werkte ook zoals zij hoopten.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=454</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Een vechtrobot voor VAST</title>
		<link>http://geedesign.com/blog/?p=386</link>
		<comments>http://geedesign.com/blog/?p=386#comments</comments>
		<pubDate>Fri, 14 Jan 2011 16:59:13 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met voornamelijk "hardware"]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=386</guid>
		<description><![CDATA[Drents Jeugdtheater DJT De Reus is begin 2011 begonnen met repeteren voor het toneelstuk &#8220;VAST&#8221;. Voor dit toneelstuk heb ik begin januari 2011 een &#8220;vechtrobot&#8221; gemaakt die in een plat koffertje (&#60; 11 cm) moet passen. En op een bepaald moment moet Valerie (gespeeld door Nynke Borgman), de tegenspeelster van Bob (Chris Koopman) per ongeluk [...]]]></description>
			<content:encoded><![CDATA[<p>Drents Jeugdtheater DJT De Reus is begin 2011 begonnen met repeteren voor het toneelstuk &#8220;VAST&#8221;. Voor dit toneelstuk heb ik begin januari 2011 een &#8220;vechtrobot&#8221; gemaakt die in een plat koffertje (&lt; 11 cm) moet passen.  En op een bepaald moment moet Valerie (gespeeld door Nynke Borgman), de tegenspeelster van Bob (Chris Koopman) per ongeluk de robot activeren terwijl hij in de koffer zit. Weet je wat het effect is van een cirkelzaag in een koffertje met documenten?  <span id="more-386"></span></p>
<h2>Wat heb ik gedaan?</h2>
<p>Natuurlijk was mijn belangrijkste taak zorgen dat de illusie van een vechtrobot in een koffertje werkelijkheid kon worden.</p>
<h3>De schakeling</h3>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134721web.jpg"><img class="alignnone size-medium wp-image-390" title="Prototype schakeling voor het geluid" src="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134721web-300x200.jpg" alt="Prototype schakeling voor het geluid" width="300" height="200" /></a></p>
<p>Dankzij de &#8220;Arduino&#8221; microchip kon ik snel een schakeling ontwerpen en bouwen die reageert op een TV-afstandsbediening door verschillende geluidjes te laten horen:   Hierboven zie je het idee:</p>
<ol>
<li>Een <strong>universele afstandsbediening</strong> wordt geprogrammeerd als een Sony TV-afstandsbediening. Aan verschillende knoppen hangen we dan (in het programma voor de Arduino) verschillende acties.</li>
<li>Het signaal van afstandsbediening wordt opgevangen door een <strong>TSOP1738</strong> sensor die (praktisch onzichtbaar) aan de buitenkant van het attaché-koffertje zit. (Een optioneel LEDje kan laten zien of de ontvanger iets herkent).</li>
<li>De <strong>Arduino </strong>ontvangt het IR-signaal, en vertaalt het in de juiste toets. In <a title="http://geedesign.com/blog/wp-content/uploads/2011/01/Vmusic_IR2.pde.txt" href="http://geedesign.com/blog/wp-content/uploads/2011/01/Vmusic_IR2.pde.txt" target="_blank">mijn programma voor de Arduino</a> wordt dan een actie aan verschillende toetsen gekoppeld. De verschillende acties zijn:
<ul>
<li>Een specifieke MP3 file starten voor afspelen, al of niet in combinatie met</li>
<li>Het inschakelen van het relais.</li>
<li>De actuele MP3 file pauzeren,</li>
<li>De actuele MP3 file stoppen,</li>
<li>Het uitschakelen van het relais.</li>
</ul>
</li>
<li>Het <strong>relais </strong>kan dan gebruikt worden om bijvoorbeeld een accuboormachine die gekoppeld is aan de koffer in te schakelen, zodat de hele koffer gaat schudden.</li>
<li>De <strong>VMUSIC2 </strong>schakeling wordt gebruikt om de MP3-files te selecteren en af te spelen. (De VMusic2 heeft een gewone stereo uitgang).</li>
<li>De MP3-files staan op een <strong>USB-stick</strong>, en kunnen eenvoudig door de acteurs of regisseur aangepast worden.</li>
<li>Een paar <strong>luidsprekers op batterijen</strong> geeft voldoende volume om vanuit het attaché-koffertje flinke herrie te maken!</li>
</ol>
<h3>Het attaché-koffertje</h3>
<p>Dit koffertje was een gegeven, en alles moest er in passen. (We konden geen mooier koffertje vinden dat nog steeds die typische managers-uitstraling heeft.) Dat betekende dus, dat de vechtrobot (die immers in het koffertje zit) niet te groot, en vooral niet te hoog mocht worden. Hieronder zie je het prototype met bijna alle onderdelen: de afstandsbediening moet er nog in, en o ja, een (half doorgezaagd!) broodtrommeltje.  En wat versnipperde documenten &#8230;..</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134727web.jpg"><img class="alignnone size-medium wp-image-391" title="Het attache-koffertje met alle onderdelen" src="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134727web-300x225.jpg" alt="Het attache-koffertje met alle onderdelen" width="300" height="225" /></a></p>
<p>De luidsprekers op batterijen zijn een slag groter dan in het vorige plaatje, om toch wat meer geluidsvolume te hebben. Er is nu geen plaats voor een trilapparaat meer &#8230;..</p>
<h3>De vechtrobot</h3>
<p>Echte vechtrobots zijn meestal veel te groot om in een attaché-koffertje te passen. Maar ik kan er natuurlijk zelf een maken!  De robot moest er natuurlijk vreeswekkend uitzien. Vandaar het grootste cirkelzaagblad dat ik goedkoop kon krijgen. Maar alleen een cirkelzaag vond ik niet genoeg: ik wou graag zo&#8217;n haak of pikhouweel die met enorme kracht de weke delen van de tegenstander vernietigt. Bovendien kan die haar ervoor zorgen dat de robot zichzelf weer rechtop kan krijgen als hij op zijn rug ligt.  De robot is opgebouwd op het frame van een RC-autootje. Maar het oorspronkelijke frame moet natuurlijk wel beschermd worden tegen aanvallen van de tegenstander, vandaar dat de wielen worden afgeschermd. (Ik heb ervoor gekozen de wielen toch zichtbaar te laten, zodat je wel kan zien dat het een rijden model is).</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134713web.jpg"><img class="alignnone size-medium wp-image-388" title="P1134713web" src="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134713web-300x225.jpg" alt="De robot met haak naar boven" width="300" height="225" /></a></p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134716web.jpg"><img class="alignnone size-medium wp-image-389" title="P1134716web" src="http://geedesign.com/blog/wp-content/uploads/2011/01/P1134716web-300x200.jpg" alt="De haak naar beneden, achterkant van de robot" width="300" height="200" /></a></p>
<p>O ja, en natuurlijk van die vlammen op de zijkant! De vlammen zijn gebaseerd op een bestaand plaatje, dat ik op maat heb gemaakt, in Photoshop gradient en stroke aan de buitenkant toegevoegd en afgedrukt op vensterfolie (doorzichtig).</p>
<p>Ik had graag nog wat meer &#8220;battle damage&#8221; toegevoegd, maar dat lukte niet goed. (Ik heb de metalen onderdelen in een vlam gehouden, maar dat zag je niet).</p>
<h3>Tot besluit</h3>
<p>Op zich werkt de robot niet, maar ik denk dat het niet veel extra werk is om een echt werkende versie te maken. (Waarom dat niet meteen gedaan? 1] Goedkoper, ik had nog een defecte RC-auto liggen, 2]  minder tijd, want dan hoefde ik niet overal extra ruimte te laten voor motortjes en electronica en 3] als ik een werkende versie had gebouwd, dan wordt die uiteraard ook gebruikt. En in mijn ervaring is er dan ook snel iets kapot aan de omgeving &#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=386</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nieuwjaarskaart 2011</title>
		<link>http://geedesign.com/blog/?p=405</link>
		<comments>http://geedesign.com/blog/?p=405#comments</comments>
		<pubDate>Fri, 07 Jan 2011 12:18:03 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[The Making of ....]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=405</guid>
		<description><![CDATA[Verschillende mensen hebben me gevraagd hoe ik onze nieuwjaarskaart voor 2011 gemaakt heb. (Ik heb zelfs gehoord van vrienden die heftige ruzie kregen over de vraag of het nu wel of niet ons huis is, dat op de kaart staat -- ja, het is ons huis). Hoe heb ik dat zo gemaakt? Ik was geïnspireerd [...]]]></description>
			<content:encoded><![CDATA[<p>Verschillende mensen hebben me gevraagd hoe ik onze nieuwjaarskaart voor 2011 gemaakt heb. (Ik heb zelfs gehoord van vrienden die heftige ruzie kregen over de vraag of het nu wel of niet ons huis is, dat op de kaart staat -- ja, het is ons huis).</p>
<div id="attachment_408" class="wp-caption alignnone" style="width: 310px"><a href="http://geedesign.com/blog/wp-content/uploads/2011/04/winter2result_web.jpg"><img class="size-medium wp-image-408" title="winter2result_web" src="http://geedesign.com/blog/wp-content/uploads/2011/04/winter2result_web-300x300.jpg" alt="&quot;Zorg goed voor jezelf in 2011&quot;" width="300" height="300" /></a><p class="wp-caption-text">&quot;Zorg goed voor jezelf in 2011&quot;</p></div>
<p><span id="more-405"></span></p>
<h2>Hoe heb ik dat zo gemaakt?</h2>
<p>Ik was geïnspireerd door een Japans filmpje dat ik toevallig zag:</p>
<p><a href="http://www.youtube.com/watch?v=1mp9AbZXwqo"><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/1mp9AbZXwqo?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" />
<param name="allowFullScreen" value="true" />
<embed wmode="opaque" src="http://www.youtube.com/v/1mp9AbZXwqo?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="opaque" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=1mp9AbZXwqo">www.youtube.com/watch?v=1mp9AbZXwqo</a></p></a></p>
<p>De uitleg bij dat filmpje was genoeg om het te doen, maar ik heb wel     wat aantekeningen:</p>
<ol>
<li>Begin met een panorama-foto die de hele horizon bestrijkt,</li>
<li>Doe wat eenvoudige bewerkingen in Photoshop,</li>
<li>Klaar!</li>
</ol>
<p>Misschien moet ik toch in iets meer detail treden &#8230;.</p>
<h3>1] Begin met een panoramafoto</h3>
<p>Je hebt een panoramafoto nodig die de hele horizon bestrijkt (waarom? omdat je anders &#8220;springers&#8221;  in het beeld krijgt). Zelf heb ik gebruik gemaakt van het programma &#8220;<strong>Realviz Stitcher 3.1</strong>&#8221; (een gratis           versie van een aantal jaren geleden). Daarmee kun je uit           willekeurige fotos (liefst vanaf een statief genomen) aan           elkaar plakken tot een volledig bolvormig beeld. Maar met Photoshop kun je ook een aantal foto&#8217;s aan elkaar plakken en dan het hele plaatje (horizontaal) spiegelen en dat samen als 1 panorama gebruiken.  Ik heb dat  plakken en spiegelen eerst gedaan, en daarmee kreeg ik bijvoorbeeld dit resultaat:</p>
<div id="attachment_412" class="wp-caption alignnone" style="width: 310px"><a href="http://geedesign.com/blog/wp-content/uploads/2011/04/polar2_web.jpg"><img class="size-medium wp-image-412" title="polar2_web" src="http://geedesign.com/blog/wp-content/uploads/2011/04/polar2_web-300x300.jpg" alt="(Gezicht over de brug - het huis van de overburen)" width="300" height="300" /></a><p class="wp-caption-text">(Gezicht over de brug - het huis van de overburen)</p></div>
<p>en ook deze:</p>
<div id="attachment_413" class="wp-caption alignnone" style="width: 310px"><a href="http://geedesign.com/blog/wp-content/uploads/2011/04/PC034539-polar_web.jpg"><img class="size-medium wp-image-413" title="PC034539-polar_web" src="http://geedesign.com/blog/wp-content/uploads/2011/04/PC034539-polar_web-300x300.jpg" alt="(Winters landschap over de brug)" width="300" height="300" /></a><p class="wp-caption-text">(Winters landschap over de brug)</p></div>
<p>Maar ik vond ze niet mooi genoeg. Vandaar dat ik toch weer terug ging naar Realviz Stitcher 3.1 en gebruik maakte van een volledige (bolvormige) panoramafoto die ik een paar jaar geleden gemaakt heb op basis van 80 foto&#8217;s met mijn simpele digitale fototoestel (KD-200Z). Zo ziet een (deel van het) beeld eruit in Realviz Stitcher:</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2011/04/SNAG_Program-0044.jpg"><img class="alignnone size-full wp-image-416" title="SNAG_Program-0044" src="http://geedesign.com/blog/wp-content/uploads/2011/04/SNAG_Program-0044.jpg" alt="" width="750" height="317" /></a></p>
<p>Ik heb gemerkt, het werkte (voor stap 2) het beste als je het panorama in Realviz Stitcher als <span style="text-decoration: underline;"><strong>cylindrical </strong></span>panorama           exporteert. Bij <strong>spherical output </strong>ziet het vlot (centrum van het           plaatje) er beter uit, maar ik kreeg dan de &#8220;dampkring&#8221; niet           weg in de volgende stap. Zie hier:</p>
<div id="attachment_417" class="wp-caption alignnone" style="width: 310px"><a href="http://geedesign.com/blog/wp-content/uploads/2011/04/winter2a_result_crop_web.jpg"><img class="size-medium wp-image-417" title="winter2a_result_crop_web" src="http://geedesign.com/blog/wp-content/uploads/2011/04/winter2a_result_crop_web-300x300.jpg" alt="Panorama als &quot;spherical&quot; geexporteerd. Let op het vlot!" width="300" height="300" /></a><p class="wp-caption-text">Panorama als &quot;spherical&quot; geexporteerd. Let op het vlot!</p></div>
<p>(Overigens, waarom het niet werkte snap ik nog steeds niet).<br />
N.B. Let ook goed op de horizon bij het renderen van het panorama -- deze moet wel <strong>horizontaal </strong>zijn, anders krijg je een &#8220;bol met bulten&#8221;!</p>
<h3>2] Doe wat bewerkingen in Photoshop</h3>
<p>De bewerkingen die er in Photoshop moeten gebeuren zijn echt simpel.</p>
<ol>
<li>Open de panorama-foto in Photoshop en verander de &#8220;<strong>Image size</strong>&#8221; zodat hoogte en breedte precies even groot zijn. (Het beeld wordt dan samengeperst, maar dat is niet erg).</li>
<li><strong>Image &gt; Rotate Canvas &gt; 180 degrees</strong>.  De lucht zit nu aan de onderkant van het plaatje. Deze stap zorgt ervoor dat de huidige bovenkant van het beeld de binnenkant van de bol wordt.</li>
<li>Pas het &#8220;Polar Coordinates&#8221; filter toe. (Bij mijn versie van Photoshop 7.0 is dit <strong>Filter &gt; Distort &gt; Polar Coordinates (rectangular to polar)</strong>.)</li>
<li>Draai daarna het canvas weer 180 graden terug (of een andere       waarde), zodat het huis weer boven op de bol ligt.</li>
</ol>
<h3>3] Klaar!</h3>
<p>Als je het &#8220;cylindrical&#8221; plaatje vergelijkt met het &#8220;spherical&#8221; plaatje, dan zie je dat bij het &#8220;cylindrical&#8221; het centrum van het plaatje (het vlot) een rare streep vertoont, die bij &#8220;spherical&#8221; niet aanwezig is. Maar helaas, daar eindigt de lucht in een soort &#8220;dampkring&#8217;. Waarom dat optreedt is mij onduidelijk (het gaat erom hoe Photoshop omgaat met de randwaarden van het plaatje). Anyway, ik vond de &#8220;cylindrical&#8221; versie toch mooier!</p>
<p>Ik hoop dat dit artikel je inspireert tot eigen werelden!</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=405</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Augmented Reality &#8211; tweede poging!</title>
		<link>http://geedesign.com/blog/?p=262</link>
		<comments>http://geedesign.com/blog/?p=262#comments</comments>
		<pubDate>Thu, 14 Oct 2010 10:24:57 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met 3D en filmpjes]]></category>
		<category><![CDATA[Projecten met Artificial Intelligence]]></category>
		<category><![CDATA[Work in Progress]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=262</guid>
		<description><![CDATA[Ik heb nu een tijdje zitten spelen met FlashDevelop, en ben al een heel stuk bedrevener in ActionScript 3. Met behulp van de FLARManager had ik mijn eerste augmented reality experimentje gedaan, en inmiddels heb ik een mooiere demo. Hij is nog niet af, maar &#8220;by popular demand&#8221; zet ik hem toch online, en iedereen [...]]]></description>
			<content:encoded><![CDATA[<p>Ik heb nu een tijdje zitten spelen met <strong>FlashDevelop</strong>, en ben al een heel stuk bedrevener in <strong>ActionScript 3</strong>. Met behulp van de <strong>FLARManager </strong>had ik <a title="http://geedesign.com/blog/?p=50" href="http://geedesign.com/blog/?p=50" target="_self">mijn eerste augmented reality experimentje</a> gedaan, en inmiddels heb ik een mooiere demo. Hij is nog niet af, maar &#8220;by popular demand&#8221; zet ik hem toch online, en iedereen mag het zelf proberen:</p>
<p><a href="http://geedesign.com/test/FLAR2/bin/Main.swf" target="_blank">http://geedesign.com/test/FLAR2/bin/Main.swf</a></p>
<p><span id="more-262"></span></p>
<h2>Wat heb je nodig?</h2>
<p>Allereerst moet je een &#8220;marker&#8221; uitprinten. Dit is de marker die ik gemaakt heb:</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/10/B_256_24.png"><img class="alignnone size-full wp-image-261" title="Marker B_256_24" src="http://geedesign.com/blog/wp-content/uploads/2010/10/B_256_24.png" alt="" width="256" height="256" /></a></p>
<p>(Rechts klikken op het plaatje en dat plaatje dan afdrukken.) Vervolgens gebruik je een computer met een webcam, en ga je naar het bovengenoemde webadres. Dan wordt er een Flash applicatie gestart, die vraagt of hij je webcam mag gebruiken, en in dit geval is dat echt nodig. Dan leg je de uitgeprinte marker voor de camera, en voila!</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/10/14102010059web.jpg"><img class="alignnone size-medium wp-image-265" title="Overzicht AR test met ninja" src="http://geedesign.com/blog/wp-content/uploads/2010/10/14102010059web-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p>De opstelling is bedoeld als een soort &#8220;doorkijkje&#8221;, vandaar dat het beeld ook niet gespiegeld wordt zoals vaak gebruikelijk.</p>
<h2>Wat zie je en wat doet het?</h2>
<p>Je ziet een ninja op de marker staan, en als je de marker voorzichtig beweegt, dan beweegt de ninja mee. Maar de ninja kan nog meer:</p>
<ul>
<li>met de pijltoetsen <strong>&lt;</strong>- en <strong>-&gt;</strong> kun je de ninja draaien.</li>
<li>met de pijltoets <strong>^</strong>(omhoog) loopt de ninja naar voren, en je hoort zijn stappen. (Met de toets <strong>8</strong> op het numerieke keyboard kan hij ook sluipen).</li>
<li>met de <strong>spatiebalk</strong> kan hij springen.</li>
<li>met de <strong>HOME </strong>toets doet hij een aanval, met <strong>PageUp </strong>een andere aanval. Met <strong>PageDown</strong> een kick.</li>
<li>de toets <strong>End </strong>laat de ninja sterven &#8230; maar een druk op <strong>Home </strong>of een van de andere toetsen brengt hem weer tot leven.</li>
<li>(voor geïnteresseerden) met een druk op <strong>TAB</strong> ga je naar een toestand waarin hij alle animaties doorloopt. Nog een druk op <strong>TAB </strong>en hij gaat lopen. Druk je tijdens het lopen nog een keer op <strong>TAB</strong>, dan komt hij in een toestand waar hij frame voor frame alle animaties  doorloopt.  Met de <strong>0 (ins)</strong> op het numerieke toetsenbord ga je een frame verder, met <strong>. (del) </strong>een frame terug. Je kunt deze toestand verlaten door bijvoorbeeld op de spatiebalk te drukken.</li>
</ul>
<h2>Wat heb ik gedaan?</h2>
<p>In mijn eerste Augmented Reality (AR) applicatie kon ik alleen een poppetje laten zien dat bewoog. Ik kon het poppetje niet besturen, de animatie niet kiezen of onderbreken, geen geluidjes laten horen, etcetera. Dus wat heb ik voor deze demo gedaan:</p>
<ul>
<li>Ik wilde de <strong><a title="http://www.flashsandy.org/" href="http://www.flashsandy.org/" target="_blank">Sandy3D</a></strong><a title="http://www.flashsandy.org/" href="http://www.flashsandy.org/" target="_blank"> </a>engine gebruiken voor 3D modellen en animaties (in combinatie met de FLARmanager). Deze engine ondersteunt o.a. <strong>QuakeII MD2</strong> modellen met animatie. De animaties kunnen ook op een frame-by-frame basis aangestuurd worden.</li>
<li>Ik heb hele mooie <strong>Half-Life MDL</strong> files met animaties. (Download de <strong>Half-Life Model Viewer</strong> <a title="http://chumbalum.swissquake.ch/hlmv/index.html" href="http://chumbalum.swissquake.ch/hlmv/index.html" target="_blank">hier </a>vandaan, en de<strong> MD2 Viewer</strong> is <a title="http://chumbalum.swissquake.ch/md2v/" href="http://chumbalum.swissquake.ch/md2v/" target="_blank">daar </a>ook te vinden).</li>
<li>De tutorial <a title="http://www.kingpinforever.com/fredz/modelhltoq2.html" href="http://www.kingpinforever.com/fredz/modelhltoq2.html" target="_blank">op deze plek</a> bleek heel nuttig om in <a title="http://milkshape3d.com/" href="http://milkshape3d.com/" target="_blank">Milkshape3D</a> een Half-Life model met animaties om te zetten naar een MD2 model met animaties.</li>
<li>Ik heb daar wat mee zitten spelen, daar kan ik nog heel veel leren. Maar vooral het UV-mappen bleek erg lastig te zijn in Milkshape, ik denk dat daar het hulpmiddel <a title="http://uvmapper.com/" href="http://uvmapper.com/" target="_blank">UVMapper Pro</a> erg nuttig is, maar daar heb ik nog niet echt mee gewerkt.</li>
<li>Wel vond ik <a title="http://www.insanesoftware.de/index.php?page=home.php" href="http://www.insanesoftware.de/index.php?page=home.php" target="_blank">CharacterFX</a>, een gratis animatie tool, en hele nuttige tutorials over Milkshape3D, UV-mapping en animatie bij <a title="http://www.psionic3d.co.uk/" href="http://www.psionic3d.co.uk/" target="_blank">http://www.psionic3d.co.uk/</a>, en daar vond ik ook het gratis model van de ninja met animaties.</li>
<li>Dus ik heb in Actionscript een aantal classes gedefinieerd, voor het werken met MD2 modellen en hun animaties in Sandy3D.   Kijk ook naar de <strong>bron code</strong> van <a href="http://geedesign.com/test/FLAR2/bin/ninja.xml" target="_blank">http://geedesign.com/test/FLAR2/bin/ninja.xml</a> Dit is een XML file, in een formaat dat ik heb gedefinieerd, voor modellen met animatie: hier kun je eigenschappen van het poppetje opgeven, en (offline) aanpassen. Hier staat ook per animatie waar en welke geluidjes gespeeld worden.</li>
<li>Ik gebruik <strong>Finite State Machines (FSM)</strong> voor het gedrag van het poppetje, dus ik heb een FSM class gemaakt in ActionScript. (Inmiddels heb ik in diverse projecten ervaring opgedaan met FSMs).</li>
<li>Het laden van de geluiden heb ik van <a title="http://cheezeworld.com/managing-sounds-and-music-in-actionscript-3/" href="http://cheezeworld.com/managing-sounds-and-music-in-actionscript-3/" target="_blank">hier</a>, maar dat moet nog verbeterd worden.</li>
<li>Dat geheel heb ik gecombineerd met de <a title="http://words.transmote.com/wp/flarmanager/" href="http://words.transmote.com/wp/flarmanager/" target="_blank">FLAR manager</a>, en het werkt!</li>
</ul>
<h2>Wat wil ik in de volgende demo&#8217;s?</h2>
<ul>
<li>Meerdere markers in beeld, met verschillende poppetjes</li>
<li>De poppetjes moeten (autonoom) op elkaars nabijheid reageren</li>
<li>3D-geluid (zodat het geluid zachter wordt als het verder van de camera af is)</li>
<li>Verbeterd laden van geluiden, textures en modellen (je ziet het niet, maar het kan netter, misschien wordt de applicatie sneller en het maakt aanpassen zeker eenvoudiger).</li>
<li>De AI kan ook nog verbeterd worden (HFSMs in plaats van FSMs, misschien alle scripts in XML files plaatsen).</li>
<li>Steering behaviors: het poppetje moet autonoom naar plekken kunnen lopen.</li>
<li>Verbeterde keyboard handling en display.</li>
<li>Tests met andere modellen (auto?) en objecten (bijvoorbeeld huisjes).</li>
</ul>
<h2>Wat zou ik willen?</h2>
<p>Eigenlijk wil ik natuurlijk, dat een menselijke speler kan interacteren met een virtueel poppetje, op een voor de mens natuurlijke manier. Dus de mens zegt iets, het poppetje op het scherm reageert erop, etcetera. Maar het zou al mooi zijn als we dat kunnen faken: de mens zegt iets, dat is een trigger voor het poppetje om iets te doen, etcetera. En liefst wil ik dat het poppetje zoveel mogelijk autonoom is, en (dus) ook automatisch op andere poppetjes kan reageren. Daar kan ik mooi naar toe werken.</p>
<p>Om te laten zien dat er met simpele middelen al wel het een en ander kan, heb ik met behulp van (gratis programma) <a title="http://glovepie.org/glovepie_download.php" href="http://glovepie.org/glovepie_download.php" target="_blank">GlovePIE </a>een bijzonder simpel <a title="http://geedesign.com/blog/wp-content/uploads/2010/10/gidi_ninja.pie_.txt" href="http://geedesign.com/blog/wp-content/uploads/2010/10/gidi_ninja.pie_.txt" target="_blank">scriptje </a>gemaakt, en gebruik ik via GlovePIE (onder XP) de (gratis) Microsoft speech recognition om de toetsen te activeren:</p>
<p><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/SClto5h3a7w?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" />
<param name="allowFullScreen" value="true" />
<embed wmode="opaque" src="http://www.youtube.com/v/SClto5h3a7w?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="opaque" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=SClto5h3a7w">www.youtube.com/watch?v=SClto5h3a7w</a></p></p>
<p>(Dus voor de duidelijkheid: als ik nu &#8220;banzai!&#8221; zeg, dan springt het poppetje omhoog!)</p>
<h3>Een idee: AR Schaak</h3>
<p>Een van de dingen waar ik op dit moment aan denk is een schaakbord: stel, je ziet een echt schaakbord, maar niet met stukken, maar met platte markers met de schaaksymbolen, zoals</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/10/b-Chess_symbols.jpg"><img class="alignnone size-full wp-image-277" title="b-Chess_symbols" src="http://geedesign.com/blog/wp-content/uploads/2010/10/b-Chess_symbols.jpg" alt="" width="380" height="78" /></a></p>
<p>Een menselijke speler beweegt zijn markers op het bord, maar de computer laat er via het scherm poppetjes op zien. Als nu een stuk een ander stuk slaat, dan zie je op het scherm twee poppetjes vechten. (Een beetje zoals in de Harry Potterfilm, deel 1). &#8220;Gewone&#8221; toeschouwers zien alleen het bord, maar via het scherm kunnen anderen ook zien hoe bijvoorbeeld een loper een bedreiging vormt voor een bepaald stuk, etcetera. (Idee is nog niet echt uitgewerkt).</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=262</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stereo vision &#8211; Youtube 3D</title>
		<link>http://geedesign.com/blog/?p=107</link>
		<comments>http://geedesign.com/blog/?p=107#comments</comments>
		<pubDate>Wed, 25 Aug 2010 09:49:55 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met 3D en filmpjes]]></category>
		<category><![CDATA[Work in Progress]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=107</guid>
		<description><![CDATA[Sinds kort heb ik ontdekt dat het op Youtube  mogelijk is om filmpjes in 3D te bekijken, dankzij de &#8220;yt3d&#8221; tags, en ik ben er helemaal enthousiast over! Kijk maar eens naar een filmpjes als http://www.youtube.com/watch?v=lyUhAUjw-pU (N.B. Je moet een dergelijk filmpje wel in YouTube bekijken, want anders zie je alleen twee beelden naast elkaar.) [...]]]></description>
			<content:encoded><![CDATA[<p>Sinds kort heb ik ontdekt dat het op Youtube  mogelijk is om filmpjes in 3D te bekijken, dankzij de &#8220;<strong>yt3d</strong>&#8221; tags, en ik ben er helemaal enthousiast over! Kijk maar eens naar een filmpjes als</p>
<ul>
<li><a href="http://www.youtube.com/watch?v=lyUhAUjw-pU" target="_blank">http://www.youtube.com/watch?v=lyUhAUjw-pU</a> (<em>N.B. Je moet een dergelijk filmpje wel in </em><strong><em>YouTube </em></strong><em>bekijken, want anders zie je alleen twee beelden naast elkaar</em>.)</li>
<li><a href="http://www.youtube.com/watch?v=jJjJeYfAwQw" target="_blank">http://www.youtube.com/watch?v=jJjJeYfAwQw</a> <em>(idem)</em></li>
</ul>
<p>Wat betekent dit? Filmpjes met die &#8220;tags&#8221; kun je dan echt in 3D bekijken, afhankelijk van je eigen hardware. Je ziet rechts onder bij het filmpje een menuknop met &#8220;<strong>3D</strong>&#8221; erop, en afhankelijk van je apparatuur kies je dan het volgende:</p>
<ul>
<li>Als je bijvoorbeeld een &#8220;rood-groen&#8221; brilletje hebt, kies je voor &#8220;<strong>Red /Cyan Glasses: Full Color</strong>&#8220;</li>
<li>Als je &#8220;shutterglasses&#8221; hebt (betere apparatuur om 3D stereo vision te bekijken!), dan kies je voor &#8220;<strong>Row interleave</strong>&#8220;,</li>
<li>Je kunt ook kiezen voor &#8220;<strong>cross-eyed</strong>&#8221;  of andere mogelijkheden,</li>
<li>en als je geen van deze mogelijkheden hebt en toch het filmpje wil zien zonder hinderlijke effecten, dan kies je gewoon voor &#8220;<strong>Left Image Only</strong>&#8221; of &#8220;<strong>Right Image Only</strong>&#8220;.</li>
</ul>
<p><span id="more-107"></span></p>
<h2>Zelf Stereo Filmpjes maken?</h2>
<p>Kun je ook zelf van deze 3D filmpjes maken? Jazeker wel! Hieronder bespreek ik 3 mogelijkheden.</p>
<ol>
<li>Filmpjes opnemen met een <a href="#webcam">3D webcam</a>,</li>
<li><a href="#Crazytalk">CrazyTalk</a> ondersteunt nu ook stereovision output,</li>
<li>Een heel nuttig en gratis hulpmiddel om zelf uit twee filmpjes een gecombineerd 3D filmpje te maken is <a href="#SMM">Stereo Movie Maker</a>.</li>
</ol>
<h3><a name="webcam"></a>Filmpjes opnemen met een 3D webcam</h3>
<p>Ik heb een <a title="http://www.minoru3d.com/" href="http://www.minoru3d.com/" target="_blank">Minoru 3D webcam</a>. Wat is dat? Het is een webcam met twee camera&#8217;s:</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/08/minoru-3d-webcam.jpg"><img class="alignnone size-medium wp-image-111" title="minoru-3d-webcam" src="http://geedesign.com/blog/wp-content/uploads/2010/08/minoru-3d-webcam-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>via de instellingen van de bijbehorende software kun je ervoor kiezen om een van beide &#8220;ogen&#8221; te gebruiken, of het gecombineerde beeld. Hoe dat beeld gecombineerd moet worden, kun je dan zelf aangeven: moet het een &#8220;rood/groen&#8221; beeld worden, of moeten de beelden naast elkaar (<strong>Side-by-Side</strong>) gezet worden? Zo kun je dan bijvoorbeeld in 3D skypen, mits de ontvanger over de juiste &#8220;3D hardware&#8221; beschikt (een rood/groen brilletje of geavanceerder).</p>
<p>Ik heb de webcam voor 68 euro (inclusief verzendkosten) <a title="http://www.expansys.nl/d.aspx?i=178102" href="http://www.expansys.nl/d.aspx?i=178102" target="_blank">hier</a> gekocht. In een klein testje heb ik nu ook een yt3d filmpje gemaakt, wat hier te vinden is:</p>
<p><a title="http://www.youtube.com/watch?v=SynB-XpwKso" href="http://www.youtube.com/watch?v=SynB-XpwKso" target="_blank">http://www.youtube.com/watch?v=SynB-XpwKso</a> <em>(N.B. Als ik het filmpje direct in deze blog had gezet, zou je alleen twee beelden naast elkaar zien.)</em></p>
<p><a href="http://www.youtube.com/watch?v=SynB-XpwKso"><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/SynB-XpwKso?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" />
<param name="allowFullScreen" value="true" />
<embed wmode="opaque" src="http://www.youtube.com/v/SynB-XpwKso?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="opaque" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=SynB-XpwKso">www.youtube.com/watch?v=SynB-XpwKso</a></p></a></p>
<p>Hoe heb ik dit gemaakt?</p>
<ol>
<li>Ik neem op met het <strong>Minoru Video Capture</strong> programma, <strong>side-by-side, 1280x480, 30fps, AVI formaat</strong> (ASF werkt om een of andere reden niet op mijn PC?). Geluid input is van de Minoru webcam microfoon (erg zacht).</li>
<li>Vervolgens gebruik ik <a title="http://www.virtualdub.org/" href="http://www.virtualdub.org/" target="_blank">VirtualDub</a> om de compressie van het filmpje van <strong>Uncompressed </strong>in <strong>Xvid </strong>te veranderen (scheelt enorm in de upload tijd).</li>
<li>(Ik heb het volume in VirtualDub ook verdubbeld)</li>
<li>Uploaden via mijn eigen Youtube account (niet de Youtube uploader van Minoru), met de Labels <strong>yt3d:enable=true</strong> en <strong>yt3d:swap=true</strong>.</li>
</ol>
<p>Zie <a href="#meer_info">verderop </a>wat die labels (tags) betekenen. Ik heb dat &#8220;swap=true&#8221; gedaan, omdat ik meende gelezen te hebben dat YouTube eerst het rechterbeeld en dan het linkerbeeld verwacht. Niet zeker of dat klopt, maar je kunt het altijd nog achteraf veranderen.</p>
<h3><a name="Crazytalk"></a>CrazyTalk ondersteunt stereovision output</h3>
<p>CrazyTalk (<a href="http://www.reallusion.com/crazytalk/" target="_blank">http://www.reallusion.com/crazytalk/</a>) is een programma om een animatiefilmpje van een pratend hoofd te maken op basis van een foto. Ik heb het programma twee jaar geleden aangeschaft (na mijn bezoek aan de CeBit!) en sindsdien met succes gebruikt in een aantal projecten. Sinds versie 6.2 is het mogelijk om de output ook als een &#8220;side-by-side&#8221; of anaglyph (rood/groen) filmpje te krijgen. (Zie ook wat Reallusion er <a title="http://www.reallusion.com/event/2010/3dstereo/default.html" href="http://www.reallusion.com/event/2010/3dstereo/default.html" target="_blank">hier</a> zelf van zegt). Ik heb nu een testje gedaan met een Crazytalk model dat ik voor het project &#8220;Kleine Faust&#8221; had gemaakt. Het resulterende filmpje is hier te vinden:</p>
<p><a href="http://www.youtube.com/watch?v=wbNvX5teyvc" target="_blank">http://www.youtube.com/watch?v=wbNvX5teyvc</a> (<em>N.B. Je moet het filmpje wel in <strong>YouTube </strong>bekijken, want anders zie je alleen twee beelden naast elkaar).</em></p>
<p>Hoe heb ik dit gedaan?</p>
<ol>
<li>Ik start CrazyTalk 6.2 PRO met een (bestaand) CrazyTalk project, in dit geval &#8220;Mefisto4.ctp&#8221;</li>
<li>Dan selecteer ik bij de &#8220;<strong>Output</strong>&#8221; pagina  format &#8220;<strong>AVI file</strong>&#8221; en vink bij de output settings &#8220;<strong>3D Stereo Vision</strong>&#8221; aan. Ik kies voor &#8220;side by side&#8221;, omdat dat de beste resultaten geeft bij uploaden naar YouTube.</li>
<li>Je kunt ook de &#8220;<strong>Display Distance</strong>&#8221; instellen.  De help file van CrazyTalk geeft wel uitleg over wat die display distance betekent. Mijn ervaringen (niet via YouTube, maar via SMM bekeken), zijn dat de extremere waarden (0  of 100) veel &#8220;ghosting&#8221; opleveren, en dus niet mooi zijn. Ik heb de waarde op (default?) 65 laten staan.</li>
<li>De &#8220;<strong>target resolution</strong>&#8221; was DVD Pal (720x576), want als ik een van de standaard hogere resoluties koos kreeg ik een melding dat de maximum breedte voor &#8220;Side by side&#8221; stereo filmpjes 1000 pixels was. Hier moet je dus rekening mee houden bij de verhoudingen van het oorspronkelijke image!</li>
<li>Voor de codec koos ik <strong>XviD</strong>, omdat dat aanzienlijk tijd scheelt bij het uploaden naar YouTube.</li>
<li>Uploaden via mijn eigen YouTube account, met de labels <strong>yt3d:enable=true</strong> en <strong>yt3d:swap=true</strong>.</li>
</ol>
<h3><a name="SMM"></a>StereoMovie Maker</h3>
<p><strong>StereoMovie Maker (SMM) </strong>(<a href="http://stereo.jpn.org/eng/stvmkr/" target="_blank">http://stereo.jpn.org/eng/stvmkr/</a>) is een geweldig en gratis programma om 3D (stereo vision) films te <strong>maken </strong>en te <strong>bekijken</strong>. Volgens de site ondersteunt SMM vanaf versie 1.10 nu ook  <strong>nVidia 3D Vision</strong> en de <strong>iZ3D monitor</strong>.</p>
<p>Je kunt er zelf stereo films mee maken door een (afzonderlijk opgenomen) linker en rechter filmpje te combineren, uit te lijnen en te synchroniseren. Ik heb ooit een kleine poging gedaan gewoon uit de losse pols, en het resultaat was best goed! (Ik weet niet meer waar ik het gelaten heb).</p>
<h2>Offline 3D films bekijken</h2>
<p>Okay, dus je kunt 3D filmpjes bekijken op YouTube. Maar sommige filmpjes (in HD) hoewel mooi, gaan erg schokkerig. Kun je ze niet ook <strong>offline </strong>bekijken? Jazeker!</p>
<p>Wat heb ik gedaan?</p>
<ol>
<li>De <a title="http://www.youtube.com/watch?v=jJjJeYfAwQw" href="http://www.youtube.com/watch?v=jJjJeYfAwQw" target="_blank">Pangea 3D trailer</a> was bij mij erg schokkerig in het begin. Dus heb ik het FLV filmpje gedownload met de (gratis) <strong>Moyea YouTube FLV downloader</strong>, te vinden op <a title="http://www.flvsoft.com/download_flv/" href="http://www.flvsoft.com/download_flv/" target="_blank">http://www.flvsoft.com/download_flv/</a></li>
<li>Ik heb het gedownloade filmpje <strong>pangea.flv</strong> genoemd. Als je dit filmpje bekijkt (bijvoorbeeld met de gratis <a title="http://www.videolan.org" href="http://www.videolan.org" target="_blank">VLC Media Player</a>) dan zie je een &#8220;side-by-side&#8221; image.</li>
<li>Om het met <a title="http://stereo.jpn.org/eng/stvmkr/" href="http://stereo.jpn.org/eng/stvmkr/" target="_blank">StereoMovie Maker</a> te kunnen bekijken in 3D, moet het eerst omgezet worden naar <strong>AVI</strong>. Dat kan volgens mij ook direct met de <strong>VLC Media Player</strong>, maar een stuk overzichtelijker vind ik bijvoorbeeld de &#8220;<strong>Pazera Free FLV to AVI Convertor</strong>&#8220;, te vinden op <a title="http://www.pazera-software.com/products/flv-to-avi-converter/" href="http://www.pazera-software.com/products/flv-to-avi-converter/" target="_blank">http://www.pazera-software.com/products/flv-to-avi-converter/</a></li>
<li>Het resultaat is een side-by-side AVI filmpje (pangea.avi), en aangezien ik alles op &#8220;auto&#8221; had laten staan is de resolutie nu 1920x720? (Ik gebruikte de Motion JPEG codec die ik een tijdje geleden gekocht heb, maar volgens mij kan het ook met XviD of zo)</li>
<li>Vervolgens was het filmpje pangea.avi af te spelen met <strong>Stereo Movie Maker</strong>. Als je via het menu klikt op <strong>Play &gt; Play (Movie File)</strong> kun je de file kiezen en de opties voor <strong>Input Stereo Type</strong> en <strong>Display Stereo Type</strong> zetten.  De film start met de linker muisknop. (Nog een keer klikken om het info menu weg te krijgen).
<ol>
<li><strong>Input Stereo Type </strong>is natuurlijk <strong>Side-by-side</strong> (want zo komt het uit YouTube)</li>
<li><strong>Display Stereo Type</strong> was in mijn geval een red/cyaan brilletje van Minoru, <strong>half color(r/c)</strong> bleek het beste te werken. Via de 0-9 toetsen kun je rouleren door de display mogelijkheden.</li>
<li>De display resolutie bleek het beste te werken op 1024x768 (Hoewel de film fullscreen wordt afgespeeld schaalt hij niet op? Dus als je display op 1600x1200 staat vult de film het scherm niet!)</li>
<li>Met de toets <strong>X</strong> kun je links en rechts omwisselen. Ik zag wel verschil, maar durf niet meer te zeggen welke versie het beste was.</li>
</ol>
</li>
</ol>
<p>De size van de film wordt door SMM opgegeven als <strong>960x720</strong>. Ik had de indruk dat de HD kwaliteit op YouTube op de hoogste resolutie beter was, maar ja, dan had ik schokken door de netwerkverbinding.</p>
<p><strong><span style="text-decoration: underline;">UPDATE</span></strong>: Ik had ook een yt3d filmpje van Assassin&#8217;s Creed gedownload van <a title="http://www.youtube.com/watch?v=822kH5Fu8SM" href="http://www.youtube.com/watch?v=822kH5Fu8SM" target="_blank">http://www.youtube.com/watch?v=822kH5Fu8SM</a>, maar daar blijken de linker en rechterbeelden <strong>boven </strong>elkaar (in plaats van naast elkaar) te zitten! Het <strong>Input Stereo Type</strong> voor dit filmpje was dan ook <strong>100% a/b</strong> (above/below).</p>
<h2><a name="meer_info"></a>Documentatie</h2>
<p>Wat voor <strong>yt3d </strong>tags zijn er allemaal? Het enige dat ik kon vinden op een <a title="http://www.google.com/support/forum/p/youtube/thread?tid=56b6f6f15dabf994&amp;hl=en" href="http://www.google.com/support/forum/p/youtube/thread?tid=56b6f6f15dabf994&amp;hl=en" target="_blank">forum</a> was een post van de maker &#8220;<em>YouTube Pete</em>&#8220;:</p>
<blockquote><p><em>The current tags are provisional and may change or expand. They are:</em></p>
<p><em> </em><strong><em>yt3d:enable=true</em></strong><em> Enables the view mode. (obviously you&#8217;ve already discovered this)<br />
</em><strong><em>yt3d:aspect=3:4</em></strong><em> Sets the aspect of the encoded video.<br />
</em><strong><em>yt3d:swap=true</em></strong><em> Swaps the left and right sources. You may need to add this to videos when the player with fixed anaglyph modes ships. Apologies for the inconvineince.</em></p>
<p><em> </em><strong><em>yt3d:left=0_0.1_0.5_0.9</em></strong><em> and </em><strong><em>yt3d:right=0.5_0.1_1_0.9</em></strong><em> These tags are very provisional and most useful for fixing up old videos. They set the source area for each eye as pairs of coordinates x1_y1_x2_y2. The scale of these coordinates is 0,0 for the the top left down to 1,1 for the bottom right.</em></p>
<p><em> </em><em>Ideally you shouldn&#8217;t use left and right. For the best quality make the sources as large as possible within the frame and set yt3d:aspect correctly.</em></p></blockquote>
<p>Heel grappig is dat je die tags (labels) dus voor je eigen video&#8217;s dus rustig achteraf kunt aanpassen!</p>
<h2>Verder onderzoek</h2>
<p>Ik ben van plan om nieuwe shutter glasses te kopen, of misschien een <a title="http://www.relaxview.nl/relaxview-3d-video-gafas.html" href="http://www.relaxview.nl/relaxview-3d-video-gafas.html" target="_blank">video bril met 3D mogelijkheden</a>.  Daarvoor moet ik wel eerst weten wat het verschil is tussen &#8220;Row interlaced&#8221;, &#8220;Field Sequential&#8221; etcetera. Wat is dan het systeem van nVidia, en is dat goed en compatibel met andere dingen?</p>
<p>Enige nuttige links:</p>
<ul>
<li><strong>Reallusion </strong>heeft wel een aardig beginpunt: <a title="http://www.reallusion.com/event/2010/3dstereo/default.html" href="http://www.reallusion.com/event/2010/3dstereo/default.html" target="_blank">http://www.reallusion.com/event/2010/3dstereo/default.html</a></li>
<li>Het <strong>3D@Home</strong> consortium heeft goede overzichten van <strong>producten </strong>en <strong>technieken</strong>, zie <a title="http://www.3dathome.org/experience-products.aspx" href="http://www.3dathome.org/experience-products.aspx" target="_blank">http://www.3dathome.org/experience-products.aspx</a></li>
<li><strong>nVidia </strong>heeft ook een zinvolle bijdrage voor 3D engine bouwers: <a title="http://developer.nvidia.com/object/3d_stereo_dev.html" href="http://developer.nvidia.com/object/3d_stereo_dev.html" target="_blank">http://developer.nvidia.com/object/3d_stereo_dev.html</a></li>
</ul>
<p><span style="color: #888888;"><strong><span style="color: #000000;"><span style="text-decoration: underline;">UPDATE</span></span></strong></span><span style="color: #000000;"><span style="text-decoration: underline;">: </span></span>Mijn grafische kaart (een nVidia GeForce GTS 250) ondersteunt stereoscopic vision. Ik dacht dat dat alleen zou werken als ik die nVidia shutter glasses zou kopen. Maar zelfs zonder die shutter glasses kon ik met gewoon een red/cyan brilletje verschillende spelen in echt 3D spelen, door in het NVIDIA control panel <strong>Enable stereoscopic 3D</strong> aan te zetten, en dan bij de setup wizard te kiezen voor &#8220;<strong>3D Vision Discover</strong>&#8220;! Echt heel leuk!</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=107</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>De gestreepte Olifantsmuis</title>
		<link>http://geedesign.com/blog/?p=63</link>
		<comments>http://geedesign.com/blog/?p=63#comments</comments>
		<pubDate>Wed, 11 Aug 2010 21:41:41 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met voornamelijk "hardware"]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=63</guid>
		<description><![CDATA[Lessons learnt van Mulder &#38; Mulder In juni 2010 heb ik voor de gebroeders Arling en Arling een &#8220;gestreepte olifantsmuis&#8221; gemaakt. Doel was, om in de theatervoorstelling &#8220;Het mooiste geluid van de hele wereld&#8221; de muis op het toneel te laten verschijnen, te versnellen en weer te laten verdwijnen.  Hier is het filmpje dat Harry Arling [...]]]></description>
			<content:encoded><![CDATA[<h1>Lessons learnt van Mulder &amp; Mulder</h1>
<p>In juni 2010 heb ik voor de gebroeders <a href="http://www.arlingenarling.nl" target="_blank">Arling en Arling</a> een &#8220;<strong><em>gestreepte olifantsmuis</em></strong>&#8221; gemaakt. Doel was, om in de theatervoorstelling &#8220;<a href="http://www.arlingenarling.nl/voorstellingen/het-mooiste-geluid-van-de-wereld.html" target="_blank">Het mooiste geluid van de hele wereld</a>&#8221; de muis op het toneel te laten verschijnen, te versnellen en weer te laten verdwijnen.  Hier is het filmpje dat Harry Arling aanleverde over hoe het moest worden.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="mediaspace"
			class="flashmovie"
			width="400"
			height="300">
	<param name="movie" value="http://geedesign.com/blog/wp-content/uploads/2010/08/player.swf" />
	<param name="flashvars" value="file=gestreeptemuisprop_02.flv&amp;stretching=exactfit&amp;image=http://geedesign.com/blog/wp-content/uploads/2010/09/olifantsmuis1.jpg" />
	<param name="play" value="false" />
	<param name="loop" value="true" />
	<param name="menu" value="true" />
	<param name="wmode" value="opaque" />
	<param name="base" value="http://geedesign.com/blog/wp-content/uploads/2010/08/" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://geedesign.com/blog/wp-content/uploads/2010/08/player.swf"
			name="mediaspace"
			width="400"
			height="300">
		<param name="flashvars" value="file=gestreeptemuisprop_02.flv&amp;stretching=exactfit&amp;image=http://geedesign.com/blog/wp-content/uploads/2010/09/olifantsmuis1.jpg" />
		<param name="play" value="false" />
		<param name="loop" value="true" />
		<param name="menu" value="true" />
		<param name="wmode" value="opaque" />
		<param name="base" value="http://geedesign.com/blog/wp-content/uploads/2010/08/" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
<p><a href="http://adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p><span id="more-63"></span></p>
<h2>Technisch:</h2>
<p>(Zie hier een blik op de achterkant van de olifant &#8211; in de voorstelling is deze met zwart papier afgedekt)</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/11/achterkant.jpg"><img class="alignnone size-medium wp-image-315" title="De achterkant van de olifantsmuis" src="http://geedesign.com/blog/wp-content/uploads/2010/11/achterkant-300x225.jpg" alt="" width="300" height="225" /></a></p>
<ol>
<li>De mechanische constructie, met hier de stang die zorgt dat het hoofd heen en weer beweegt</li>
<li>Tandwielkast</li>
<li>Infraroodontvanger</li>
<li>Elektronica in een net doosje</li>
</ol>
<p>In dit project heb ik weer veel ervaringen opgedaan, positief en negatief.</p>
<ul>
<li>- :      motortje (Conrad gearbox) bleek niet via PWM aan te sturen. Waarschijnlijk      omdat het aantal omwentelingen te laag ligt?</li>
<li>+:  motortje bleek sterk en snel genoeg!      Overbrenging 45:1</li>
<li>+:      controle via PIC 12F628A en twee relais.</li>
<li>+:      aansturing via infrarood is gelukt.</li>
<li>+:  “Easy remote” universele      afstandsbediening voor 1,5 euro gekocht bij de Blokker. Na verwijderen van      de TV en SAT knop bleek er ook geen gevaar voor verandering van de commando’s.      Ook bleek dat de batterijen verwisseld kunnen worden zonder dat de      codeprogrammering verandert!</li>
<li>-: programma      <a title="http://geedesign.com/blog/wp-content/uploads/2010/09/Olifantsmuis2.bas.txt" href="http://geedesign.com/blog/wp-content/uploads/2010/09/Olifantsmuis2.bas.txt" target="_blank">Olifantsmuis2.bas</a>:
<ul>
<li>Bij       startup geeft de IR schakeling altijd een 00 puls</li>
<li>De       volgende IR puls wordt niet goed gedecodeerd. (Omdat een IR remote blijft       herhalen als je de knop ingedrukt houdt gaat het dan vaak toch goed). Dit       is eenmalig voor de eerste keer na opstarten.</li>
<li>Serout/Serin       blijft loopen op 00 in       het begin??? Na de eerste ontvangen IR pulse verdwijnt dit. Geen idee hoe       dit komt. Ondervangen door te testen op command &gt; 0</li>
<li>De       ontvangen pulsen blijken soms verminkt (device/command). Toen ik het       programma nog eens testte met 2400 baud bleek dit veel beter te werken –       toen was betrouwbare identificatie van individuele toetsen zeker       mogelijk.</li>
</ul>
</li>
<li>+:      combinatie van Lego en Fischertechnik was gunstig. Fischertechnik vanwege      de metalen assen en de ketting, Fischertechnik was via een opengezaagd 4mm      aluminium buis goed te klemmen op de asjes van de Conrad gearbox</li>
<li><a href="http://geedesign.com/blog/wp-content/uploads/2010/08/P6153827.jpg"><img class="alignnone size-medium wp-image-69" title="OLYMPUS DIGITAL CAMERA" src="http://geedesign.com/blog/wp-content/uploads/2010/08/P6153827-300x225.jpg" alt="" width="300" height="225" /></a></li>
<li>+:      snaren voor overbrengingen, op maat te knippen en aan elkaar te schroeven.      Gekocht bij Krikke modelbouw.</li>
<li>+:      <a title="http://www.algodoo.com" href="http://www.algodoo.com" target="_blank">Algodoo </a>gebruikt voor de simulatie van de fysica van verschillende configuraties van het      olifantshoofd.<br />

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="mediaspace"
			class="flashmovie"
			width="400"
			height="300">
	<param name="movie" value="http://geedesign.com/blog/wp-content/uploads/2010/08/player.swf" />
	<param name="flashvars" value="file=SNAG_Program-0002.flv&amp;stretching=exactfit&amp;image=http://geedesign.com/blog/wp-content/uploads/2010/09/algodoo1.jpg" />
	<param name="play" value="false" />
	<param name="loop" value="true" />
	<param name="menu" value="true" />
	<param name="wmode" value="opaque" />
	<param name="base" value="http://geedesign.com/blog/wp-content/uploads/2010/08/" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://geedesign.com/blog/wp-content/uploads/2010/08/player.swf"
			name="mediaspace"
			width="400"
			height="300">
		<param name="flashvars" value="file=SNAG_Program-0002.flv&amp;stretching=exactfit&amp;image=http://geedesign.com/blog/wp-content/uploads/2010/09/algodoo1.jpg" />
		<param name="play" value="false" />
		<param name="loop" value="true" />
		<param name="menu" value="true" />
		<param name="wmode" value="opaque" />
		<param name="base" value="http://geedesign.com/blog/wp-content/uploads/2010/08/" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		<br />
<a href="http://adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a><br />

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object></li>
<li>+:      dankzij mijn “<strong>modules</strong>” voor      voeding, relais en IR kon ik snel een schakeling maken!</li>
<li>-:      in de eerste tests schakelde hij spontaan over naar de andere snelheid.      Ligt dat aan batterijverbruik? Ik heb de stroom van motor en electronica      gescheiden, maar je zag dat de spanning van de 9V batterij terugliep. Maar      waarom schakelt hij dan?</li>
</ul>
<h2><a href="http://geedesign.com/blog/wp-content/uploads/2010/08/P6153828.jpg"><img class="alignnone size-medium wp-image-70" title="de electronica van de muis" src="http://geedesign.com/blog/wp-content/uploads/2010/08/P6153828-300x225.jpg" alt="" width="300" height="225" /></a></h2>
<h2>Organisatorisch:</h2>
<ul>
<li>Nog      duidelijker tevoren eisen bepalen:
<ul>
<li>(voeding       via kabel of draad bleek niet gewenst – terwijl ik dat tevoren in de mail       had aangegeven)</li>
<li>“freeze-frame”       wens bleek pas na presentatie van werkend model</li>
</ul>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=63</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Augmented Reality &#8211; een eerste poging</title>
		<link>http://geedesign.com/blog/?p=50</link>
		<comments>http://geedesign.com/blog/?p=50#comments</comments>
		<pubDate>Tue, 10 Aug 2010 13:20:24 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Work in Progress]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=50</guid>
		<description><![CDATA[Het is me gelukt om een Flash applicatie te maken met Augmented Reality! Mijn eerste test met Flash, de Flex SDK, FlashDevelop, de FLARManager (een laag boven op de FLARToolkit, wat de Flash versie is van de open source ARToolkit). Mijn ervaringen: FlashDevelop+Flex SDK is veel makkelijker en intuitiever dan Eclipse+Flex SDK, en de Flex [...]]]></description>
			<content:encoded><![CDATA[<p>Het is me gelukt om een Flash applicatie te maken met Augmented Reality!<br />
Mijn eerste test met Flash, de Flex SDK, FlashDevelop, de FLARManager (een laag boven op de FLARToolkit, wat de Flash versie is van de open source ARToolkit).</p>
<p>Mijn ervaringen:</p>
<ol>
<li>FlashDevelop+Flex SDK is veel makkelijker en intuitiever dan Eclipse+Flex SDK, en de Flex SDK is voor programmeurs ook veel logischer dan werken in Flash CS of zo (vind ik).</li>
<li>Het maken van markers via de site <a title="http://flash.tarotaro.org/blog/" dir="ltr" rel="nofollow" href="http://flash.tarotaro.org/blog/" target="_blank">http://flash.tarotaro.org/blog/</a> lukt wel, als je de markers maar uploadt op 256 pixels</li>
<li>Collada kan gebruikt worden voor het inladen van models en animations (vanuit Blender?)</li>
<li>Er moet nog wel het een en ander gebeuren voor je een stabiele applicatie hebt &#8230;.</li>
</ol>
<p><a href="http://www.youtube.com/watch?v=o4QIBXPI1Jw"><span class="youtube">
<object width="480" height="295">
<param name="movie" value="http://www.youtube.com/v/o4QIBXPI1Jw?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1&amp;hd=1" />
<param name="allowFullScreen" value="true" />
<embed wmode="opaque" src="http://www.youtube.com/v/o4QIBXPI1Jw?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1&amp;hd=1" type="application/x-shockwave-flash" allowfullscreen="true" width="480" height="295"></embed>
<param name="wmode" value="opaque" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=o4QIBXPI1Jw&fmt=18">www.youtube.com/watch?v=o4QIBXPI1Jw</a></p></a></p>
<p>Je kunt mijn eerste applicatie hier ook zelf testen: <a href="http://test.geedesign.com/FLAR/bin/FLARManagerExampleLauncher.swf">http://test.geedesign.com/FLAR/bin/FLARManagerExampleLauncher.swf</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=50</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PICmicro controllers</title>
		<link>http://geedesign.com/blog/?p=154</link>
		<comments>http://geedesign.com/blog/?p=154#comments</comments>
		<pubDate>Sun, 18 Apr 2010 09:29:48 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met voornamelijk "hardware"]]></category>
		<category><![CDATA[The Making of ....]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=154</guid>
		<description><![CDATA[Sinds DenkStapSprong en De Ruimtewacht ben ik geïnteresseerd in alle mogelijkheden die je hebt om willekeurige apparaten te koppelen aan een computer.  Bij DenkStapSprong ging het om een standaard dansmat, te beschouwen als een vreemd soort &#8220;game controller&#8221;. Bij de Ruimtewacht moesten er allerlei inputs en outputs gekoppeld worden aan gewone PC&#8217;s. Daar gebruikte ik [...]]]></description>
			<content:encoded><![CDATA[<p>Sinds DenkStapSprong en <a title="http://geedesign.com/blog/?p=84" href="http://geedesign.com/blog/?p=84" target="_self">De Ruimtewacht</a> ben ik geïnteresseerd in alle mogelijkheden die je hebt om <strong>willekeurige apparaten te koppelen aan een computer</strong>.  Bij DenkStapSprong ging het om een standaard dansmat, te beschouwen als een vreemd soort &#8220;game controller&#8221;. Bij de Ruimtewacht moesten er allerlei inputs en outputs gekoppeld worden aan gewone PC&#8217;s. Daar gebruikte ik vooral de <a title="http://www.okaphone.com/artikel.asp?id=1245" href="http://www.okaphone.com/artikel.asp?id=1245" target="_blank">K8055 interface kaart</a>, die goed te combineren was met andere programma&#8217;s en via USB aan te sturen. Dat beviel goed, maar zeker na mijn project met de &#8220;<a title="http://geedesign.com/blog/?p=201" href="http://geedesign.com/blog/?p=201" target="_self">danskast</a>&#8221; begon ik te denken: kan het niet simpeler, en wellicht helemaal zonder PC?</p>
<p>Jazeker, dat kan! Met een PICmicro!</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/09/picmicro_dil.jpg"><img class="alignnone size-medium wp-image-155" title="picmicro_dil" src="http://geedesign.com/blog/wp-content/uploads/2010/09/picmicro_dil-300x160.jpg" alt="" width="300" height="160" /></a></p>
<p>Volgens <a title="http://www.circuitsonline.net/artikelen/view/8" href="http://www.circuitsonline.net/artikelen/view/8" target="_blank">deze site</a> is</p>
<blockquote><p>&#8220;Een microcontroller is een digitaal IC dat volledig programmeerbaar is en taken kan verrichten. Het bevat een klein geheugen waarin je je eigen data kunt programmeren. De chip zal, als die wordt ingeschakeld, het door jouw geschreven programma uitvoeren.&#8221;</p></blockquote>
<p>Met &#8220;taken kan verrichten&#8221; bedoelen ze, dat het ding een lampje aan en uit kan zetten, een motortje kan aansturen, dingen meten, etcetera. (Wat je ermee kan komt allemaal verderop nog wel).</p>
<p><span id="more-154"></span></p>
<h2>Mogelijkheden</h2>
<p>Toen ik na ging denken over microcontrollers, zag ik snel dat er veel verschillende mogelijkheden zijn. Hieronder een deel van mijn ervaringen.</p>
<ul>
<li>Ik begon eerst met de <strong><a title="http://en.wikipedia.org/wiki/BASIC_Stamp" href="http://en.wikipedia.org/wiki/BASIC_Stamp" target="_blank">Basic Stamp</a></strong>, een microcontroller die ook in verschillende onderwijsprojecten gebruikt wordt.  Nog steeds vind ik  de aankoop van de &#8220;<a title="http://www.antratek.nl/Discovery%20USB%20Starterkit.html" href="http://www.antratek.nl/Discovery%20USB%20Starterkit.html" target="_blank">Basic Stamp Discovery Kit</a>&#8221; een hele goede investering. De projecten en documentatie waren superduidelijk, leuk om te doen en heel eenvoudig. Ik ging zelf wel verder met het koppelen aan andere inputs en outputs, zoals een GPS module, MP3 module en RFID module.</li>
<li>Maar &#8230; met <a title="http://www.antratek.nl/Basic%20Stamp%202.html" href="http://www.antratek.nl/Basic%20Stamp%202.html" target="_blank">een prijs van boven de 40 euro voor 1 &#8220;Basic Stamp 2&#8243; chip</a> is de Basic Stamp niet altijd het &#8220;weapon of choice&#8221; voor een project, dat vaak (zeker in de kunstwereld) zo goedkoop mogelijk moet.  Kan dat nou niet anders?</li>
<li>Inderdaad! Een PICmicro zoals de <strong>PIC16F628A</strong> is maar een paar euro! (3,93 euro bij <a title="http://www.voti.nl/winkel/catalog.html" href="http://www.voti.nl/winkel/catalog.html" target="_blank">deze site</a>). Maar hoe programmeer je zo&#8217;n ding? (Mijn ervaring met assembler is zeer beperkt).</li>
<li>De cursus op de site <a title="http://www.picbasic.nl/" href="http://www.picbasic.nl/" target="_blank">www.picbasic.nl</a> was echt een aanrader. Je programmeert gewoon in BASIC, (via de gratis PROTON PIC Basic IDE)  en via <a title="http://www.voti.nl/winkel/catalog.html?picbasic" href="http://www.voti.nl/winkel/catalog.html?picbasic" target="_blank">deze site</a> kon je ook alle benodigde componenten kopen.</li>
<li>De gratis versie van PROTON PIC Basic IDE is beperkt tot 50 regels. Dat is niet altijd genoeg. Vandaar dat ik toch verder ging kijken naar alternatieven: ik kocht het boek <a title="http://www.elektor.nl/products/books/microcontrollers/pic-microcontrollers-nl.2.92178.lynkx" href="http://www.elektor.nl/products/books/microcontrollers/pic-microcontrollers-nl.2.92178.lynkx" target="_blank">&#8220;PIC Microcontrollers&#8221; (50 projecten voor beginners en experts)</a> van Bert van Dam. Een duidelijk boek, dat gebruik maakt van de gratis programmeeromgeving <a title="http://en.wikipedia.org/wiki/JAL_(compiler)" href="http://en.wikipedia.org/wiki/JAL_(compiler)" target="_blank">JAL</a>. Maar &#8230; op het moment dat je dan zelf dingen wilt aanpassen in de &#8220;fuses&#8221; (je wilt bijvoorbeeld geen externe oscillator gebruiken, maar de interne), dan blijkt dat toch erg onhandig en onoverzichtelijk waar je dingen moet veranderen.</li>
<li>Vandaar dat ik uiteindelijk toch de <strong>PROTON PIC Basic IDE</strong> dan maar gekocht heb (iets meer dan 100 euro), dat werkt tenminste goed.</li>
<li>Wel ben ik toch ook nog aan het kijken naar een <a title="http://www.antratek.nl/Arduino.html" href="http://www.antratek.nl/Arduino.html" target="_blank">Arduino kit</a>. De Arduino chip is niet zo duur als de Basic Stamp, en er zijn al een hoop min of meer kant-en-klare sensors die je er op aan kunt sluiten. Bovendien ziet het er naar uit dat de Arduino complexere functies zoals sin() en cos() ondersteunt.</li>
</ul>
<h2>Modules</h2>
<p>Inmiddels heb ik een verzameling van min of meer kant-en-klare modules geïdentificeerd, zodat ik niet voor ieder project opnieuw het wiel hoef uit te vinden. Bijvoorbeeld voor het project &#8220;<a title="http://geedesign.com/blog/?p=63" href="http://geedesign.com/blog/?p=63" target="_self">Olifantsmuis</a>&#8221; combineerde ik een voedingsmodule met de PICMicro, twee relais-modules en een IR-module. Hieronder een lijst met verschillende modules die ik al gebruikt heb. Ik hoop in de loop van de tijd bij elke module een &#8220;achtergrond&#8221;-pagina te maken met meer informatie per module.</p>
<ul>
<li><strong>Gestabiliseerde voedingsmodule</strong>, om van een 9-volt batterij of trafo een stabiele 5-volt uitgang te krijgen.</li>
<li><strong>USB-voeding</strong>: aangezien een USB-poort ook 5 Volt levert, is het mogelijk om deze ook als voeding te gebruiken (binnen grenzen natuurlijk).</li>
<li><strong>Relais-module</strong>: hoe koppel je een relais als uitgang aan een PIC-micro</li>
<li><strong>Opto-coupler</strong>: te beschouwen als een simpel relais, om &#8220;galvanisch gescheiden&#8221; knoppen in te drukken</li>
<li><strong>RS232</strong>, een module om via een seriële poort contact te maken met de PC.</li>
<li><strong>Infrarood ontvanger</strong>, om signalen van een afstandsbediening te gebruiken als schakelaar voor de PICmicro.</li>
<li><strong>GPS-module</strong>, ik gebruik de EM406A GPS module die ik heb gekocht bij <a title="http://www.sparkfun.com/commerce/product_info.php?products_id=465" href="http://www.sparkfun.com/commerce/product_info.php?products_id=465" target="_blank">Sparkfun</a></li>
<li><strong>PIR-sensor</strong>, (Passive Infrared), gekocht bij Conrad</li>
<li><strong>RFID-sensor</strong>, om te reageren op allerlei RFID tags, ik gebruik de versie van Parallax (omdat die zo eenvoudig te gebruiken is)</li>
<li><strong>LCD-schermpje</strong>, ik gebruik een <a title="http://www.parallax.com/tabid/768/ProductID/50/Default.aspx" href="http://www.parallax.com/tabid/768/ProductID/50/Default.aspx" target="_blank">seriële versie van Parallax</a> (wederom omdat deze erg simpel te gebruiken is)</li>
<li><strong>aansturing van MP3-files en koppeling met USB-sticks</strong>, daarvoor gebruik ik de <strong>VMUSIC2</strong></li>
<li>aansturing van verschillende soorten <strong>motoren</strong>.</li>
</ul>
<p>Over elk van deze modules is van alles te vertellen, vandaar dat ik hoop in de loop van de tijd per module een (uitgebreide) pagina toe te voegen.</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=154</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Een Repulso spreuk die echt werkt</title>
		<link>http://geedesign.com/blog/?p=293</link>
		<comments>http://geedesign.com/blog/?p=293#comments</comments>
		<pubDate>Thu, 18 Feb 2010 08:25:37 +0000</pubDate>
		<dc:creator>Gidi2Go</dc:creator>
				<category><![CDATA[Projecten met voornamelijk "hardware"]]></category>
		<category><![CDATA[The Making of ....]]></category>
		<category><![CDATA[Work in Progress]]></category>

		<guid isPermaLink="false">http://geedesign.com/blog/?p=293</guid>
		<description><![CDATA[Op de middelbare school heb ik ooit een opstelling gemaakt met FischerTechnik waarbij ik met een klapperpistooltje schoot, een schakeling reageerde op het geluid en trok een blikje weg, alsof het weggeschoten werd. Met mijn huidige kennis over PICmicro&#8217;s en met de Kymera Magic Wand leek het me leuk om dit experiment nog eens te [...]]]></description>
			<content:encoded><![CDATA[<p>Op de middelbare school heb ik ooit een opstelling gemaakt met <strong>FischerTechnik </strong>waarbij ik met een klapperpistooltje schoot, een schakeling reageerde op het geluid en trok een blikje weg, alsof het weggeschoten werd. Met mijn huidige kennis over <a title="http://geedesign.com/blog/?p=154" href="http://geedesign.com/blog/?p=154" target="_self">PICmicro&#8217;s </a>en met de <a href="http://www.thewandcompany.com/" target="_blank">Kymera Magic Wand</a> leek het me leuk om dit experiment nog eens te herhalen!</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/10/toverstaf.jpg"><img class="alignnone size-medium wp-image-292" title="toverstaf" src="http://geedesign.com/blog/wp-content/uploads/2010/10/toverstaf-300x99.jpg" alt="" width="300" height="99" /></a></p>
<p><span id="more-293"></span></p>
<p>Eerst laat ik zien hoe het in actie werkt &#8230;.</p>
<p><a href="http://www.youtube.com/watch?v=zCyS3v7nKiI"><span class="youtube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/zCyS3v7nKiI?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" />
<param name="allowFullScreen" value="true" />
<embed wmode="opaque" src="http://www.youtube.com/v/zCyS3v7nKiI?color1=d6d6d6&amp;color2=f0f0f0&amp;border=0&amp;fs=1&amp;hl=en&amp;modestbranding=1&amp;loop=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
<param name="wmode" value="opaque" />
</object>
</span><p><a href="http://www.youtube.com/watch?v=zCyS3v7nKiI">www.youtube.com/watch?v=zCyS3v7nKiI</a></p></a></p>
<p>Okee, okee, ik had de draadjes wat netter kunnen wegwerken, en waarschijnlijk deed de opstelling het beter als ik de Infrarood schakeling wat beter in het zicht had gezet. Maar wat gebeurt er dus echt?</p>
<h2>De toverstaf</h2>
<p>Ik heb dus een Kymera Magic Wand <a title="http://www.thewandcompany.com/" href="http://www.thewandcompany.com/" target="_blank">hier </a>gekocht. (Check out de site -- ik vind het erg mooi uitzien).</p>
<p><a href="http://www.thewandcompany.com/"><img class="alignnone size-medium wp-image-295" title="The Wand Company site" src="http://geedesign.com/blog/wp-content/uploads/2010/10/SNAG_Program-0042-300x207.jpg" alt="" width="300" height="207" /></a></p>
<p>Het is eigenlijk een <strong>universele IR-afstandsbediening</strong>, die werkt met 14 verschillende gebaren, die je kunt koppelen aan bestaande knoppen op een andere afstandsbediening. (Maar het is ook gewoon een mooie toverstaf -- hij ligt lekker in de hand en komt in een doos met een bekleding van &#8220;drakenhuid&#8221; en het opschrift  &#8221;The Wand Company Ltd., Makers of the World&#8217;s Finest Magical Instruments since AD 2009&#8243; -- kenners van Harry Potter herkennen het citaat).</p>
<p>Ik ben nog steeds van plan om er een soort (educatief) spel mee te maken, maar ik weet nog niet heel precies hoe. Maar ik wou er zeker iets mee doen!</p>
<p>Daarom heb ik met behulp van een <a title="http://geedesign.com/blog/?p=154" href="http://geedesign.com/blog/?p=154" target="_self">PICmicro </a>een schakeling gemaakt die reageert op Infrarood signalen, en daarmee een relais en geluid inschakelt. Het relais schakelt een elektromagneet in, die een andere magneet afstoot, en daarmee een gewichtje laat vallen. Dat gewichtje trekt via een dun draadje het blikje van de tafel.</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/10/magneet.jpg"><img class="alignnone size-medium wp-image-290" title="magneet" src="http://geedesign.com/blog/wp-content/uploads/2010/10/magneet-200x300.jpg" alt="" width="200" height="300" /></a></p>
<p><strong>De schakeling</strong></p>
<p>Wat gebeurt er dus echt?</p>
<p>Half verborgen (maar nog net zichtbaar voor de toverstaf) ligt dus een elektronische schakeling:</p>
<p><a href="http://geedesign.com/blog/wp-content/uploads/2010/10/overzicht.jpg"><img class="alignnone size-medium wp-image-291" title="overzicht" src="http://geedesign.com/blog/wp-content/uploads/2010/10/overzicht-300x200.jpg" alt="" width="300" height="200" /></a></p>
<ol>
<li>Dit is mijn <strong>IR-module</strong>, die reageert op infrarood signalen van een (Sony) afstandsbediening. Als de module een IR-signaal ontvangt, geeft deze dat door (via het bruine draadje) aan</li>
<li>een <strong>PIC16F628A </strong>microchip<strong>. </strong>Op deze microchip draait een <a title="http://geedesign.com/blog/wp-content/uploads/2010/10/vmusic2_magic_wand.bas.txt" href="http://geedesign.com/blog/wp-content/uploads/2010/10/vmusic2_magic_wand.bas.txt" target="_blank">vrij eenvoudig programma</a>, dat kijkt of het het goede signaal is, en schakelt dan het geluid en het relais in.</li>
<li>Dit is de <strong>VMUSIC2</strong> module, die geluidjes (MP3 files) kan aansturen die op een USB-stick staan.</li>
<li>het juiste geluid wordt via externe boxjes ten gehore gebracht</li>
<li>Dit is mijn <strong>relaismodule</strong>, die de stroom naar de elektromagneet inschakelt.</li>
<li> (Trafo voor de stroom naar de elektromagneet)</li>
<li>Batterijen voor de stroom naar de verschillende onderdelen van de schakeling.</li>
</ol>
<p>Je ziet dat de verschillende modules simpel op elkaar aansluiten. Qua onderdelen schat ik de schakeling op minder dan 50 euro, waarvan de VMUSIC2 het duurste is (tegen de 30 euro?).</p>
<p>Kortom, een hoop lol voor maar een paar centen en een paar uurtjes knutselen!</p>
]]></content:encoded>
			<wfw:commentRss>http://geedesign.com/blog/?feed=rss2&#038;p=293</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

