<?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>Le bOOk de Saturnino : Développeur Flash – Internet à Nouméa &#187; LABO</title>
	<atom:link href="http://www.saturnino-freelance.com/category/labo/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.saturnino-freelance.com</link>
	<description>Analyste-programmeur multimédia patenté / freelance à Nouméa</description>
	<lastBuildDate>Fri, 04 Jun 2010 07:11:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Le pacman</title>
		<link>http://www.saturnino-freelance.com/2008/04/le-pacman/</link>
		<comments>http://www.saturnino-freelance.com/2008/04/le-pacman/#comments</comments>
		<pubDate>Sat, 19 Apr 2008 12:24:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[jeu]]></category>
		<category><![CDATA[pacman]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=277</guid>
		<description><![CDATA[
Voici une expérimentation de Pacman pour amuser ma fille et son cousin.
Et voici une version aboutie spécialement adaptée pour un client : suivez le lien : Trecoman un pacman ludo-éducatif.
Vous êtes intéressé par une version adaptée à votre activité? Contactez-moi !
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="pacman" src="http://www.saturnino-freelance.com/wp-content/uploads/2009/09/ecran_pacman.gif" alt="pacman" width="640" height="571" /></p>
<p>Voici une expérimentation de Pacman pour amuser ma fille et son cousin.</p>
<p>Et voici une version aboutie spécialement adaptée pour un client : suivez le lien : <a href="http://www.saturnino-freelance.com/2010/06/trecoman-un-pacman-ludo-educatif/">Trecoman un pacman ludo-éducatif</a>.<br />
Vous êtes intéressé par une version adaptée à votre activité? Contactez-moi !</p>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=277&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2008/04/le-pacman/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Module météo</title>
		<link>http://www.saturnino-freelance.com/2007/10/le-temps-quil-fait/</link>
		<comments>http://www.saturnino-freelance.com/2007/10/le-temps-quil-fait/#comments</comments>
		<pubDate>Sat, 06 Oct 2007 06:14:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[Ajax]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=10</guid>
		<description><![CDATA[Ce module permet de conna&#238;tre les pr&#233;visions m&#233;t&#233;o de plusieurs villes.Le flux est diffus&#233; par le site www.weather.com. Le serveur soap renvoie un document sous la forme d&#8217;une arbre XML (cliquez pour un exemple). Une requ&#234;te Ajax permet ensuite d&#8217;interroger un mini proxy PHP charg&#233; d&#8217;analyser l&#8217;arbre et de renvoyer une vue graphique de la [...]]]></description>
			<content:encoded><![CDATA[<p>Ce module permet de conna&icirc;tre les pr&eacute;visions m&eacute;t&eacute;o de plusieurs villes.Le flux est diffus&eacute; par le site<a href="http://www.weather.com/?prod=xoap&amp;par=1047139272"> www.weather.com</a>. Le serveur soap renvoie un document sous la forme d&#8217;une arbre <acronym title="Extensible Markup Language ou langage de balisage extensible" lang="en" xml:lang="en">XML</acronym> (<a href="http://xoap.weather.com/weather/local/JAXX0085?cc=*&amp;unit=s&amp;dayf=2">cliquez pour un exemple</a>). Une requ&ecirc;te Ajax permet ensuite d&#8217;interroger un mini proxy <acronym title="Hypertext Preprocessor Hypertext Preprocessor, etc" lang="en" xml:lang="en">PHP</acronym> charg&eacute; d&#8217;analyser l&#8217;arbre et de renvoyer une vue graphique de la m&eacute;t&eacute;o de chaque ville.</p>
<div id="forecast_container">
<div id="forecast_0">
<div id="meteo_0">_</div>
<form action="" method="post" id="form_0">
      <fieldset></p>
<select name="townSelector_0" size="1" id="townSelector_0">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085" selected="selected">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_1">
<div id="meteo_1">_</div>
<form action="" method="post" id="form_1">
      <fieldset></p>
<select name="townSelector_1" size="1" id="townSelector_1">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301" selected="selected">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_2">
<div id="meteo_2">_</div>
<form action="" method="post" id="form_2">
      <fieldset></p>
<select name="townSelector_2" size="1" id="townSelector_2">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099" selected="selected">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_3">
<div id="meteo_3">_</div>
<form action="" method="post" id="form_3">
      <fieldset></p>
<select name="townSelector_3" size="1" id="townSelector_3">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116" selected="selected">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_4">
<div id="meteo_4">_</div>
<form action="" method="post" id="form_4">
      <fieldset></p>
<select name="townSelector_4" size="1" id="townSelector_4">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085" selected="selected">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_5">
<div id="meteo_5">_</div>
<form action="" method="post" id="form_5">
      <fieldset></p>
<select name="townSelector_5" size="1" id="townSelector_5">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006" selected="selected">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_6">
<div id="meteo_6">_</div>
<form action="" method="post" id="form_6">
      <fieldset></p>
<select name="townSelector_6" size="1" id="townSelector_6">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="USHI0026">Honolulu</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001" selected="selected">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
<div id="forecast_7">
<div id="meteo_7">_</div>
<form action="" method="post" id="form_7">
      <fieldset></p>
<select name="townSelector_7" size="1" id="townSelector_7">
        <option value="FRXX0314">Angoul&ecirc;me</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004" selected="selected">Dubaï</option><br />
        <option value="FRXX0016">Bordeaux</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="AEXX0004">Dubaï</option><br />
        <option value="CAXX0301">Montr&eacute;al</option><br />
        <option value="NCXX0006">Noum&eacute;a</option><br />
        <option value="UVXX0001">Ouagadougou</option><br />
        <option value="FRXX0076">Paris</option><br />
        <option value="FRXX0169">P&eacute;rigueux</option><br />
        <option value="USCA1085">San Francisco</option><br />
        <option value="FRXX0099">Toulouse</option><br />
        <option value="JAXX0085">Tokyo</option><br />
        <option value="RSXX0116">Vladivostok</option><br />
        <option value="FRXX0079">Quimper</option><br />
      </select>
<p>      </fieldset><br />
    </form>
</p></div>
</div>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://www.weather.com/?prod=xoap&#038;par=1047139272">National and Local Weather Forecast, Radar, Map and Report</a></li>
<li><a href="http://www.asp-php.net/scripts/asp-php/phpnet_weather.php">Classe d&#8217;affichage de la m&eacute;t&eacute;o &#8211; pour PHP (4 ou 5) ou PHP.NET (VB ou C#) &#8211; ASP-PHP.net</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=10&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2007/10/le-temps-quil-fait/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le taquin dynamique</title>
		<link>http://www.saturnino-freelance.com/2007/09/le-taquin-dynamique/</link>
		<comments>http://www.saturnino-freelance.com/2007/09/le-taquin-dynamique/#comments</comments>
		<pubDate>Thu, 06 Sep 2007 15:04:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[jeu]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=7</guid>
		<description><![CDATA[
Cette animation permet de charger des images externes. La classe BitmapData (flash.display.BitmapData) permet de découper l&#8217;image chargée.
Pour en savoir plus:

JEU de TAQUIN
Wikipédia

]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="taquin" src="http://www.saturnino-freelance.com/wp-content/uploads/2008/06/ecran_taquin_big.jpg" alt="taquin" width="640" height="640" /></p>
<p>Cette animation permet de charger des images externes. La classe <a title="documentation flash flash display bitmapdata - Ressources Mediabox - Wiki" lang="fr" href="http://wiki.media-box.net/documentation/flash/flash/display/bitmapdata">BitmapData (flash.display.BitmapData)</a> permet de découper l&#8217;image chargée.</p>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://villemin.gerard.free.fr/Puzzle/Taquin.htm">JEU de TAQUIN</a></li>
<li><a href="http://fr.wikipedia.org/wiki/Taquin">Wikipédia</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=7&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2007/09/le-taquin-dynamique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Voeux 2007</title>
		<link>http://www.saturnino-freelance.com/2007/01/voeux-2007/</link>
		<comments>http://www.saturnino-freelance.com/2007/01/voeux-2007/#comments</comments>
		<pubDate>Mon, 01 Jan 2007 02:43:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[voeux]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=379</guid>
		<description><![CDATA[

Carte de voeux 2007

]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="voeux 2007" src="http://www.saturnino-freelance.com/wp-content/uploads/2009/09/voeux-2007-big.gif" alt="voeux 2007" width="640" height="400" /></p>
<ul>
<li>Carte de voeux 2007</li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=379&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2007/01/voeux-2007/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>bOOh! Petit jeu flash sonore</title>
		<link>http://www.saturnino-freelance.com/2006/10/petit-jeu-flash-sonore/</link>
		<comments>http://www.saturnino-freelance.com/2006/10/petit-jeu-flash-sonore/#comments</comments>
		<pubDate>Fri, 06 Oct 2006 15:56:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Jeux]]></category>
		<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[jeu]]></category>
		<category><![CDATA[piou]]></category>
		<category><![CDATA[son]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=29</guid>
		<description><![CDATA[
Le labo de neave.com m&#8217;a inspiré un jeu dont le contrôle se fait par la voix. J&#8217;ai fait appel à Maxrey, illustrateur 2D/3D freelance. Nous avons travaillé ensemble à la réalisation de BOOH.Les oiseaux sont modélisés et animés sous Maya. Les animations sont exportées en séquences PNG.
Cette version est une démo. Elle évoluera sûrement en [...]]]></description>
			<content:encoded><![CDATA[<p>
Le labo de neave.com m&#8217;a inspiré un jeu dont le contrôle se fait par la voix.<br /> J&#8217;ai fait appel à <a href="http://www.maxrey.com">Maxrey,</a> illustrateur 2D/3D freelance.<br /> Nous avons travaillé ensemble à la réalisation de BOOH.<br />Les oiseaux sont modélisés et animés sous Maya.<br /> Les animations sont exportées en séquences <acronym title="Portable Network Graphics" lang="en" xml:lang="en">PNG</acronym>.<br />
Cette version est une démo.<br /> Elle évoluera sûrement en intégrant un renard qu&#8217;il faudra éviter&#8230;</p>
<p><img src="http://www.saturnino-freelance.com/wp-content/uploads/2006/10/piou-piou.jpg" alt="piou-piou" title="piou-piou" width="640" height="480" class="alignnone size-full wp-image-746" /></p>
<p>
<strong>RECOMMANDATION 1 :</strong> L&#8217;utilisation d&#8217;un microphone est indispensable pour s&#8217;amuser.<br />
<br />
<strong>RECOMMANDATION 2 :</strong> A la demande de l&#8217;autorisation de l&#8217;accès dans la petite fenêtre, vous devez chosir &laquo;&nbsp;<strong>oui</strong>&laquo;&nbsp;</p>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=29&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2006/10/petit-jeu-flash-sonore/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le rectangle d&#039;or</title>
		<link>http://www.saturnino-freelance.com/2006/09/le-rectangle-dor/</link>
		<comments>http://www.saturnino-freelance.com/2006/09/le-rectangle-dor/#comments</comments>
		<pubDate>Wed, 06 Sep 2006 15:09:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=9</guid>
		<description><![CDATA[Le nombre d&#8217;or, habituellement désigné par la lettre φ (phi) de l&#8217;alphabet grec en l&#8217;honneur de Phidias, sculpteur et architecte grec du Parthénon, est le nombre irrationnel :



sources : Nombre d&#8217;or Wikipédia
Le rectangle d&#8217;or
On appelle rectangle d&#8217;or, un rectangle dont le rapport entre la longueur et la largeur vaut le nombre d&#8217;or.
Tracé d&#8217;un rectangle aux [...]]]></description>
			<content:encoded><![CDATA[<p>Le <strong>nombre d&#8217;or</strong>, habituellement désigné par la lettre <a href="http://fr.wikipedia.org/wiki/%CE%A6">φ</a> (<em>phi</em>) de l&#8217;<a href="http://fr.wikipedia.org/wiki/Alphabet_grec">alphabet grec</a> en l&#8217;honneur de <a href="http://fr.wikipedia.org/wiki/Phidias">Phidias</a>, sculpteur et architecte grec du <a href="http://fr.wikipedia.org/wiki/Parth%C3%A9non">Parthénon</a>, est le <a href="http://fr.wikipedia.org/wiki/Nombre">nombre</a> irrationnel :</p>
<dl>
<dd><img src="http://upload.wikimedia.org/math/2/e/0/2e0687251568d31d4051c13a3eb85ba1.png" alt="\varphi = \frac{1 + \sqrt{5}}{2} \simeq 1,6180339887..." width="267" height="48" /></dd>
</dl>
<p><em>sources : <a href="http://fr.wikipedia.org/wiki/Nombre_d'or">Nombre d&#8217;or Wikipédia</a></em></p>
<h3>Le rectangle d&#8217;or</h3>
<p>On appelle rectangle d&#8217;or, un rectangle dont le rapport entre la longueur et la largeur vaut le nombre d&#8217;or.</p>
<p>Tracé d&#8217;un rectangle aux proportions du nombre d&#8217;or avec un compas</p>
<p>Le tracé d&#8217;un rectangle d&#8217;or se fait très simplement à l&#8217;aide d&#8217;un  compas, il suffit de pointer le milieu d&#8217;un côté d&#8217;un carré, pointer  l&#8217;un des deux angles opposés, puis de rabattre l&#8217;arc de cercle sur la  droite passant par le côté du carré pointé. (ceci est un « secret » de  compagnonnage)</p>
<p>Voici une raison possible de l&#8217;attrait, suscité par le <em>rectangle d&#8217;or</em> : considérons un rectangle dont les côtés de longueurs <em>a</em> et <em>b</em> sont dans un rapport du nombre d&#8217;or :</p>
<p><a href="http://fr.wikipedia.org/wiki/Image:Rectangles_d_or.png"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Rectangles_d_or.svg/250px-Rectangles_d_or.svg.png" alt="Tracé d'un rectangle aux proportions du nombre d'or avec un compas" width="250" height="170" /></a></p>
<p>Si de ce rectangle, nous supprimons le carré de côté de longueur <em>b</em>,  alors le rectangle restant est à nouveau un rectangle d&#8217;or, puisque ses  côtés sont dans un rapport φ. En effet, d&#8217;après les propriétés  algébriques,</p>
<dl>
<dd><img src="http://upload.wikimedia.org/math/7/3/1/7316d0385b9144d1952f6b9954b4ec49.png" alt="\frac{b}{a-b} = \frac{a}{b} = \varphi" width="130" height="45" /></dd>
</dl>
<p>En itérant cette construction, nous obtenons une suite de rectangles d&#8217;or de plus en plus petits. <em>sources : <a href="http://fr.wikipedia.org/wiki/Nombre_d'or">Nombre d&#8217;or Wikipédia</a></em></p>
<h3>En application : les rectangles d&#8217;or à l&#8217;infini</h3>
<p>Cliquez sur le rectangle et faites glisser la souris de haut en bas. Vous allez créér  ainsi un carré en fonction de la position de la souris. Une classe <acronym title="Actionscript 2" lang="en" xml:lang="en">AS2</acronym> se charge de dessiner les rectangles et carrés en fontion du nombre d&#8217;or. Les coordonnées de la souris sont arrondies au nombre entier le plus proche.</p>
<p>Tout rectangle d&#8217;or peut se décomposer en un carré et un rectangle  d&#8217;or qui lui aussi peut se décomposer en un carré et un rectangle  d&#8217;or. On peut renouveler cette construction autant de fois qu&#8217;on le veut.  Un rectangle d&#8217;or peut donc être décomposé en une  infinité de carrés tous différents Dans ce tourbillon  de carrés il est possible d&#8217;inscrire une spirale.</p>
<p><em>sources : <a href="http://lycees.ac-rouen.fr/bruyeres/maths/rectdor.html">Rectangle d&#8217;or</a></em></p>
<p><img class="alignleft size-full wp-image-49" title="ecran_rectangle_or" src="http://www.saturnino-freelance.com/wp-content/uploads/2008/06/ecran_rectangle_or.jpg" alt="ecran_rectangle_or" /></p>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://fr.wikipedia.org/wiki/Nombre_d'or">Nombre d&#8217;or &#8211; Wikipédia</a></li>
<li><a href="http://fr.ekopedia.org/Nombre_d'or">Nombre d&#8217;or &#8211; Ekopedia</a></li>
<li><a href="http://lycees.ac-rouen.fr/bruyeres/maths/rectdor.html">Le rectangle d&#8217;or</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=9&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2006/09/le-rectangle-dor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2 pendules pesants avec collisions</title>
		<link>http://www.saturnino-freelance.com/2006/06/2-pendules-pesants-avec-chocs/</link>
		<comments>http://www.saturnino-freelance.com/2006/06/2-pendules-pesants-avec-chocs/#comments</comments>
		<pubDate>Tue, 06 Jun 2006 15:07:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[physique]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=8</guid>
		<description><![CDATA[
J&#8217;ai utilisé la classe &#34;Vector&#34; commentée dans le livre édité chez Creative studio : Programmation Flash MX de Robert Penner.
Pour en savoir plus:

http://visite.artsetmetiers.free.fr/pendule_musee.html
http://encyclopedie.snyke.com/articles/pendule_pesant.html 
Foucault fait la démonstration de la rotation de la Terre au Panthéon le 31 mars 1851

]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="pendule" src="http://www.saturnino-freelance.com/wp-content/uploads/2009/09/ecran_pendule-2masses-big.jpg" alt="pendule" width="640" height="400" /></p>
<p>J&#8217;ai utilisé la classe &quot;<strong>Vector</strong>&quot; commentée dans le livre édité chez <strong>Creative studio : Programmation Flash MX</strong> de <a href="http://www.robertpenner.com/">Robert Penner</a>.</p>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://visite.artsetmetiers.free.fr/pendule_musee.html" >http://visite.artsetmetiers.free.fr/pendule_musee.html</a></li>
<li><a href="http://encyclopedie.snyke.com/articles/pendule_pesant.html" >http://encyclopedie.snyke.com/articles/pendule_pesant.html</a> </li>
<li><a href="http://www.culture.gouv.fr/culture/actualites/celebrations2001/foucault.htm" >Foucault fait la démonstration de la rotation de la Terre au Panthéon le 31 mars 1851</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=8&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2006/06/2-pendules-pesants-avec-chocs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le pendule pesant</title>
		<link>http://www.saturnino-freelance.com/2006/05/le-pendule-pesant/</link>
		<comments>http://www.saturnino-freelance.com/2006/05/le-pendule-pesant/#comments</comments>
		<pubDate>Wed, 24 May 2006 14:54:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[pendule pesant]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=6</guid>
		<description><![CDATA[
Je vous présente ici la première animation de cette rubrique : &#171;&#160;le pendule&#171;&#160;.
 Je tiens à préciser que j&#8217;ai utilisé la classe &#171;&#160;Vector&#160;&#187; commentée dans le livre édité chez Creative studio : Programmation Flash MX de Robert Penner.
Pour en savoir plus:

http://visite.artsetmetiers.free.fr/pendule_musee.html
http://encyclopedie.snyke.com/articles/pendule_pesant.html 
Foucault fait la démonstration de la rotation de la Terre au Panthéon le 31 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="pendule" src="http://www.saturnino-freelance.com/wp-content/uploads/2009/09/ecran_pendule-big.jpg" alt="pendule" width="640" height="400" /></p>
<p>Je vous présente ici la première animation de cette rubrique : &laquo;&nbsp;<strong>le pendule</strong>&laquo;&nbsp;.<br/><br />
 Je tiens à préciser que j&#8217;ai utilisé la classe &laquo;&nbsp;<strong>Vector</strong>&nbsp;&raquo; commentée dans <br/>le livre édité chez <strong>Creative studio : Programmation Flash MX</strong> de <a href="http://www.robertpenner.com/">Robert Penner</a>.</p>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://visite.artsetmetiers.free.fr/pendule_musee.html" >http://visite.artsetmetiers.free.fr/pendule_musee.html</a></li>
<li><a href="http://encyclopedie.snyke.com/articles/pendule_pesant.html" >http://encyclopedie.snyke.com/articles/pendule_pesant.html</a> </li>
<li><a href="http://www.culture.gouv.fr/culture/actualites/celebrations2001/foucault.htm">Foucault fait la démonstration de la rotation de la Terre au Panthéon le 31 mars 1851</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=6&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2006/05/le-pendule-pesant/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les fourmis</title>
		<link>http://www.saturnino-freelance.com/2006/05/les-fourmis/</link>
		<comments>http://www.saturnino-freelance.com/2006/05/les-fourmis/#comments</comments>
		<pubDate>Wed, 24 May 2006 14:50:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=5</guid>
		<description><![CDATA[Un ami graphiste avait besoin de cette animation pour la nouvelle version de son portfolio. Ce site est visible ici : www.lafourmi-freelance.com











Pour en savoir plus:

Fourmis.org / Apef : Etude et elevage des Fourmis.
Wikipédia
Fourmis :: Forum Antslab, élevages et observations des Fourmis

]]></description>
			<content:encoded><![CDATA[<p>Un ami graphiste avait besoin de cette animation pour la nouvelle version de son portfolio. Ce site est visible ici : <a href="http://www.lafourmi-freelance.com" >www.lafourmi-freelance.com</a></p>
<div>
<object width="550" height="400">
<param name="movie" value="http://www.saturnino-freelance.com/wp-content/swf/loadfourmi.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="flashvars" value="urlFourmi=http://www.saturnino-freelance.com/wp-content/swf/fourmi.swf"></param>
<embed type="application/x-shockwave-flash" width="550" height="400" src="http://www.saturnino-freelance.com/wp-content/swf/loadfourmi.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" flashvars="urlFourmi=http://www.saturnino-freelance.com/wp-content/swf/fourmi.swf" ></embed>
</object>
</div>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://www.fourmis.org/" >Fourmis.org / Apef : Etude et elevage des Fourmis.</a></li>
<li><a href="http://fr.wikipedia.org/wiki/Fourmi">Wikipédia</a></li>
<li><a href="http://www.akolab.com/fourmis/forum/" >Fourmis :: Forum Antslab, élevages et observations des Fourmis</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=5&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2006/05/les-fourmis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Parallaxe</title>
		<link>http://www.saturnino-freelance.com/2006/05/parallaxe/</link>
		<comments>http://www.saturnino-freelance.com/2006/05/parallaxe/#comments</comments>
		<pubDate>Wed, 24 May 2006 14:18:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LABO]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.saturnino-freelance.com/?p=4</guid>
		<description><![CDATA[La parallaxe est l&#8217;incidence du changement de position de l&#8217;observateur sur l&#8217;observation d&#8217;un objet.
Ce mot apparait au XVIe siècle, emprunté au grec παράλλαξις, qui signifie « déplacement contigu ; parallaxe ». sources :  Wikipédia
L&#8217;effet parallaxe
Je me suis amusé à reproduire cet effet avec une de mes photos. La technique consiste à découper une photo [...]]]></description>
			<content:encoded><![CDATA[<p>La <strong>parallaxe</strong> est l&#8217;incidence du changement de position de l&#8217;observateur sur l&#8217;observation d&#8217;un objet.</p>
<p>Ce mot apparait au <a title="XVIe siècle" href="http://fr.wikipedia.org/wiki/XVIe_si%C3%A8cle">XVIe siècle</a>, emprunté au grec <em>παράλλαξις</em>, qui signifie « déplacement contigu ; parallaxe ». <em>sources : <a href="http://fr.wikipedia.org/wiki/Parallaxe"> Wikipédia</a></em></p>
<h3>L&#8217;effet parallaxe</h3>
<p>Je me suis amusé à reproduire cet effet avec une de mes photos. La technique consiste à découper une photo à l&#8217;aide d&#8217;un outil de retouche photo selon les plans qui la composent. Chaque image exportée doit présenter la même taille que la taille de l&#8217;image originale. On utilise un outil de détourage pour isoler les plans les uns des autres. Ainsi on obtient une série d&#8217;images contenant chacune le plan et le reste de l&#8217;image transparente.</p>
<div>
<object width="700" height="465">
<param name="movie" value="http://www.saturnino-freelance.com/wp-content/swf/parallaxe.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="700" height="465" src="http://www.saturnino-freelance.com/wp-content/swf/parallaxe.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<h3>Un peu de flash et d&#8217;actionscript</h3>
<p>Une fois les différentes images importées dans un document flash, il suffit de créer autant de clips que d&#8217;images.</p>
<p>  Dans mon animation, j&#8217;utilise 4 images : une image sans modification, une image pour le danseur suspendu dans les airs, une image pour le parvis et les spectateurs et enfin une image pour l&#8217;horizon parisien.</p>
<p>  On crée donc un clip par image dans  lequel on glisse l&#8217;image correspondante centrée horizontalement et verticalement par rapport au centre de l&#8217;image.</p>
<p>  On crée un clip &laquo;&nbsp;conteneur&nbsp;&raquo; qui contient les 4 clips posés chacun sur un calque. Le premier plan est bien sûr posé sur le calque le plus haut. On nomme chaque occurrence de clip par un nom concaténé  avec un chiffre en partant de 1.</p>
<p>  Ici je les ai nommés &laquo;&nbsp;p_1&#8243;, &laquo;&nbsp;p_2&#8243;, &laquo;&nbsp;p_3&#8243;. Le dernier, je ne le nomme pas car il ne sera pas pris en compte dans les déplacements de plans. Ce dernier plan est là pour faire un fond au cas où certains plans ne se chevaucheraient pas assez, laissant découvrir du vide.</p>
<p>  Une fois ce clip conteneur créé, il suffit de le déposer sur la scène principale et de lui donner un nom d&#8217;occurence. Ici je l&#8217;ai appelé &laquo;&nbsp;cont_mc&nbsp;&raquo;. Sur un nouveau calque , on écrit le scrit suivant:</p>
<pre style="color:#000000;">
this.cont_mc.onMouseMove = function() {
	for (var i = 1; i&lt;=3; i++) {
		var mc = this["p_"+i];
		var x = -i*(this._xmouse/70);// modifier 70 par la valeur souhaitée en fonction de la taille de la photo.
		var y = -i*(this._ymouse/70);// modifier 70 par la valeur souhaitée en fonction de la taille de la photo.
		mc._x = x;
		mc._y = y;
	}
};
</pre>
<p>Voilà, le tour est joué. Cette page n&#8217;est pas vraiment un tutoriel, je donne ces indications comme une piste à suivre, afin de vous creuser un peu la tête sur les zones qui vous paraissent floues.</p>
<h3>Pour en savoir plus:</h3>
<ul>
<li><a href="http://www.kelamali.com/">kelamali : très beau site qui m&#8217;a donné envie de réaliser cet effet. </a></li>
<li><a href="http://fr.wikipedia.org/wiki/Parallaxe">Wikipédia</a></li>
</ul>
<img src="http://www.saturnino-freelance.com/?ak_action=api_record_view&id=4&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.saturnino-freelance.com/2006/05/parallaxe/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
