{"id":2383,"date":"2026-02-24T11:23:31","date_gmt":"2026-02-24T10:23:31","guid":{"rendered":"https:\/\/elearningsamba.com\/index.php\/dwitter-beta-le-creative-coding-en-140-caracteres\/"},"modified":"2026-02-24T11:23:31","modified_gmt":"2026-02-24T10:23:31","slug":"dwitter-beta-le-creative-coding-en-140-caracteres","status":"publish","type":"page","link":"https:\/\/elearningsamba.com\/index.php\/dwitter-beta-le-creative-coding-en-140-caracteres\/","title":{"rendered":"Dwitter Beta &#8211; Le creative coding en 140 caract\u00e8res"},"content":{"rendered":"<p>C&#8217;est fou ce qu&#8217;on peut faire avec trois bouts de ficelle et un peu de jugeote. Ou plut\u00f4t, avec 140 caract\u00e8res de JavaScript et un \u00e9l\u00e9ment . Si vous ne connaissez pas encore <strong><br \/>\n<a href=\"https:\/\/beta.dwitter.net\/top\/year\">Dwitter<\/a><br \/>\n<\/strong>, c&#8217;est le moment de sortir de votre grotte les amis&#8230; surtout si vous aimez les challenges et le code !<\/p>\n<p>Le concept c&#8217;est que vous avez une fonction <code>u(t)<\/code> o\u00f9 <code>t<\/code> est le temps qui passe, et vous devez pondre un truc visuellement bluffant sans d\u00e9passer la taille d&#8217;un tweet (\u00e9poque pr\u00e9-Elon, le fameux 140 caract\u00e8res). Et l\u00e0, c&#8217;est la claque car les mecs qui participent \u00e0 ce d\u00e9fi arrivent \u00e0 caser des univers entiers, des for\u00eats en parallaxe ou des simulations de colonies de fourmis dans un mouchoir de poche.<\/p>\n<p>Et c&#8217;est du code pur jus, g\u00e9n\u00e9r\u00e9 en temps r\u00e9el par votre propre navigateur. J&#8217;ai d&#8217;ailleurs test\u00e9 le fameux &#8220;Ants!&#8221; et on sent que KilledByAPixel (le boss final du site) a pouss\u00e9 l&#8217;optimisation dans ses derniers retranchements avec des astuces de sagouin comme <code>eval(unescape(escape<\/code>&#8230;)).<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/korben.info\/cdn-cgi\/image\/width=1200,fit=scale-down,quality=90,f=avif\/dwitter-beta-creative-coding-javascript\/dwitter-beta-creative-coding-javascript-2.png\" alt=\"\" loading=\"lazy\"><\/p>\n<p>Dwitter, c&#8217;est n\u00e9 en 2016 lors de la demoparty Solskogen o\u00f9 son cr\u00e9ateur<br \/>\n<a href=\"https:\/\/beta.dwitter.net\/u\/lionleaf\">lionleaf<\/a><br \/>\na d&#8217;ailleurs remport\u00e9 la Wild Compo. Le projet est totalement open source (disponible sur GitHub pour les curieux) et la communaut\u00e9 est super active sur Discord.<\/p>\n<p>En jetant un oeil au top de l&#8217;ann\u00e9e sur la version Beta (<code>beta.dwitter.net<\/code>), on tombe sur des perles comme &#8220;Solar Orbit&#8221; qui vous colle un syst\u00e8me plan\u00e9taire en quelques octets :<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/korben.info\/cdn-cgi\/image\/width=1200,fit=scale-down,quality=90,f=avif\/dwitter-beta-creative-coding-javascript\/dwitter-beta-creative-coding-javascript-3.png\" alt=\"\" loading=\"lazy\"><\/p>\n<p>Ou encore ce genre de for\u00eats qui d\u00e9file en parallaxe :<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/korben.info\/cdn-cgi\/image\/width=1200,fit=scale-down,quality=90,f=avif\/dwitter-beta-creative-coding-javascript\/dwitter-beta-creative-coding-javascript-4.png\" alt=\"\" loading=\"lazy\"><\/p>\n<p>Le plus cool, c&#8217;est que tout est lisible et modifiable en direct. Vous voyez un truc qui vous pla\u00eet ? Hop, vous cliquez sur le code, vous changez une variable au pif et vous regardez le chaos s&#8217;installer. C&#8217;est l&#8217;\u00e9cole du partage version demoscene mais \u00e9vitez quand m\u00eame d&#8217;ouvrir 50 onglets en m\u00eame temps si votre CPU date un peu, car certains shaders d\u00e9guis\u00e9s en JS peuvent \u00eatre assez violents.<\/p>\n<p>Bref, si vous avez 5 minutes \u00e0 perdre (ou 2 heures, je vous connais), allez faire un tour sur le site. \u00c7a vide la t\u00eate, \u00e7a pique un peu les yeux parfois, mais \u00e7a redonne foi en la cr\u00e9ativit\u00e9 humaine !<\/p>\n<p>Amusez-vous bien !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C&#8217;est fou ce qu&#8217;on peut faire avec trois bouts de ficelle et un peu de jugeote. Ou plut\u00f4t, avec 140 caract\u00e8res de JavaScript et un \u00e9l\u00e9ment . Si vous ne connaissez pas encore Dwitter , c&#8217;est le moment de sortir de votre grotte les amis&#8230; surtout si vous aimez les challenges et le code ! Le concept c&#8217;est que vous avez une fonction u(t) o\u00f9 t est le temps qui passe, et vous devez pondre un truc visuellement bluffant sans d\u00e9passer la taille d&#8217;un tweet (\u00e9poque pr\u00e9-Elon, le fameux 140 caract\u00e8res). Et l\u00e0, c&#8217;est la claque car les mecs qui participent \u00e0 ce d\u00e9fi arrivent \u00e0 caser des univers entiers, des for\u00eats en parallaxe ou des simulations de colonies de fourmis dans un mouchoir de poche. Et c&#8217;est du code pur jus, g\u00e9n\u00e9r\u00e9 en temps r\u00e9el par votre propre navigateur. J&#8217;ai d&#8217;ailleurs test\u00e9 le fameux &#8220;Ants!&#8221; et on sent que KilledByAPixel (le boss final du site) a pouss\u00e9 l&#8217;optimisation dans ses derniers retranchements avec des astuces de sagouin comme eval(unescape(escape&#8230;)). Dwitter, c&#8217;est n\u00e9 en 2016 lors de la demoparty Solskogen o\u00f9 son cr\u00e9ateur lionleaf a d&#8217;ailleurs remport\u00e9 la Wild Compo. Le projet est totalement open source (disponible sur GitHub pour les curieux) et la communaut\u00e9 est super active sur Discord. En jetant un oeil au top de l&#8217;ann\u00e9e sur la version Beta (beta.dwitter.net), on tombe sur des perles comme &#8220;Solar Orbit&#8221; qui vous colle un syst\u00e8me plan\u00e9taire en quelques octets : Ou encore ce genre de for\u00eats qui d\u00e9file en parallaxe : Le plus cool, c&#8217;est que tout est lisible et modifiable en direct. Vous voyez un truc qui vous pla\u00eet ? Hop, vous cliquez sur le code, vous changez une variable au pif et vous regardez le chaos s&#8217;installer. C&#8217;est l&#8217;\u00e9cole du partage version demoscene mais \u00e9vitez quand m\u00eame d&#8217;ouvrir 50 onglets en m\u00eame temps si votre CPU date un peu, car certains shaders d\u00e9guis\u00e9s en JS peuvent \u00eatre assez violents. Bref, si vous avez 5 minutes \u00e0 perdre (ou 2 heures, je vous connais), allez faire un tour sur le site. \u00c7a vide la t\u00eate, \u00e7a pique un peu les yeux parfois, mais \u00e7a redonne foi en la cr\u00e9ativit\u00e9 humaine ! Amusez-vous bien !<\/p>\n","protected":false},"author":1,"featured_media":2384,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-2383","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/comments?post=2383"}],"version-history":[{"count":0,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2383\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media\/2384"}],"wp:attachment":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media?parent=2383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}