<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Demoscene on Web2Generators</title><link>https://www.web2generators.com/fr/tags/demo-scene/</link><description>Recent content in Demoscene on Web2Generators</description><generator>Hugo</generator><language>fr</language><lastBuildDate>Fri, 20 Mar 2009 00:00:00 +0000</lastBuildDate><atom:link href="https://www.web2generators.com/fr/tags/demo-scene/index.xml" rel="self" type="application/rss+xml"/><item><title>Monster : un moteur 3D en JavaScript</title><link>https://www.web2generators.com/fr/blog/monster-un-moteur-3d-en-javascript/</link><pubDate>Fri, 20 Mar 2009 00:00:00 +0000</pubDate><guid>https://www.web2generators.com/fr/blog/monster-un-moteur-3d-en-javascript/</guid><description>&lt;p&gt;&lt;picture&gt;&lt;source type="image/webp" srcset="https://www.web2generators.com/blog/monster-javascript-3d-engine/images/monster-javascript-3d-engine_hu_3d71506fc78f640f.webp 300w" sizes="(max-width: 700px) min(calc(100vw - 32px), 300px), (max-width: 808px) min(calc(100vw - 48px), 300px), 300px"&gt;&lt;img src="https://www.web2generators.com/blog/monster-javascript-3d-engine/images/monster-javascript-3d-engine.png" alt="Capture du moteur 3D JavaScript Monster" title="Capture du moteur 3D JavaScript Monster" width="300" height="225" loading="lazy" decoding="async"&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Chrome Experiments, ce n&amp;rsquo;est &amp;ldquo;pas le JavaScript de votre mère&amp;rdquo; : le projet a été &amp;ldquo;créé pour présenter des expériences étonnantes, tant pour JavaScript que pour les navigateurs web&amp;rdquo;. Dean McNamee le prouve avec &lt;a href="https://experiments.withgoogle.com/monster" class="link-external" target="_blank" rel="nofollow noopener"&gt;Monster (en anglais)&lt;span class="external-link-icon" aria-hidden="true"&gt;&amp;#160;&lt;span class="bi bi-arrow-up-right"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;, &lt;em&gt;&amp;ldquo;une démonstration de ce que permettent les standards web du navigateur, sans Flash. Un carré devient un cube, une sphère, puis un monstre. De la 3D procédurale en temps réel en JavaScript&amp;rdquo;&lt;/em&gt;. Non content de démontrer que JavaScript peut être un nouveau concurrent dans le monde de la 3D, Dean propose aussi une démo plus simple, mais tout aussi belle, nommée &lt;a href="https://experiments.withgoogle.com/colorscube" class="link-external" target="_blank" rel="nofollow noopener"&gt;Colorscube (en anglais)&lt;span class="external-link-icon" aria-hidden="true"&gt;&amp;#160;&lt;span class="bi bi-arrow-up-right"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;. À voir absolument pour tous les programmeurs de graphismes JavaScript ! Merci à Niko d&amp;rsquo;&lt;a href="https://www.irrlicht3d.org/pivot/entry.php?id=860" class="link-external" target="_blank" rel="nofollow noopener"&gt;Irrlicht3d (en anglais)&lt;span class="external-link-icon" aria-hidden="true"&gt;&amp;#160;&lt;span class="bi bi-arrow-up-right"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt; pour l&amp;rsquo;information.&lt;/p&gt;</description></item><item><title>La demoscene en ligne avec le concours ActionScript en 25 lignes</title><link>https://www.web2generators.com/fr/blog/la-demoscene-en-ligne-avec-le-concours-actionscript-en-25-lignes/</link><pubDate>Thu, 29 Jan 2009 00:00:00 +0000</pubDate><guid>https://www.web2generators.com/fr/blog/la-demoscene-en-ligne-avec-le-concours-actionscript-en-25-lignes/</guid><description>&lt;p&gt;&lt;picture&gt;&lt;source type="image/webp" srcset="https://www.web2generators.com/blog/online-demoscene-with-the-25-line-actionscript-contest/images/real-time-webcam-video-to-ascii-art_hu_55105b15c1659f73.webp 150w" sizes="(max-width: 700px) min(calc(100vw - 32px), 150px), (max-width: 808px) min(calc(100vw - 48px), 150px), 150px"&gt;&lt;img src="https://www.web2generators.com/blog/online-demoscene-with-the-25-line-actionscript-contest/images/real-time-webcam-video-to-ascii-art.png" alt="Conversion en temps réel d’une vidéo de webcam en art ASCII" title="Conversion en temps réel d&amp;#39;une vidéo de webcam en art ASCII" width="150" height="150" loading="lazy" decoding="async"&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Que peut-on faire en 25 lignes d&amp;rsquo;ActionScript ? Pourquoi ne pas participer au concours ActionScript en 25 lignes (source d&amp;rsquo;origine indisponible) ? Les finalistes de janvier proposent des créations étonnantes : conversion en temps réel d&amp;rsquo;une vidéo de webcam en art ASCII, effets de feu, exploration d&amp;rsquo;un monde 3D et zoom dans l&amp;rsquo;ensemble de Mandelbrot, entre autres. Cela montre bien la puissance de Flash et d&amp;rsquo;ActionScript, ainsi que l&amp;rsquo;intérêt croissant pour la demoscene sur le web. Reste à savoir quand nous pourrons voir des démos aussi avancées avec seulement JavaScript et Canvas. À mon avis, assez vite si la bataille des performances entre navigateurs continue&amp;hellip;&lt;/p&gt;</description></item><item><title>Les dessins animés télévisés et Flash bientôt remplacés par des animations JavaScript ?</title><link>https://www.web2generators.com/fr/blog/les-dessins-animes-televises-et-flash-bientot-remplaces-par-des-animations-javascript/</link><pubDate>Tue, 09 Dec 2008 00:00:00 +0000</pubDate><guid>https://www.web2generators.com/fr/blog/les-dessins-animes-televises-et-flash-bientot-remplaces-par-des-animations-javascript/</guid><description>&lt;p&gt;&lt;picture&gt;&lt;source type="image/webp" srcset="https://www.web2generators.com/blog/tv-and-flash-animated-cartoons-about-to-be-replaced-by-javascript-animation/images/image-architecture-small_hu_b8f916cec04b3076.webp 300w" sizes="(max-width: 700px) min(calc(100vw - 32px), 300px), (max-width: 808px) min(calc(100vw - 48px), 300px), 300px"&gt;&lt;img src="https://www.web2generators.com/blog/tv-and-flash-animated-cartoons-about-to-be-replaced-by-javascript-animation/images/image-architecture-small.jpg" alt="Organisation des calques du robot animé" width="300" height="153" loading="lazy" decoding="async"&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;C&amp;rsquo;est ce que je me suis dit en découvrant l&amp;rsquo;article d&amp;rsquo;Anthony Calzadilla, &amp;ldquo;&lt;a href="https://css-tricks.com/jquery-robot/" class="link-external" target="_blank" rel="nofollow noopener"&gt;Créer un robot de dessin animé avec jQuery (en anglais)&lt;span class="external-link-icon" aria-hidden="true"&gt;&amp;#160;&lt;span class="bi bi-arrow-up-right"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&amp;rdquo;, grâce à &lt;a href="https://www.webappers.com/2008/12/09/building-an-animated-cartoon-robot-with-jquery/" class="link-external" target="_blank" rel="nofollow noopener"&gt;WebAppers (en anglais)&lt;span class="external-link-icon" aria-hidden="true"&gt;&amp;#160;&lt;span class="bi bi-arrow-up-right"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;. Il suffit de regarder la démonstration (source d&amp;rsquo;origine indisponible) pour voir à quel point le résultat est réussi ! &lt;em&gt;&amp;ldquo;Ce projet a été créé en superposant plusieurs div vides, avec des PNG transparents comme images d&amp;rsquo;arrière-plan. Ces fonds ont été animés à différentes vitesses grâce à une extension jQuery d&amp;rsquo;Alexander Farkas. Cela simule un arrière-plan animé en fausse 3D, appelé effet de parallaxe, issu des anciens jeux vidéo à défilement horizontal. Le robot est construit de la même façon : plusieurs DIV superposées forment ses différentes pièces. La dernière étape a consisté à animer le robot avec un peu de jQuery.&amp;rdquo;&lt;/em&gt;&lt;/p&gt;</description></item><item><title>Un instant, je termine ma partie dans la favicon</title><link>https://www.web2generators.com/fr/blog/un-instant-je-termine-ma-partie-dans-la-favicon/</link><pubDate>Wed, 16 Jul 2008 00:00:00 +0000</pubDate><guid>https://www.web2generators.com/fr/blog/un-instant-je-termine-ma-partie-dans-la-favicon/</guid><description>&lt;p&gt;&lt;picture&gt;&lt;source type="image/webp" srcset="https://www.web2generators.com/blog/please-wait-till-i-finish-my-favicon-game/images/defender_of_the_favicon_hu_6868c7c1bd3734a3.webp 251w" sizes="(max-width: 700px) min(calc(100vw - 32px), 251px), (max-width: 808px) min(calc(100vw - 48px), 251px), 251px"&gt;&lt;img src="https://www.web2generators.com/blog/please-wait-till-i-finish-my-favicon-game/images/defender_of_the_favicon.png" alt="DEFENDER of the favicon" width="251" height="99" loading="lazy" decoding="async"&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Le Web est une immense source d&amp;rsquo;information. On peut y apprendre, lire, écouter ou regarder à peu près tout. Mais n&amp;rsquo;oublions pas ce que nous, humains, aimons faire pendant notre temps libre : jouer ! Nous jouons avec tout : des milliards de jeux ont été créés, matériels ou immatériels, comme les jeux vidéo. De nombreux appareils ont été exploités et conçus dans le seul but de nous divertir. Et alors qu&amp;rsquo;on aurait pu penser que cela suffisait, quelqu&amp;rsquo;un a eu l&amp;rsquo;idée de mettre un jeu dans une favicon. Brillant !&lt;/p&gt;</description></item></channel></rss>