<?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>Frank-ly &#187; Thibault Imbert</title> <atom:link href="http://www.frank-ly.nl/tag/thibault-imbert/feed" rel="self" type="application/rss+xml" /><link>http://www.frank-ly.nl</link> <description>De weblog van Rhinofly, creatief en resultaatgericht bureau voor digitale communicatie</description> <lastBuildDate>Fri, 10 Feb 2012 12:02:58 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.4</generator> <item><title>FITC: Coolshit</title><link>http://www.frank-ly.nl/fitc4</link> <comments>http://www.frank-ly.nl/fitc4#comments</comments> <pubDate>Thu, 19 Mar 2009 14:35:58 +0000</pubDate> <dc:creator>Roland Lamers</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Andre Michelle]]></category> <category><![CDATA[audio]]></category> <category><![CDATA[convolution]]></category> <category><![CDATA[creativiteit]]></category> <category><![CDATA[displacement map]]></category> <category><![CDATA[FITC]]></category> <category><![CDATA[FlashWii]]></category> <category><![CDATA[GMunk]]></category> <category><![CDATA[Joa Ebert]]></category> <category><![CDATA[Mario Klingemann]]></category> <category><![CDATA[PaperVision]]></category> <category><![CDATA[Seb Lee-Delisle]]></category> <category><![CDATA[Thibault Imbert]]></category> <category><![CDATA[Voronoi]]></category><guid isPermaLink="false">http://www.frank-ly.nl/?p=4548</guid> <description><![CDATA[Het eerste deel begon ik met de keynote van FITC. Deel 2 ging verder met de eerste sessie. Daarna rondde ik de eerste dag af met de resterende sessies. We gaan verder met dag twee. Aan bod komen Mario Klingemann over Voronoi kunst en GMunk over motion design projecten. Verder nog coole shit van Thibault Imbert [...]]]></description> <content:encoded><![CDATA[<p>Het <a href="http://www.frank-ly.nl/fitc">eerste deel</a> begon ik met de keynote van FITC. <a href="http://www.frank-ly.nl/fitc2">Deel 2</a> ging verder met de eerste sessie. <a href="http://www.frank-ly.nl/fitc3">Daarna</a> rondde ik de eerste dag af met de resterende sessies. We gaan verder met dag twee. Aan bod komen Mario Klingemann over Voronoi kunst en GMunk over motion design projecten. Verder nog coole shit van Thibault Imbert die het doet met FlashWii, Andre Michelle die aan de slag gaat met muziek, Joa Ebert die sneller codeert dan zijn schaduw en <a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=80&amp;speaker_id=10586" target="_blank">Seb Lee-Delisle</a> die papervision gebruikt voor big and small:</p><p>Dag 2 begon voor mij rond de middag met de <strong>Tinker’s Box.</strong> En deze zaal was bomvol. Ik kwam helaas halverwege binnen. <a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=80&amp;speaker_id=7491" target="_blank">Mario Klingemann</a> liet een proces zien waarbij hij van een visual of <a href="http://farm4.static.flickr.com/3132/3123700508_18d2844244.jpg" target="_blank" rel="lightbox[4548]">foto</a> een tekening met <a href="http://sense.net/~egan/hpgcc/pics/voronoi.gif" rel="lightbox[4548]">stippen</a> genereert. Daarna kadert hij de stippen met <a href="http://farm4.static.flickr.com/3225/3141700346_8d912ce618.jpg" target="_blank" rel="lightbox[4548]">lijnen</a>. Met een aantal waardenaanpassingen in de code kan hij de <a href="http://farm4.static.flickr.com/3089/3141713172_0e6af5b59d.jpg" target="_blank" rel="lightbox[4548]">afstanden</a> of <a href="http://farm4.static.flickr.com/3098/3145558161_cef56ae842.jpg" target="_blank" rel="lightbox[4548]">dichtheid</a> tussen de knopen veranderen of de <a href="http://farm4.static.flickr.com/3087/3144982925_1419a9fdba.jpg" target="_blank" rel="lightbox[4548]">lijnen organiser</a> maken en zelfs kan hij <a href="http://farm2.static.flickr.com/1050/3164001689_bba452df14.jpg" rel="lightbox[4548]">kleuren</a> toebrengen. Zo <a href="http://farm4.static.flickr.com/3339/3184204727_8cd7216674.jpg" target="_blank" rel="lightbox[4548]">creëert</a> hij <a href="http://farm4.static.flickr.com/3335/3184169231_703d45dce3.jpg" target="_blank" rel="lightbox[4548]">per</a> <a href="http://farm4.static.flickr.com/3505/3185016838_59d40448c9.jpg" target="_blank" rel="lightbox[4548]">stap</a> <a href="http://farm4.static.flickr.com/3410/3313534497_29cb692a1e.jpg" target="_blank" rel="lightbox[4548]">hele</a> <a href="http://farm4.static.flickr.com/3418/3184954626_f853842e60.jpg" target="_blank" rel="lightbox[4548]">gave</a> <a href="http://farm4.static.flickr.com/3355/3184972246_d359f0b144.jpg" target="_blank" rel="lightbox[4548]">visuals</a> d.m.v. <a href="http://mathworld.wolfram.com/VoronoiDiagram.html" target="_blank">Voronoi Diagrams</a>. Je kan wat bronmateriaal <a href="http://www.quasimondo.com/archives/voronoi1.fla" target="_blank">downloaden.</a> Deze &#8216;Voronoi art&#8217; maakt hij alleen door te experimenteren met code, voronoi en <a href="http://www.quasimondo.com/archives/000652.php" target="_blank">convolution</a>. Een <a href="http://www.dasprinzip.com/pExamples/p80_0.html" target="_blank">voorbeeld</a> wat je met deze berekeningen kan doen:</p><p style="text-align: center;"> <a href="http://www.flickr.com/photos/quasimondo/3102602145/in/set-72057594062596732/"><img class="aligncenter" src="http://farm4.static.flickr.com/3260/3102602145_cb12196ffc.jpg?v=0" alt="" width="383" height="256" /></a></p><p><span id="more-4548"></span>Gerelateerd experimenteert hij ook met <a href="http://en.wikipedia.org/wiki/Minimum_spanning_tree" target="_blank">minimal spanding tree</a>. Kort door de bocht is dat het verbinden van punten of knopen door een lijn. Hij wilde dat de kortste lijn wordt getrokken naar de knopen. Dat zou toegepast kunnen worden voor <a href="http://www.frank-ly.nl/wp-content/uploads/nav.jpg" rel="lightbox[4548]">navigatiesystemen</a>. En <a href="http://farm4.static.flickr.com/3221/3154013838_d94542490a.jpg" rel="lightbox[4548]">daarmee</a> kwamen we uit op <a href="http://www.quasimondo.com/archives/000652.php">Convolution</a>. Convolution wordt ook vaak gebruikt bij filters van images, zoals de <a href="http://www.photoshopessentials.com/images/photo-effects/easy-soft-focus/gaussian-blur-filter.jpg" target="_blank" rel="lightbox[4548]">blurfilter</a>. Toen ging het weer behoorlijk technisch diep. Simpel gezegd gaat het erom dat hij per pixel informatie uit de bitmap kan halen en zijn eigen <a href="http://en.wikipedia.org/wiki/Displacement_mapping" target="_blank">displacement map</a> kan maken in Flash. Als je dit beheerst kunnen er hele gave dingen in Flash gemaakt worden. Niet alleen<a href="http://www.teu.ac.jp/clab/kondo/research/jimmy/filter/voronoi.html" target="_blank"> filters</a> maar ook <a href="http://www.levitated.net/daily/index.html" target="_blank">art</a>. Laat je door z&#8217;n experimenten <a href="http://www.flickr.com/photos/quasimondo/sets/72057594062596732/" target="_blank">inspireren</a> op z&#8217;n <a href="http://www.flickr.com/photos/quasimondo/" target="_blank">Flickr</a> en <a href="http://www.quasimondo.com/archives/000110.php" target="_blank">lees</a> over zijn experimenten op z&#8217;n <a href="http://www.quasimondo.com/" target="_blank">blog</a>.</p><p><strong>GMUNKICK 089<br /> </strong>Daarna was er een sessie van Bradley Grosh, oftewel<span style="font-size: small;"><span style="font-family: arial,helvetica,verdana;"><strong> </strong></span></span><a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=80&amp;speaker_id=6158" target="_blank">GMUNK</a> waar ik zeer naar uitkeek vanwege zijn motion designer-achtergrond en werk. Dit was een sessie waarbij je weer lekker achterover kon zitten en je kon laten inspireren. Doe hetzelfde met z’n te superruige  <a href="http://www.gmunk.tv/" target="_blank">showreel</a>.<br /><p><a href="http://www.frank-ly.nl/fitc4"><em>Klik hier om de embedded video te bekijken.</em></a></p><br /> Hij hield meer een showcase van z’n werk dan echt diep ingaan in achtergrond informatie van een case en het werkproces. Dat was wel jammer, desalniettemin was de kleine inside look al bevredigend.</p><p>Waar ik nog wel leer uit heb getrokken is dat GMUNK met [belachelijk] groot formaat werkt omdat zo de images heel gedetailleerd blijven, waardoor het &#8216;tastbaarder&#8217; aanvoelt.</p><p>Een leuk detail is dat hij voor het interface design van <a href="http://www.youtube.com/watch?v=SWvO0PdB0Yc" target="_blank">de Hummer Game-On commercial</a>, 40% van de tijd kwijt was voor het ontwerpen van de <a href="http://artect.net/wp-content/uploads/2007/09/hummerselector1.jpg" rel="lightbox[4548]">iconografie</a>. <a href="http://vimeo.com/2935203" target="_blank">Deze presentatie</a> geeft een goed beeld van de presentatie bij FITC in Amsterdam. Hij behandelde alleen recentere projecten, maar de boodschap en informatie was praktisch hetzelfde. Hij heeft het over werken met grote resoluties, <a href="http://usa.autodesk.com/adsk/servlet/index?siteID=123112&amp;id=7635018" target="_blank">Maya</a>, Photoshop en designtips. Onderstaand enkele projecten die hij behandelde:</p><p><em><strong>Res<br /> </strong></em>Het <a href="http://www.resfest.com/" target="_blank">RES</a>-project was freestylen vanaf het allereerste begin&#8230; <a href="http://www.transistorstudios.com/" target="_blank">Transistorstudios</a> was bezig met de identiteit van <a href="http://www.resfest.com/" target="_blank">RES</a> voor 2006.  Ze hadden een openingsbumper nodig voor het festival en Gmunk en wat vrienden waren klaar op om dat flink onder handen te nemen, door het heel horror-achtig te maken. Na nog wat vrienden in te schakelen, gingen ze totaal uit hun bol en schoten ze de meest ranzige beelden voor een 30 seconden durende clip. Uiteindelijk te overdreven, wilde ze de beelden old-school-stijl knippen om het wat te minderen, &#8220;misschien toch niet zo old-school&#8221;. RES was een beetje angstvallig om deze clip als hoofdopener te gebruiken, uiteindelijk gebruikte ze het voor de opening van &#8216;Fear and Loathing&#8217; gedeelte van het festival. Het paste perfect.</p><p style="text-align: center;"><a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/MOV/gp__RESFEST10.swf"><img class="aligncenter" src="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_res.jpg" alt="" width="400" height="225" /></a><a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/MOV/gp__RESFEST10.swf" target="_blank">Video</a><em><strong></strong></em></p><p style="TEXT-ALIGN: left"><em><strong>Velvet.tv<br /> </strong></em>Het concept was de &#8216;geboorte&#8217; van Franse muziek voor het kanaal Velvet.tv.  GMunk wilde een intensieve liefdesvrijpartij tonen en concertbeeldmateriaal gewelddadig tevoorschijn laten komen tussen al het exploderende &#8216;lieve&#8217; sperma. De truc was een merk te vertegenwoordigen met dit idee op een smaakvolle manier. Dus zette hij een kleine setting in z&#8217;n kamer met al z&#8217;n favoriete opwindspeelgoed om vervolgens die maar hun gang te laten gaan. Hij schoot het geheel met een macrolens zodat ze het beeld vulde met Godzilla Style. Hij voegde wat spermazwemmertjes toe en dat knipte lekker snel en  &#8216;WindupPorn&#8217; was voor de eerste keer geproduceerd&#8230; Velvet was erg blij met het resultaat!</p><p style="TEXT-ALIGN: left"> </p><p style="TEXT-ALIGN: center"><a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/MOV/gp__VelvetTV.swf" target="_blank"></a><a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/MOV/gp__VelvetTV.swf"><img class="aligncenter" src="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_velvet.jpg" alt="" width="400" height="260" /></a></p><p style="text-align: center;"> <a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/MOV/gp__VelvetTV.swf" target="_blank">Video</a></p><p style="text-align: left;"><em><strong>FITC: Lucha Breakit Deathmatch</strong></em><br /> Shawn van FITC zag een speech van GMunk een paar jaar geleden en was geinspireerd door het beeldmateriaal dat Gmunk met 1000fps had gefilmd van exploderende laberatoriumglazen. Shawn sprak Gmunk aan en had voor <a href="http://www.fitc.ca/" target="_blank">FITC</a> Toronto een concept &#8216;Breakit&#8217; in gedachte en gaf Gmunk  het creatieve leiderschap over de campagne&#8230; Gmunk bond de talenten Kevin Peterson (Illustration) en Cody Smith (3D Modeling) aan en ze gaven hun uiterste en draagde elk hun talent bij om het echt vet te maken Vier maanden later legde ze de laatste hand op <a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_FITC_01.jpg" target="_blank" rel="lightbox[4548]">FITC &#8211; Lucha Breakit Deathmatch</a>. Gmunk vond het gaaf om weer drukwerk te doen en te leren hoe een 3D-karakter te <a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_FITC_04.jpg" rel="lightbox[4548]">belichten</a> en van <a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_FITC_05.jpg" rel="lightbox[4548]">textuur</a> te voorzien. Hierbij kan je echt duidelijk het <a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_FITC_06.jpg" rel="lightbox[4548]">hoge detail</a> en <a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_FITC_02.jpg" rel="lightbox[4548]">resolutiewerk</a> zien, waar Gmunk het liefst mee werkt.</p><p style="TEXT-ALIGN: center"><a href="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk_fitc.html"><img class="aligncenter" src="http://72.10.45.135/ventilate_ca/features/fitc_2008/gmunk/gmunk_FITC.jpg" alt="" width="400" height="264" /></a></p><p><strong></strong><br /> <em><strong>Cool Shit</strong></em></p><p>Nu was het tijd voor Cool Shit. 6 Verschillende sprekers hadden elk 10 minuten de tijd om wat coole shit te laten zien waar ze trots op zijn of wat hen inspireert. <a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=29" target="_blank">Ralph Hauwert</a> beet de spits af en liet wat dingen zien met <a href="http://www.unitzeroone.com/blog/2005/10/25/fluid-dynamics-as3-source-code/" target="_blank">Fluid Dynamics.</a> <a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=80&amp;speaker_id=10586" target="_blank">Seb Lee-Delisle</a> van <a href="http://www.pluginmedia.net/" target="_blank">Plugin Media</a> liet zijn nieuwste Papervision-project zien voor de BBC: <a href="http://www.bbc.co.uk/cbeebies/bigandsmall/" target="_blank">Big and Small</a>. Een geweldig leuke kindersite vol spelletjes en uitdagingen. Zeer knap uitgevoerd in Papervision 3D. Het leuke is dat je het huis binnen kan gaan vanuit een hoog of laag perspectief. De spelletjes zijn afgestemd op de hoogte. De site is nog zo nieuw dat de bovenverdieping van het huis nog niet af is, terwijl daar de leukste dingen te doen zijn. Houd de site dus goed in de gaten!<a href="http://4.bp.blogspot.com/_vrH6cShQFWw/SScO10lXd8I/AAAAAAAAAYc/E-eRLYN6jWY/s400/cbeebiesbigandsmallfun.jpg" rel="lightbox[4548]"><br /> </a><a href="http://www.bbc.co.uk/cbeebies/bigandsmall/"><img class="alignleft" src="http://www.bbc.co.uk/cbeebies/images/bigandsmall/bigandsmall_header_noflash.jpg" alt="" width="400" height="146" /></a>Daarna was <a href="http://www.actionscripthero.org/index.php?option=com_content&amp;view=article&amp;id=68:thibault-imbert&amp;catid=37:interviews&amp;Itemid=63" target="_blank">Thibault Imbert</a> met WiiFlash aan de beurt. Hij maakte interessant gebruik van de Wii remote. <a href="http://www.jamlegend.com/" target="_blank">Jam Legend</a> is bedoeld om bediend te worden met je keyboard. Zonder dat het de bedoeling is, kan Thibault Jam Legend nu spelen met een Wii gitaar via <a href="http://wiiflash.bytearray.org/" target="_blank">WiiFlash</a>. Ook liet hij zien hoe je 3D-objecten in een PDF-bestand kon aansturen met de Wii controller .<br /> Ach, bekijk het maar voor jezelf:<br /><p><a href="http://www.frank-ly.nl/fitc4"><em>Klik hier om de embedded video te bekijken.</em></a></p></p><p><a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=29&amp;speaker_id=10759" target="_blank">Andre Michelle</a> was daarna aan de beurt.  Hij ging het hebben over muziek en het creeren van tools om muziek mee te maken. Andre begon met een idee om z’n dochtertje te introduceren hoe je muziek maakt. Het resultaat kwam door een aantal vormen te plaatsen op het scherm die elk hun eigen klank hadden. Er waren verder drie  ‘naalden’ die om hun draaide. Zodra een naald zo’n vorm of geluidsobject raakte, speelde deze het klankje af. En zo ontstond er een muzikaal deuntje. Door het verplaatsen van de objecten kon zo het deuntje dus veranderen. Het was zeker een leuke en laagdrempelige <a href="http://lab.andre-michelle.com/tonewheels" target="_blank">muziektool</a>.Verder liet hij wat uitbreidingen voor de <a href="http://www.hobnox.com/audiotool.1046.en.html" target="_blank">Hobnox Audiotool</a>. Wat superruig aan deze audiotool is dat je het zelf kan samenstellen op een duidelijke manier. Download het en tjek het uit! En <a href="http://tinyurl.com/fitc-amsterdam-09" target="_blank">download</a> z’n sourcecodes van deze audiotool! Bekijk verder zijn <a href="http://blog.andre-michelle.com/" target="_blank">blog</a>, zijn <a href="http://lab.andre-michelle.com/tag/particles/" target="_blank">lab</a> voor interessante experimenten en z’n <a href="http://void.andre-michelle.com" target="_blank">projecten</a>.<br /> <a href="http://www.yaccovijn.com/blog/wp-content/uploads/2009/01/hobnox.png" rel="lightbox[4548]"><img class="aligncenter" src="http://www.yaccovijn.com/blog/wp-content/uploads/2009/01/hobnox.png" alt="" width="400" height="193" /></a><br /> Tot slot was er <a href="http://www.fitc.ca/speaker_detail.cfm?festival_id=29" target="_blank">Joa Ebert</a>. Hij ging zitten en begon code te typen. Maar dan onwijs snel. Zelfs onder de speedcoders ging het op warp speed. Wat is er nu zo leuk om 10 minuten iemand te zien speedcoden, nou, omdat het kan. Het is alsof je een tekenaar een aantal lijnen ziet zetten en pas op het eind ziet wat het gecombineerde resultaat is van al die lijnen. Zo type Joa binnen 10 minuten een visueel aantrekkelijke, particle animatie in AS3. Hoewel de onderstaande video van een ander festival is, verschilt het niet veel wat hij liet zien in Amsterdam.<br /><p><a href="http://www.frank-ly.nl/fitc4"><em>Klik hier om de embedded video te bekijken.</em></a></p></p><p>Leuk detail is dat Joe Ebert&#8217;s toestenbord zo versleten is, dat alle tekens van zijn toetsen verdwenen zijn :-).<a href="http://farm4.static.flickr.com/3315/3331505214_126932b21e.jpg?v=0"><img class="alignnone" src="http://farm4.static.flickr.com/3315/3331505214_126932b21e.jpg?v=0" alt="" width="400" height="268" /><br /> </a><br /> Morgen gaat het laatste deel gaat over de laatste sessie van FITC 2009 &#8211; Amsterdam. En het beloofd een erg gaaf slot te zijn!</p> ]]></content:encoded> <wfw:commentRss>http://www.frank-ly.nl/fitc4/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using memcached
Page Caching using memcached
Database Caching using memcached
Object Caching 387/412 objects using memcached

Served from: www.frank-ly.nl @ 2012-02-12 23:07:43 -->
