<?xml 
version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="https://arts-numeriques.codedrops.net/spip.php?page=backend.xslt" ?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>

<channel xml:lang="fr">
	<title>Arts num&#233;riques</title>
	<link>https://arts-numeriques.codedrops.net/</link>
	<description>artsnumeriques est le support des cours de St&#233;phane Noel, professeur &#224; l'&#233;cole de recherche graphique.</description>
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>
	<atom:link href="https://arts-numeriques.codedrops.net/spip.php?id_mot=31&amp;page=backend" rel="self" type="application/rss+xml" />




<item xml:lang="fr">
		<title>Dark source, Ben Rubin, 2005</title>
		<link>https://arts-numeriques.codedrops.net/Dark-source-Ben-Rubin-2005</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Dark-source-Ben-Rubin-2005</guid>
		<dc:date>2011-11-05T17:54:59Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Installation</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Hacktivisme</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>Politique</dc:subject>

		<description>&lt;p&gt;Dark source est une installation compos&#233;e de feuilles de papiers suspendues, de projections et de lecteurs de microfilms.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Hacktivisme-+" rel="tag"&gt;Hacktivisme&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Politique-+" rel="tag"&gt;Politique&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH100/arton309-fb9c9.jpg?1726838351' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : installation, hack, code, politique&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Dark source est une installation compos&#233;e de feuilles A4 recto/verso prises en sandwiches entre des plaques de plexiglas. Ces plaques sont suspendues par groupes de 6, en fonction de l'espace d'exposition. Plusieurs lecteurs de microfilms et des projections vid&#233;o compl&#232;tent la pi&#232;ce.&lt;/p&gt;
&lt;p&gt;L'installation est bas&#233;e sur le code source de la version 4.3.1 du logiciel AccuVote-TSTM de la firme Diebold. C'est ce code qui est pr&#233;sent&#233;, en partie imprim&#233; sur papier, et consultable sous forme de microfilm sur plusieurs lecteurs de fiches.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_471 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH386/darksource_04-dd4a2.jpg?1735800598' width='500' height='386' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;AccuVote est un logiciel de vote &#233;lectronique par &#233;cran tactile utilis&#233; dans plusieurs &#233;tats aux USA. D&#233;velopp&#233; par une soci&#233;t&#233; priv&#233;e, il reste propri&#233;t&#233; de la firme Diebold. Contrairement aux codes sources de projets open-source, personne &#224; part le personnel autoris&#233; de Diebold ne peut avoir acc&#232;s au code, c'est &#224; dire &#224; la proc&#233;dure du vote &#233;lectronique. Le fait qu'un acte aussi sensible politiquement que le vote soit op&#233;r&#233; par une machine appartenant &#224; une soci&#233;t&#233; priv&#233;e, seule habilit&#233;e &#224; son contr&#244;le, est un probl&#232;me d&#233;mocratique qui est le centre de cette pi&#232;ce.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_473 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/darksource_02-l-0bb42.jpg?1735800598' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Profitant d'une faille de s&#233;curit&#233; dans le syst&#232;me serveur de Diebold, Rubin a obtenu le code source de la version 4.3.1 du logiciel. Il est donc tir&#233; sur papier et plac&#233; sur microfilm dans la pi&#232;ce d'exposition. Mais comme ce code est propri&#233;t&#233; priv&#233;e de la firme et ne peut pas &#234;tre rendu public, Rubin a effac&#233; au marqueur noir, manuellement donc, chacune des 49.609 lignes de C++. Et cela aussi bien sur les feuilles que sur les microfilms.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_475 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/darksource_01-8f905.jpg?1735800599' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_474 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/darksource_03-l-2f11b.jpg?1735800599' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La pi&#232;ce cache donc l'information qu'elle montre. Elle est clairement dans une esth&#233;tique post-conceptuelle, mais cette hyperpr&#233;sence de l'absence est savamment th&#233;&#226;tralis&#233;e : les pages dispos&#233;es par paquets ont la beaut&#233; d'une installation minimale, cr&#233;e un volume constitu&#233; de peu de mati&#232;re, amplifi&#233; par les plaques r&#233;fl&#233;chissantes et le jeu des ombres port&#233;es.&lt;/p&gt;
&lt;p&gt;Cette pi&#232;ce de Ben Rubin (1964, USA) est une des plus low tech de son oeuvre. En effet, Rubin est plus connu pour des pi&#232;ces spectaculaires utilisant des panneaux d'affichage LED, que ce soit son r&#233;cent &#034;&lt;a href=&#034;http://vimeo.com/19466474&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Langage of diplomacy&lt;/a&gt;&#034; (2011), qui affiche des mots de six lettres issus des cables diplomatiques am&#233;ricains publi&#233;s par WikiLeaks, ou encore &#034;&lt;a href=&#034;http://earstudio.com/2010/10/07/moveable-type/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Movable types&lt;/a&gt;&#034; (2007) install&#233; dans le hall des bureaux du New York Times, affichant des textes issus des archives du journal.&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://earstudio.com/2010/10/03/dark-source/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Pr&#233;sentation de la pi&#232;ce sur le site de Rubin&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Photo album, Cody Trepte, 2007</title>
		<link>https://arts-numeriques.codedrops.net/Photo-album-Cody-Trepte-2007</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Photo-album-Cody-Trepte-2007</guid>
		<dc:date>2011-05-06T08:31:39Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Generative art</dc:subject>
		<dc:subject>Installation</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>Big book</dc:subject>
		<dc:subject>Ecriture</dc:subject>

		<description>&lt;p&gt;&#034;Photo album&#034; se pr&#195;&#169;sente sous la forme d'une &#195;&#169;tag&#195;&#168;re sur laquelle sont rang&#195;&#169;s des livres consultables &#195; la tranche noire. Sur la couverture, la description d'une photo souvenir. A l'int&#195;&#169;rieur, les donn&#195;&#169;es binaires de cette m&#195;&#170;me image.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Generative-art-+" rel="tag"&gt;Generative art&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Big-book,62-+" rel="tag"&gt;Big book&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Ecriture-+" rel="tag"&gt;Ecriture&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH100/arton234-12916.jpg?1726838354' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : binaire, livre, transmodal, conceptuel&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;a href=&#034;http://www.codytrepte.com/photo-album/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;&#034;Photo album&#034;&lt;/a&gt; se pr&#233;sente sous la forme d'une &#233;tag&#232;re sur laquelle sont rang&#233;s des livres consultables &#224; la tranche noire. Sur la couverture, la description d'une photo souvenir. A l'int&#233;rieur, les donn&#233;es binaires de cette m&#234;me image.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_454 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/10_installs-30-66ce7.jpg?1743951768' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les arts num&#233;riques exposent/invoquent souvent des processus, dont l'oeuvre pr&#233;sent&#233;e est le r&#233;sultat d&#233;ceptif. De ce point de vue, on ne peut s'emp&#234;cher de voir la une filiation avec l'art conceptuel, dont l'entreprise &#233;tait de faire cheminer le spectateur depuis la mati&#232;re morte - l'objet pr&#233;sent&#233; -, &#224; travers le proc&#233;d&#233; qui l'a g&#233;n&#233;r&#233;, vers la pens&#233;e et ses multiples connections intellectuelles et &#233;motionnelles, qui en sont l'origine.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_451 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/10_6-d6d0c.jpg?1743951768' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les livres de la pi&#232;ce &#034;Photo album&#034;, de Cody Trepte, un jeune artiste am&#233;ricain vivant &#224; Los Angeles, sont dans cette lign&#233;e. Trepte cite d'ailleurs dans les titres de ses oeuvres Sol Lewit aussi bien que Alan Turing, comme si le pont entre la recherche sur l'intelligence artificielle et l'art conceptuel &#233;tait &#233;vidente. C'est pourtant &#224; Hanne Darboven, une des plus radicale des artistes conceptuelles, que l'on pensera avec cette pi&#232;ce, ou l'information est &#224; la fois gonfl&#233;e - de l'image vers un texte binaire - et en m&#234;me temps ramass&#233;e dans la forme du livre.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_455 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L450xH294/book-hanna-darboven-einjahrhundert-70feb.jpg?1726908211' width='450' height='294' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;Hanne Darboven, EinJahrhundert, 1971&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;Les &#034;Photo albums&#034; ne nous permettent pas de voir sous forme iconique (analogique) la photographie. On serait tent&#233; de dire &#034;ne nous permet pas de voir l'original&#034; mais, ironiquement, les donn&#233;es binaires constitue l'original. Les photos souvenir sont d&#233;sormais r&#233;alis&#233;es avec des appareils num&#233;riques, et le tirage argentique est donc une interpr&#233;tation analogique r&#233;alis&#233;e &#224; partir d'un document num&#233;rique. C'est ce que nous jettent au visage les pages de 0 et de 1 sagement pos&#233;s avec une police &#034;monospace&#034;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_452 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/10_4-d28ef.jpg?1743951768' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Trepte donne donc &#224; voir deux signifiants, le texte &#233;voquant sur le mode de la description humaine un contenu faisant appel &#224; notre imagination, et un texte litt&#233;ral d&#233;crivant l'image d'un point de vue digital. Les deux descriptions renvoient humains et machines dos &#224; dos. Si la description digitale est plus exacte (elle d&#233;crit l'image morceau par morceau de mani&#232;re exhaustive), elle est inutile dans le monde analogique o&#249; elle est projet&#233;e : personne ne peut lire ce livre. La description quant &#224; elle est courte, synth&#233;tique, laissant apparaitre l'&#233;criture descriptive comme un codec humain tr&#232;s puissant, une affirmation ironique de la sup&#233;riorit&#233; des hommes sur les machines par leur capacit&#233; &#224; faire sens, et agir par &#233;motion. Car d'un point de vue digital, les livres pos&#233;s sur l'&#233;tag&#232;re contiennent tous la m&#234;me chose, des donn&#233;es brutes &#233;quivalentes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_453 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/10_5-fa96e.jpg?1743951769' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_450 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/10_7-d8e41.jpg?1743951769' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Voir aussi la pi&#232;ce &#034;&lt;a href=&#034;http://www.codytrepte.com/1-year-of-archived-email/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;1 Year of Archived Email&lt;/a&gt;&#034;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Process 17, C.E.B. Reas, 2010</title>
		<link>https://arts-numeriques.codedrops.net/Process-17-C-E-B-Reas-2010</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Process-17-C-E-B-Reas-2010</guid>
		<dc:date>2010-09-19T16:09:33Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Generative art</dc:subject>
		<dc:subject>Installation</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>C.E.B. REAS</dc:subject>
		<dc:subject>Dessin</dc:subject>

		<description>&lt;p&gt;&#034;Process 17&#034; est une installation constitu&#195;&#169;e d'un texte et de deux &#195;&#169;crans de taille variable. Un des &#195;&#169;crans montre la structure du processus sous forme de lignes en d&#195;&#169;placement, l'autre &#195;&#169;cran affiche un dessin g&#195;&#169;n&#195;&#169;r&#195;&#169; par le processus, en constante &#195;&#169;volution. Le texte d&#195;&#169;crit le processus de mani&#195;&#168;re courte et synth&#195;&#169;tique.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Generative-art-+" rel="tag"&gt;Generative art&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-C-E-B-REAS-+" rel="tag"&gt;C.E.B. REAS&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Dessin-+" rel="tag"&gt;Dessin&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH150/arton241-b5057.jpg?1726838350' class='spip_logo spip_logo_right' width='150' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;&#034;&lt;a href=&#034;http://reas.com/iperimage.php?section=works&amp;view=&amp;work=p17_s&amp;images=3&amp;id=0&amp;bgcolor=FFFFFF&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Process 17&lt;/a&gt;&#034; est une installation constitu&#233;e d'un texte et de deux &#233;crans de taille variable.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Elle fait partie de la s&#233;rie des &#034;Process Compendium&#034;. Un des &#233;crans montre la structure du processus sous forme de lignes en d&#233;placement, l'autre &#233;cran affiche un dessin g&#233;n&#233;r&#233; par le processus, en constante &#233;volution. Le texte d&#233;crit le processus de mani&#232;re courte et synth&#233;tique.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_336 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/reas_p17_s_1-771c2.jpg?1735800599' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La pi&#232;ce est d&#233;crite comme suit :&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Process 17&lt;/p&gt;
&lt;p&gt;A rectangular surface filled with instances of Element 5, each with a different size and gray value. Draw a transparent circle at the midpoint of each Element. Increase a circles size and opacity while its Element is touching another Element and decrease while it is not.&lt;/p&gt;
&lt;p&gt;Implemented by C.E.B. Reas&lt;br class='manualbr' /&gt;Summer 2010&lt;br class='manualbr' /&gt;Processing 1.1&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_338 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH387/3182047726_f578dcc57a_b-17202.jpg?1735800599' width='500' height='387' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;H&#233;ritage cin&#233;tique de John Maeda&lt;/h2&gt;
&lt;p&gt;Issu de l'enseignement au MIT de John Maeda, Reas est int&#233;ress&#233; par les processus simples produisant des images complexes. La s&#233;rie des &#034;process&#034; se base sur une s&#233;rie d'objets simples (cercles, lignes) mis en interaction par des r&#232;gles strictes, &#233;nonc&#233;es dans un texte court. Ce texte est con&#231;u comme une version litt&#233;raire du code et est donc traduit par Reas en lignes de programmation.&lt;/p&gt;
&lt;p&gt;Dans la description de la s&#233;rie des &#034;&lt;a href=&#034;http://reas.com/texts/processcompendium.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Process Compendium&lt;/a&gt;&#034; Reas est explicite sur le rapport entre programmation et r&#233;sultat plastique :&lt;/p&gt;
&lt;p&gt;&lt;i&gt;A Process interpretation in software is a kinetic drawing machine with a beginning but no defined end.&lt;br class='manualbr' /&gt;The text is the Process described in English, written with the intent to translate its content into software.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;(Traduction) L'interpr&#233;tation sous forme logicielle du processus est une machine a dessin cin&#233;tique avec un d&#233;but mais sans fin d&#233;finie.&lt;br class='manualbr' /&gt;Le texte est le processus d&#233;crit en anglais, &#233;crit avec l'intention de traduire son contenu en un logiciel.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;De l'art cin&#233;tique &#224; l'art digital&lt;/h2&gt;
&lt;p&gt;L'&#233;nonc&#233; comme forme artistique en soi n'est pas neuve : &lt;a href=&#034;http://arts-numeriques.codedrops.net/Sol-Lewitt&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Sol Lewitt&lt;/a&gt; le revendiquera dans le milieu des ann&#233;es 60' avec ses dessins. L&lt;a href=&#034;http://www.conceptual-art.net/lw.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;awrence Wiener&lt;/a&gt; en fera m&#234;me la forme premi&#232;re de son travail dans ces m&#234;mes ann&#233;es.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_337 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/16weiner3-682b6.jpg?1735800599' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;L'art conceptuel pose le postulat que l'art trouve dans l'id&#233;e de l'artiste, telle qu'elle peut &#234;tre identifi&#233;e, recompos&#233;e par l'exp&#233;rience esth&#233;tique du spectateur face &#224; l'oeuvre pr&#233;sent&#233;e. Le statut de cette &#034;oeuvre&#034; est donc ambig&#224;&#188;, et les artistes conceptuels vont s'attacher &#224; r&#233;duire sa mat&#233;rialit&#233;, parfois jusqu'&#224; la feuille de papier punais&#233;e au mur.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;MIT, Processing et open source&lt;/h2&gt;
&lt;p&gt;John Maeda, issu d'une premi&#232;re g&#233;n&#233;ration d'artistes programmeurs, a une approche post-cin&#233;tique de l'art : dans une lign&#233;e formaliste, il aime g&#233;n&#233;rer des formes, produire un impact visuel. Les formes g&#233;n&#233;ratives et l'interaction permis par l'informatique vont lui permettre d'&#233;tendre les possibilit&#233;s de l'art cin&#233;tique traditionnel (et le op' art dans une moindre mesure).&lt;/p&gt;
&lt;p&gt;Cette approche formaliste va le conduire &#224; cr&#233;er un logiciel destin&#233; &#224; son enseignement au MIT, destin&#233; aux artistes visuels &#034;&lt;a href=&#034;http://dbn.media.mit.edu/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;design by numbers&lt;/a&gt;&#034;. Cet outil va &#234;tre repens&#233; en profondeur par Fry et Raes, dans le logiciel aujourd'hui incontournable &lt;a href=&#034;http://processing.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Processing&lt;/a&gt;. La dimension capitale qui va y &#234;tre ajout&#233;e s'appelle &#034;&lt;strong&gt;open source&lt;/strong&gt;&#034;.&lt;/p&gt;
&lt;p&gt;Maeda a cr&#233;e une partie de son cr&#233;dit (artistique) et de son capital (financier) en vendant son savoir faire sous forme d'animations, parfois int&#233;ractives, &#224; des entreprises importantes. Il a pu le faire en prot&#233;geant son savoir-faire de pionnier de la programmation visuelle. S'il parle beaucoup de cr&#233;ativit&#233; dans ses livres, il ne divulgue aucun de ses secrets de programmeurs. C'est ce qui fait de son oeuvre une oeuvre post-cin&#233;tique. Nous assistons au r&#233;sultat d'un process qui nous est masqu&#233;.&lt;/p&gt;
&lt;p&gt;Reas et Fry accompagnent la cr&#233;ation de Processing d'une philosophie du partage et d'outils destin&#233; &#224; celui-ci : documentation, exemples, galerie en ligne, publications, s&#233;minaires, workshops. Rendre sensible au processus devient partie int&#233;grante du travail. L'exp&#233;rience esth&#233;tique de l'oeuvre se double de son appr&#233;hension cognitive par le spectateur. La richesse graphique du r&#233;sultat est d'autant plus appr&#233;ci&#233;e que l'&#233;conomie et l'ing&#233;niosit&#233; du processus est identifi&#233;e par le spectateur. En cela, Reas d&#233;passe le simple impact &#034;r&#233;tinien&#034;.&lt;/p&gt;
&lt;p&gt;Reas fait cependant bien la distinction entre son travail artistique et la promotion de l'art du code. Le code source de ses animations n'est pas disponible. Dans le m&#234;me texte de description du compendium, Reas pr&#233;cise :&lt;/p&gt;
&lt;p&gt;&lt;i&gt;The software interpretation is secondary to the text. The text leaves many decisions open to the programmer, decisions that must be made using personal judgment. The act of translating the Process from English into a machine language interprets the text. Process [NUMBER] was implemented by [NAME] into the [LANGUAGE] language in [YEAR]. &lt;/i&gt;&lt;/p&gt;
&lt;p&gt;(traduction) L'interpr&#233;tation logicielle est secondaire par rapport au texte. Le texte laisse plusieurs d&#233;cisions au libre choix du programmeur, d&#233;cisions qui doivent &#234;tre prises en vertu d'un jugement personnel. L'acte de traduire le proccessus depuis l'anglais vers le langage machine est une interpr&#233;tation. Le processus [NUMERO] a &#233;t&#233; impl&#233;ment&#233; par [NOM] en langage [LANGAGE] en [ANNEE].&lt;/p&gt;
&lt;p&gt;Voir &lt;a href=&#034;http://www.flickr.com/photos/_reas/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;les images de Reas sur Flickr&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>&#034;Mobile broadcast unit&#034;, Graffiti Reasearch Lab, 2007</title>
		<link>https://arts-numeriques.codedrops.net/Mobile-broadcast-unit-Graffiti</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Mobile-broadcast-unit-Graffiti</guid>
		<dc:date>2010-08-17T13:33:18Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Participatif</dc:subject>
		<dc:subject>Hacktivisme</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>Tracking</dc:subject>
		<dc:subject>Dessin</dc:subject>
		<dc:subject>Espace public</dc:subject>

		<description>&lt;p&gt;Un chariot &#195; roulette muni d'un projecteur vid&#195;&#169;o puissant, une cam&#195;&#169;ra haute qualit&#195;&#169;, un syst&#195;&#168;me d'analyse d'image. Un pointeur laser permet de dessiner sur des fa&#195;&#167;ades de buildings des grafittis lumineux dans l'espace public au cours d'&#195;&#169;v&#195;&#169;nements festifs.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-collaboratif-+" rel="tag"&gt;Participatif&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Hacktivisme-+" rel="tag"&gt;Hacktivisme&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Tracking-+" rel="tag"&gt;Tracking&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Dessin-+" rel="tag"&gt;Dessin&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Espace-public-+" rel="tag"&gt;Espace public&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH100/arton233-d1f6c.jpg?1726838349' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Un chariot &#195; roulette muni d'un projecteur vid&#195;&#169;o puissant, une cam&#195;&#169;ra haute qualit&#195;&#169;, un syst&#195;&#168;me d'analyse d'image. Un pointeur laser permet de dessiner sur des fa&#195;&#167;ades de buildings des grafittis lumineux dans l'espace public au cours d'&#195;&#169;v&#195;&#169;nements festifs.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Le &lt;a href=&#034;http://graffitiresearchlab.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Grafitti Research Lab&lt;/a&gt; a &#195;&#169;t&#195;&#169; cr&#195;&#169;&#195;&#169; en 2006 autour du personnage de &lt;a href=&#034;http://evan-roth.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Evan Roth&lt;/a&gt;. Le projet r&#195;&#169;unit des personnes int&#195;&#169;ress&#195;&#169;es par le graffiti (comme &#195;&#169;criture aussi bien que comme ph&#195;&#169;nom&#195;&#168;ne social), la programmation et les hautes technologies, et des consid&#195;&#169;rations politiques autour de l'espace public et la libert&#195;&#169; d'expression.&lt;/p&gt;
&lt;p&gt;Une de leur cr&#195;&#169;ation inaugurale est la Mobile Broadcast Unit. Sur un chariot &#195; roulettes, se trouvent embarqu&#195;&#169;s un projecteur vid&#195;&#169;o puissant, une cam&#195;&#169;ra haute qualit&#195;&#169;, un syst&#195;&#168;me d'analyse d'image et un syst&#195;&#168;me de son. Un pointeur laser vient compl&#195;&#169;ter le kit. Des batteries rendent le tout autonome en &#195;&#169;nergie.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_315 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH321/452740396_a4aece650d_b_d-5eec5.jpg?1735698718' width='500' height='321' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Cet outil permet de dessiner sur des immeubles, la nuit, des graffitis lumineux. La puissance du projecteur permet une taille gigantesque, la mobilit&#195;&#169; du MBU lui permet un d&#195;&#169;ploiement rapide et d'atteindre par des proc&#195;&#169;d&#195;&#169;s num&#195;&#169;riques la libert&#195;&#169; du graffeur. Gr&#195;&#162;ce au laser, le graffeur digital dessine des mouvements sur les fa&#195;&#167;ades, mouvements reconnus par la cam&#195;&#169;ra et reproduits avec un spray virtuel de couleur et forme choisies.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_316 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/396081705_25539b75fc_b_d-81c64.jpg?1735698718' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Si le graffitti digital ne d&#195;&#169;grade pas les b&#195;&#162;timents qu'il attaque, il peut et est r&#195;&#169;guli&#195;&#168;rement consid&#195;&#169;r&#195;&#169; comme une atteinte &#195; la propri&#195;&#169;t&#195;&#169; priv&#195;&#169;e. Des d&#195;&#169;bats sont donc mouvement&#195;&#169;s autour de l'engin : proche du mouvement &#034;reclaim the streets&#034;, le graffiti Research Lab entend ouvrir le d&#195;&#169;bat sur la libert&#195;&#169; d'expression dans l'espace public, dans une &#195;&#169;poque o&#195;&#185; les centre-ville se transforment en espaces priv&#195;&#169;s, o&#195;&#185; la publicit&#195;&#169; s'&#195;&#169;tale &#195; des &#195;&#169;chelles jamais vue et impos&#195;&#169;e aux regards tout en &#195;&#169;tant inaccessible et inattaquable.&lt;/p&gt;
&lt;p&gt;Les interventions orchestr&#195;&#169;es par le groupe sont li&#195;&#169;es aussi au mouvement des rave parties et autre flash mob. Inventer de nouvelles mani&#195;&#168;res de cr&#195;&#169;er du lien et de se r&#195;&#169;jouir en ville est un des enjeux des ann&#195;&#169;es 00', dans un monde de plus en plus globalis&#195;&#169;, dans lequel les villes deviennent des m&#195;&#169;gapoles &#195;&#169;chappant &#195; l'&#195;&#169;chelle humaine, et contr&#195;&#180;l&#195;&#169;es sous pr&#195;&#169;texte de peur du terrorisme.&lt;/p&gt;
&lt;p&gt;Les plans du Mobile Broadcast Unit sont disponibles sur le net, les programmes utilis&#195;&#169;s partag&#195;&#169;s. Un des d&#195;&#169;sirs du Graffiti Research Lab est l'&#195;&#169;mulation et la multiplication d'initiatives du m&#195;&#170;me type.&lt;/p&gt;
&lt;p&gt;Dans le m&#195;&#170;me ordre d'id&#195;&#169;e, le plus r&#195;&#169;cent Graffiti Analysis est un outil permettant non seulement d'enregistrer num&#195;&#169;riquement un graffiti, mais de restituer la s&#195;&#169;quence de sa cr&#195;&#169;ation. Le geste est enregistr&#195;&#169; dans un fichier XML au format &#034;Graffiti Markup Language&#034; (.gml), un format ouvert auquel est d&#195;&#169;j&#195; associ&#195;&#169; un programme &lt;a href=&#034;http://codingwithattitude.net/gml/gml-drawer.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;online&lt;/a&gt; ou &lt;a href=&#034;http://graffitianalysis.com/downloads/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;gratuitement t&#195;&#169;l&#195;&#169;chargeable&lt;/a&gt; permettant l'enregistrement et &lt;a href=&#034;http://000000book.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;un site de d&#195;&#169;pot, 000000book.com&lt;/a&gt;. Le but est &#195;&#169;videmment de combiner ce syst&#195;&#168;me d'enregistrement avec un syst&#195;&#168;me de projection comme le MBU.&lt;/p&gt;
&lt;p&gt;Le projet du Graffitti Reasearch Lab est r&#195;&#169;solument urbain, branch&#195;&#169;, geek et &#195;&#169;nergique, mais il est aussi incroyablement coh&#195;&#169;rent dans son d&#195;&#169;veloppement, englobant l'open source et la communication multicanal dans sa strat&#195;&#169;gie.&lt;/p&gt;
&lt;object width=&#034;100%&#034; height=&#034;320&#034;&gt;&lt;param name=&#034;allowfullscreen&#034; value=&#034;true&#034; /&gt;&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt;&lt;param name=&#034;movie&#034; value=&#034;http://vimeo.com/moogaloop.swf?clip_id=321501&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&#034; /&gt;&lt;embed src=&#034;http://vimeo.com/moogaloop.swf?clip_id=321501&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&#034; type=&#034;application/x-shockwave-flash&#034; allowfullscreen=&#034;true&#034; allowscriptaccess=&#034;always&#034; width=&#034;100%&#034; height=&#034;320&#034;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>G&#195;&#169;n&#195;&#169;rer un pdf avec FPDF</title>
		<link>https://arts-numeriques.codedrops.net/Plus-generer-un-pdf-avec-FPDF</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Plus-generer-un-pdf-avec-FPDF</guid>
		<dc:date>2008-12-11T00:22:02Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Php</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>Big book</dc:subject>

		<description>
&lt;p&gt;Fpdf est une classe qui permet de g&#195;&#169;n&#195;&#169;rer des pdf sans librairie additionnelle. La documentation est en fran&#195;&#167;ais pour une fois alors profitons-en. &lt;br class='autobr' /&gt; Fpdf est une classe assez puissante qui permet de cr&#195;&#169;er des pdf, d'y incorporer du texte, des images, ainsi que des &#195;&#169;l&#195;&#169;ments de types lignes, cercles, etc. Quelques contributions permettent d'&#195;&#169;tendre ses fonctionnalit&#195;&#169;s, pour faire des doubles pages notamment. &lt;br class='autobr' /&gt;
Ici le script que nous allons faire va g&#195;&#169;n&#195;&#169;rer un pdf de jaquette dvd, (&#8230;)&lt;/p&gt;


-
&lt;a href="https://arts-numeriques.codedrops.net/-Exemples-67-" rel="directory"&gt;Exemples&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag"&gt;Php&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Big-book,62-+" rel="tag"&gt;Big book&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_chapo'&gt;&lt;p&gt;Fpdf est une classe qui permet de g&#195;&#169;n&#195;&#169;rer des pdf sans librairie additionnelle. La documentation est en fran&#195;&#167;ais pour une fois alors profitons-en.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Fpdf est une classe assez puissante qui permet de cr&#195;&#169;er des pdf, d'y incorporer du texte, des images, ainsi que des &#195;&#169;l&#195;&#169;ments de types lignes, cercles, etc. Quelques contributions permettent d'&#195;&#169;tendre ses fonctionnalit&#195;&#169;s, pour faire des doubles pages notamment.&lt;/p&gt;
&lt;p&gt;Ici le script que nous allons faire va g&#195;&#169;n&#195;&#169;rer un pdf de jaquette dvd, avec une tranche, une image d'illustration, un titre, un texte de pr&#195;&#169;sentation, etc.&lt;/p&gt;
&lt;p&gt;Le script complet est fourni en bas de cette page, il est comment&#195;&#169;. N'oubliez pas d'aller voir pour plus d'information &lt;a href=&#034;http://www.fpdf.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;la partie &#034;manuel&#034; du site de fpdf&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Le script envoie directement le pdf vers le navigateur, ce qui signifie qu'aucun fichier n'est cr&#195;&#169;&#195;&#169; sur le serveur. Sauver le document sur le serveur est &#195;&#169;videmment possible.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;?php // on va faire une pochette de dvd, avec la tranche et tout require('fpdf.php'); // creer le pdf en mode portrait, unites en mm, de 270 sur 180 mm $pdf=new FPDF('P','mm',array(270,180)); $pdf-&gt;SetAutoPageBreak(0); // importer la police sf_old_republic $pdf-&gt;AddFont('sf_old_republic','','92d32b2fabae934a986869823839779b_sf_old_republic.php'); // cree une page dans le document, sinon vide $pdf-&gt;AddPage(); // couleur de remplissage : noir $pdf-&gt;SetFillColor(0,0,0); // on cr&#195;&#169;e la tranche avec un rectangle noir $pdf-&gt;Rect(127.5, 0, 15, 180, &#034;F&#034;); // importation de l'image en couverture en for&#195;&#167;ant la taille $pdf-&gt;Image('Will_code_HTML_for_food.jpg',142.5,45,127.5,170); // definir la police : sf_old_republic en 45 points // placement du pointeur et ecriture du titre $pdf-&gt;SetFont('sf_old_republic','',45); $pdf-&gt;SetXY(150,8); $pdf-&gt;MultiCell(100,15,'Will code PHP for food',0,&#034;L&#034;); // importation de l'image en couverture arriere $pdf-&gt;Image('Will_code_HTML_for_food.jpg',10,10,50,70); // descriptif // placer le pointeur pour le texte // definir le texte // ecrire le titre et texte avec multicell $pdf-&gt;SetXY(30,90); $pdf-&gt;SetFont('Arial','B',12); $pdf-&gt;MultiCell(100,5,'Will code PHP for food',0,&#034;L&#034;); $pdf-&gt;SetX(30); $pdf-&gt;SetFont('Arial','',9); $texte=&#034;Un film inoubliable, avec de vrais tramps et de vraies page en html 4, du php, du javascript, et du d&#195;&#169;buggage pour compatibilit&#195;&#169; avec les principaux navigateurs.\nLe sous-prol&#195;&#169;tariat gagne ce qui &#195;&#169;tait encore recemment des metiers &#195; haut potentiel, que fait la profession ? Elle brade son savoir faire. \n\n'Epatant', nous dit le magasine Premiere.&#034;; $pdf-&gt;MultiCell(80,4,utf8_decode($texte)); // placer le copyright $pdf-&gt;SetXY(10,-10); $pdf-&gt;SetFont('Arial','I',8); $texte=&#034;Copyright Workplace testing crew&#034;; $pdf-&gt;Cell(120,2,$texte); // le titre sur la tranche // couleur : blanc $pdf-&gt;SetTextColor(255,255,255); $pdf-&gt;SetXY(129.5,17); $pdf-&gt;SetFont('Arial','B',18); // moche bidouille : placer des retour chariot pour la tranche $texte=&#034;W\ni\nl\nl\n\nc\no\nd\ne\n\nP\nH\nP\n\nf\no\nr\n\nf\no\no\nd&#034;; $pdf-&gt;MultiCell(10,7,strtoupper($texte),0,&#034;C&#034;); // sortir le pdf vers le navigateur $pdf-&gt;Output(); ?&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 class=&#034;spip&#034;&gt;Plus : le texte &#195; angle droit&lt;/h2&gt;
&lt;p&gt;La tranche utilise un texte mis &#195; la ligne &#195; chaque lettre. On pourrait cette partie plus &#195;&#169;l&#195;&#169;gante en op&#195;&#169;rant une rotation sur le bloc texte, ce qui est possible moyennant l'int&#195;&#169;gration d'un fonction suppl&#195;&#169;mentaire &lt;a href=&#034;http://beerbytes.blogspot.com/2007/07/pdf-trials.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;disponible ici&lt;/a&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;G&#195;&#169;n&#195;&#169;rer des fichiers de police utilisables avec Fpdf&lt;/h2&gt;
&lt;p&gt;Pour utiliser des polices diff&#195;&#169;rentes que les polices de base, il faut les transformer et les d&#195;&#169;poser dans le dossier contenant la classe. Un peu compliqu&#195;&#169;, mais une page de traitement a &#195;&#169;t&#195;&#169; mise &#195; disposition pour faciliter le travail de conversion &#195; partir d'une police ttf :&lt;br class='manualbr' /&gt;&lt;a href=&#034;http://fpdf.fruit-lab.de/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;G&#195;&#169;n&#195;&#169;rer les fichiers .php et .afm &#195; partir d'un fichier .ttf&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="https://arts-numeriques.codedrops.net/IMG/pdf/doc-1.pdf" length="66323" type="application/pdf" />
		
		<enclosure url="https://arts-numeriques.codedrops.net/IMG/zip/generer_pdf.zip" length="141556" type="application/zip" />
		

	</item>
<item xml:lang="fr">
		<title>Flat earth : communication entre internet, processing et arduino</title>
		<link>https://arts-numeriques.codedrops.net/Flat-earth-communication-entre</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Flat-earth-communication-entre</guid>
		<dc:date>2008-05-28T17:11:51Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Installation</dc:subject>
		<dc:subject>Robotique</dc:subject>
		<dc:subject>(X)html</dc:subject>
		<dc:subject>Php</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>Processing</dc:subject>
		<dc:subject>Arduino</dc:subject>

		<description>
&lt;p&gt;Mon projet lors du workshop &#034;Hybrid scrapyard&#034; mettait en jeu la connection entre un formulaire sur le web et le micro-contr&#195;&#180;leur arduino, &#195; travers un script de processing, qui ne servait qu'&#195; passer l'info. Trois portions de code donc, pr&#195;&#169;sent&#195;&#169;es de mani&#195;&#168;re brute ici. &lt;br class='autobr' /&gt;
1. La page web Cette page pr&#195;&#169;sente un formulaire et en r&#195;&#169;colte apr&#195;&#168;s postage l'information pour la traiter. Le script php &#195;&#169;crit ensuite l'information dans un simple fichier texte. Il r&#195;&#169;colte aussi l'image d'une (&#8230;)&lt;/p&gt;


-
&lt;a href="https://arts-numeriques.codedrops.net/-Plus-" rel="directory"&gt;Plus&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Robotique-+" rel="tag"&gt;Robotique&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-X-html-+" rel="tag"&gt;(X)html&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Php-+" rel="tag"&gt;Php&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Processing-+" rel="tag"&gt;Processing&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Arduino-+" rel="tag"&gt;Arduino&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L113xH150/arton49-04a25.jpg?1757838258' class='spip_logo spip_logo_right' width='113' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Mon projet lors du workshop &lt;a href=&#034;http://www.imal.org/NewBraveWorld/NBW2/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;&#034;Hybrid scrapyard&#034;&lt;/a&gt; mettait en jeu la connection entre un formulaire sur le web et le micro-contr&#195;&#180;leur arduino, &#195; travers un script de processing, qui ne servait qu'&#195; passer l'info. Trois portions de code donc, pr&#195;&#169;sent&#195;&#169;es de mani&#195;&#168;re brute ici.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;span class='spip_document_43 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/2530336257_aeaa116518-3cb25.jpg?1726880067' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;1. La page web&lt;/h2&gt;
&lt;p&gt;Cette page pr&#195;&#169;sente un formulaire et en r&#195;&#169;colte apr&#195;&#168;s postage l'information pour la traiter. Le script php &#195;&#169;crit ensuite l'information dans un simple fichier texte. Il r&#195;&#169;colte aussi l'image d'une webcam mais ceci a &#195;&#169;t&#195;&#169; abandonn&#195;&#169; lors de la pr&#195;&#169;sentation.&lt;br class='manualbr' /&gt;Le fichier html n&#195;&#169;cessite la librairie jquery, et le fichier a &#195;&#169;crire &#034;donnees.txt&#034;, ainsi qu'une css qui habille le tout.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;!DOCTYPE html PUBLIC &#034;-//W3C//DTD XHTML 1.0 Transitional//EN&#034; &#034;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#034;&gt; &lt;html xmlns=&#034;http://www.w3.org/1999/xhtml&#034;&gt; &lt;head&gt; &lt;meta http-equiv=&#034;Content-Type&#034; content=&#034;text/html;charset=utf-8&#034;/&gt; &lt;title&gt;Move the world&lt;/title&gt; &lt;link rel=&#034;shortcut icon&#034; href=&#034;favicon.ico&#034; type=&#034;image/x-icon&#034;/&gt; &lt;link rel=&#034;stylesheet&#034; type=&#034;text/css&#034; href=&#034;move.css&#034;/&gt; &lt;script type=&#034;text/javascript&#034; src=&#034;jquery.js&#034;&gt;&lt;/script&gt; &lt;script type=&#034;text/javascript&#034;&gt; $(document).ready(function(){ $(&#034;#message&#034;).fadeOut(2000); lawebcam=window.setInterval(&#034;webcam()&#034;,30000); }); } function webcam(){ chiffrealea=(Math.random())*1000000 + &#034;&#034;; $(&#034;#ima&#034;).attr(&#034;src&#034;,&#034;webcam.jpg?&#034; + chiffrealea); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&#034;general&#034;&gt; &lt;h1&gt;Petite terre carr&#195;&#169;e&lt;/h1&gt; &lt;?php if(isset($_POST['action'])){ $move=addslashes($_POST['dieu']); $chemin_fichier=&#034;donnees.txt&#034;; // ecriture du fichier if(!$fichier = fopen($chemin_fichier, &#034;r+&#034;)) { echo &#034;&lt;div style='color:red'&gt;lecture du fichier &#034;. $requete . &#034;impossible&lt;/div&gt;&#034;; } else { $recup=&#034;&#034;; while (!feof($fichier)) { $buffer = fgets($fichier, 4096); $recup .=$buffer; } fclose ($fichier); } // recuperer le compteur $lignes=split(&#034;/n&#034;,$recup); $compteur=intval($lignes[0]); $compteur++; echo &#034;&lt;span style='color:#fff'&gt;compteur &#034;.$compteur.&#034;&lt;/span&gt;&#034;; $lehtml=$compteur.&#034; \n&#034;.$move; if(!$fichier = fopen($chemin_fichier, &#034;w+&#034;)) { echo &#034;&lt;div style='color:red'&gt;lecture du fichier &#034;. $requete . &#034;impossible&lt;/div&gt;&#034;; } else { fputs($fichier, $lehtml); fclose ($fichier); echo &#034;&lt;div id='message'&gt;Ainsi Soit-il.&lt;/div&gt;&#034;; } } ?&gt; &lt;form action=&#034;index.php&#034; method=&#034;post&#034;&gt; &lt;img src=&#034;god.jpg&#034; /&gt; &lt;div id=&#034;introduction&#034;&gt; &lt;/div&gt; &lt;div id=&#034;imgwebcam&#034;&gt; &lt;img id=&#034;ima&#034; src=&#034;webcam.jpg&#034; /&gt; &lt;/div&gt; &lt;div id=&#034;formulaire&#034;&gt; &lt;h2&gt;Je veux...&lt;/h2&gt; &lt;select name=&#034;dieu&#034; id=&#034;dieu&#034;&gt; &lt;option value=&#034;X&#034;&gt;laisser faire...&lt;/option&gt; &lt;option value=&#034;a&#034;&gt;un feu de camp, et une guitare&lt;/option&gt; &lt;option value=&#034;b&#034;&gt;un centre-ville anim&#195;&#169;&lt;/option&gt; &lt;option value=&#034;c&#034;&gt;une bonne guerre&lt;/option&gt; &lt;option value=&#034;d&#034;&gt;une tremblement de terre&lt;/option&gt; &lt;option value=&#034;e&#034;&gt;Donner un coup de boost&lt;/option&gt; &lt;option value=&#034;f&#034;&gt;Ralentir un peu le cours des choses&lt;/option&gt; &lt;/select&gt; &lt;input type=&#034;hidden&#034; name=&#034;action&#034; value=&#034;avance&#034; /&gt; &lt;div class=&#034;lesubmit&#034;&gt; &lt;input type=&#034;submit&#034; value=&#034;Maintenant&#034; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#034;clearer&#034;&gt;&lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href=&#034;http://www.workplace.lescorsaires.be/active_world/index.php&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;La page est ici et active&lt;/a&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;2. Le code processing&lt;/h2&gt;
&lt;p&gt;Le code processing lit le fichier &#034;donnees.txt&#034; et en lit la premi&#195;&#168;re ligne. C'est un compteur. Si le chiffre a chang&#195;&#169;, il prend le caract&#195;&#168;re &#195;&#169;crit en deuxi&#195;&#168;me ligne et l'envoie au micro-contr&#195;&#180;leur par le port s&#195;&#169;rie. Ici, le Xbee fait la connection.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;/* charge le fichier du web donne l'info &#195; arduino par le port s&#195;&#169;rie */ import processing.serial.*; int compteurprecedent=0; int value=0; Serial port; // Create object from Serial class char actuel; void setup() { size(600, 140); PFont fontA = loadFont(&#034;TradeGothic-BoldCondTwenty-32.vlw&#034;); textFont(fontA, 32); smooth(); background(30); println(Serial.list()); frameRate(10); // Open the port that the board is connected to and use the same speed (9600 bps) port = new Serial(this, Serial.list()[0], 9600); } void draw() { fill(255); text(&#034;Just reading a file on the web&#034;, 10, 40); text(&#034;and pass the information to arduino&#034;, 10, 100); String lines[] = loadStrings(&#034;http://www.workplace.lescorsaires.be/active_world/donnees.txt&#034;); int compteuractuel=int(trim(lines[0])); // envoyer, un caract&#195;&#168;re par ligne dans le fichier texte pomp&#195;&#169;... if(compteurprecedent !=compteuractuel){ println(&#034;compteur : &#034; + compteuractuel); for(int li=1; li&lt;lines.length;li++){ actuel = lines[li].charAt(0); if (actuel != 88){ println(&#034;on envoie -&#034; + actuel + &#034;-&#034;); port.write(actuel); } } compteurprecedent=compteuractuel; } // retour d'info de arduino while (port.available() &gt; 0) { int inByte = port.read(); println(&#034;re&#195;&#167;u &#034; + char(inByte)); } } void keyPressed() { if(key == 'z' &amp;&amp; value==0) { value = 1; port.write(90); } else { value = 0; } }&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 class=&#034;spip&#034;&gt;3. Le code embarqu&#195;&#169; sur Arduino&lt;/h2&gt;
&lt;p&gt;Le code d&#195;&#169;marre de mani&#195;&#168;re autonome et pr&#195;&#169;voit des &#195;&#169;v&#195;&#169;nements dans le futur en fonction de param&#195;&#168;tres : temps avant l'&#195;&#169;v&#195;&#169;nement, dur&#195;&#169;e de l'&#195;&#169;v&#195;&#169;nement, a quel contact envoyer le signal. Il &#195;&#169;coute ensuite le port s&#195;&#169;rie pour y recevoir les informations envoy&#195;&#169;e par processing.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;// Flat earth par S. Noel // definit les prochains evenements int next[] = { 10,20,30,40,50 }; int average[] = { 420,340,320,200,180 }; int action[] = { 0,0,0,0,0 }; // move : 7 shake : 12, war : 11, fete : 6, campfire : 7, autre : 10 int sortie[] = { 12,7,11,9,6 }; int delai= 500; int nbeve = 5; void setup() { // dans le setup Serial.begin(9600); // declare toutes les sorties for(int u=0; u&lt;nbeve; u++){ pinMode(sortie[u], OUTPUT); } pinMode(13, OUTPUT); } void loop(){ // decroit les evenements, verifie s'ils sont arrives &#195; zero for(int u=0; u&lt;nbeve; u++){ next[u]--; if (next[u]&lt;1){ // declenche une action, met le compteur de l'evenement if (u == 0) { action[u]=16; } if (u == 1) { action[u]=8; } if (u == 2) { action[u]=60; } if (u == 3) { action[u]=36; } if (u == 4) { action[u]=70; } next[u]=random(50,average[u]); Serial.print(sortie[u]); } if(action[u] &gt; 0){ action[u]--; // active l'action digitalWrite(sortie[u], HIGH); } else { digitalWrite(sortie[u], LOW); } } if (Serial.available() &gt; 0) { char valeur = Serial.read(); switch(valeur) { case 'a': // feu de camp, - deville, + de shake, + de war next[3]=1; // feu de camp average[4]=average[4]+20; // moins de fetes average[0]=average[0]-20; // plus de shake average[2]=average[2]-20; // plus de war break; case 'b': // concert -ville : ville, - de feu de camp, - de war, + de shake next[4]=1; // feu de camp average[3]=average[3]+20; // moins de fetes average[0]=average[0]-20; // plus de shake average[2]=average[2]+20; // moins de war break; case 'c': // guerre next[2]=1; // guerre average[3]=average[3]+20; // moins de ville average[4]=average[4]-20; // plus de campfire average[0]=average[0]-20; // plus de shake break; case 'd': // tremblement : - de ville + campfire - shake, +guerre next[0]=1; // tremblement average[3]=average[3]+20; // moins de ville average[4]=average[4]-20; // plus de campfire average[0]=average[0]+20; // moins de shake average[2]=average[2]-20; // plus de guerre break; case 'e': // moins de delay delai=delai-30; // tremblement if(delai &lt; 100) { delai=100; } average[1]=average[1]-20; // plus de move break; case 'f': // augmente le delay delai=delai+30; // tremblement average[1]=average[1]+20; // moins de move break; case 'Z': // teste tout Serial.print(valeur); for(int u=0; u&lt;nbeve; u++){ digitalWrite(sortie[u], HIGH); } delay(2000); for(int u=0; u&lt;nbeve; u++){ digitalWrite(sortie[u], LOW); } break; } // verifie les limites basses for(int u=0; u&lt;nbeve; u++){ if(average[u] &lt; 50) { average[u]=50; } } Serial.print(valeur); } delay(delai); // toutes les demi secondes par d&#195;&#169;faut }&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Le programme est bas&#195;&#169; sur 5 relais, donc 5 p&#195;&#169;riph&#195;&#169;riques que l'on active ou d&#195;&#169;sactive. Dans mon cas, 2 moteurs et 3 ensembles de diodes et lampes aliment&#195;&#169;s en 3 et 6 volts.&lt;/p&gt;
&lt;p&gt;Le code n'est pas des plus propres, mais il a &#195;&#169;t&#195;&#169; produit int&#195;&#169;gralement pendant la dur&#195;&#169;e du workshop.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_42 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/2530336355_37dbdf263d-9dc0d.jpg?1726880067' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Mame</title>
		<link>https://arts-numeriques.codedrops.net/Mame</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Mame</guid>
		<dc:date>2008-02-22T20:53:06Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Mac</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Participatif</dc:subject>
		<dc:subject>Linux</dc:subject>
		<dc:subject>Open Source</dc:subject>

		<description>&lt;p&gt;Non pas une personne mais un projet, Mame est int&#195;&#169;ressant car il allie le jeu, l'histoire de l'informatique et l'open source. Projet ambitieux, en danger constant.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-References-" rel="directory"&gt;R&#233;f&#233;rences&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Mac-+" rel="tag"&gt;Mac&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-collaboratif-+" rel="tag"&gt;Participatif&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Linux-+" rel="tag"&gt;Linux&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH94/arton35-3e7a0.jpg?1726838349' class='spip_logo spip_logo_right' width='150' height='94' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Non pas une personne mais un projet, Mame est int&#195;&#169;ressant car il allie le jeu, l'histoire de l'informatique et l'open source. Projet ambitieux, r&#195;&#169;ussi.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Initi&#195;&#169; par Nicola Salmoria, sorti officiellement le &lt;a href=&#034;http://mamedev.org/history.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;5 f&#195;&#169;vrier 1997&lt;/a&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Aventure technologique&lt;/h2&gt;
&lt;p&gt;Mame est d'abord une aventure de programmation. Mame est un &#195;&#169;mulateur, c'est &#195; dire un logiciel qui fait se comporter une machine comme une autre machine. L'&#195;&#169;mulation est un enjeu informatique important, car le hardware se renouvelle sans cesse, et il laisse derri&#195;&#168;re lui des milliers d'applications, de cd-roms, de jeu, de donn&#195;&#169;es illisibles. Comment continuer &#195; avoir acc&#195;&#168;s &#195; ces fichiers ? La conservation du mat&#195;&#169;riel est une solution, l'&#195;&#169;mulation en est une autre, plus puissante &#195; long terme.&lt;/p&gt;
&lt;p&gt;L'&#195;&#169;mulation est fortement li&#195;&#169;e &#195; l'histoire du jeu vid&#195;&#169;o : on estime que le premier &#195;&#169;mulateur est une station de jeu, qui permettait &#195; ses acheteurs de jouer avec des cartouches de la g&#195;&#169;n&#195;&#169;ration pr&#195;&#169;c&#195;&#169;dente du constructeur, plus rapide mais incompatible avec les anciens jeux.&lt;/p&gt;
&lt;p&gt;Elle touche tous les aspects de l'informatique aujourd'hui.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Aventure juridique&lt;/h2&gt;
&lt;p&gt;T&#195;&#169;l&#195;&#169;charger un &#195;&#169;mulateur est une op&#195;&#169;ration l&#195;&#169;gale, par contre poss&#195;&#169;der les ROMS (terme g&#195;&#169;n&#195;&#169;rique pour d&#195;&#169;signer les jeux, choisi parce que les jeux &#195;&#169;taient stock&#195;&#169;s dans le Read Only Memory des premi&#195;&#168;res machines) est souvent ill&#195;&#169;gal. La plupart des firmes qui les ont con&#195;&#167;us et commercialis&#195;&#169;s existent encore et ces jeux sont toujours prot&#195;&#169;g&#195;&#169;s m&#195;&#170;mes si ils ne sont plus exploit&#195;&#169;s commercialement. C'est contre cet &#195;&#169;tat de chose que lutte les concepteurs/codeurs de MAME. Plusieurs proc&#195;&#168;s ont &#195;&#169;t&#195;&#169; intent&#195;&#169;s contre les &#195;&#169;mulateurs, notamment par SONY, tous perdus. Du c&#195;&#180;t&#195;&#169; des ROMS par contre, les concepteurs de jeux auront gain de cause, la propri&#195;&#169;t&#195;&#169; intellectuelle est un argument juridique puissant. Les ROMS s'&#195;&#169;changent toujours donc avec risque, le site de MAME stipule explicitement qu'il n'h&#195;&#169;berge pas de jeux. Les sites qui le font sont donc dans l'ill&#195;&#169;galit&#195;&#169;, menac&#195;&#169; de fermeture, h&#195;&#169;berg&#195;&#169;s dans des pays &#195; la l&#195;&#169;gislation flottante, et r&#195;&#169;guli&#195;&#168;rement hack&#195;&#169;s. Des initiatives comme celle des concepteurs de QUAKE (qui mettent leurs moteurs de jeux en open source lorsque leur exploitation commerciale est termin&#195;&#169;e) ou de propellerhead software (qui a cr&#195;&#169;&#195;&#169; un mus&#195;&#169;e pour son &#195;&#169;mulateur de boite &#195; rythme/s&#195;&#169;quenceur, ReBirth, t&#195;&#169;l&#195;&#169;chargeable gratuitement) restent marginales.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Projet historique et culturel&lt;/h2&gt;
&lt;p&gt;Ce projet est port&#195;&#169; par un d&#195;&#169;sir de nerd, celui des amateurs de &lt;i&gt;jeux de caf&#195;&#169;s&lt;/i&gt; du d&#195;&#169;but des ann&#195;&#169;es 80', qui ont vu le monde basculer dans le num&#195;&#169;rique, &#195;&#169;paul&#195;&#169; par l'objet le plus trivial du monde, une caisse en bois dans un caf&#195;&#169;, fait pour r&#195;&#169;colter des sous en tuant des aliens en forme de gros carr&#195;&#169;s.&lt;/p&gt;
&lt;p&gt;Mais il est port&#195;&#169; aussi par un d&#195;&#169;sir d'histoire, celle de ceux qui ont v&#195;&#169;cu de l'int&#195;&#169;rieur l'invention des jeux vid&#195;&#169;os, leur &#195;&#169;volution rapide du noir et blanc &#195; la 3D, du bip &#195; la m&#195;&#169;lodie 32 bits, comporte son lot de h&#195;&#169;ros, de batailles perdues et gagn&#195;&#169;es, de bonds et de reculs technologiques, de fortunes et de ruines. Elle doit &#195;&#170;tre conserv&#195;&#169;e par son biais le plus direct, les jeux eux-m&#195;&#170;mes, partie &#195;&#169;merg&#195;&#169;e de cet iceberg, qui sont &#195; l'histoire de l'informatique ce que les oeuvres d'art sont &#195; l'histoire de l'art.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Play it again, Proust&lt;/h2&gt;
&lt;p&gt;Au final on a donc un objet ind&#195;&#169;cidable, aussi nerd et infantile que puissant techniquement et respectable d'un point de vue d'historien. L'ind&#195;&#169;cidable &#195;&#169;tant une des vertus de l'art, ceci fait de MAME un objet passionnant. Et puis rejouer &#195; Rygar, &#195;&#169;couter sa musique d'origine, ou revoir la boule de Marble rouler avec inertie sur ses pentes isom&#195;&#169;triques, au son des premi&#195;&#168;res musique 8-bit st&#195;&#169;r&#195;&#169;o est une exp&#195;&#169;rience puissante.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_ps'&gt;&lt;p&gt;&lt;a href=&#034;http://fr.wikipedia.org/wiki/MAME&#034;&gt;Mame sur wikipedia&lt;/a&gt;&lt;br class='manualbr' /&gt;&lt;a href=&#034;http://www.mamedev.org/&#034;&gt;Le site de d&#195;&#169;veloppement de MAME&lt;/a&gt;&lt;br class='manualbr' /&gt;&lt;a href=&#034;http://www.romnation.net/&#034;&gt;Rom nation, un site de roms&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		</content:encoded>


		

	</item>



</channel>

</rss>
