{"id":3399,"date":"2023-03-01T12:04:45","date_gmt":"2023-03-01T12:04:45","guid":{"rendered":"https:\/\/baselunaire.fr\/?p=3399"},"modified":"2023-03-01T12:15:52","modified_gmt":"2023-03-01T12:15:52","slug":"space-art-013","status":"publish","type":"post","link":"https:\/\/baselunaire.fr\/?p=3399","title":{"rendered":"Space Art #013"},"content":{"rendered":"<p><strong>Space Art<\/strong> revient avec une surprise tr\u00e8\u00e8\u00e8\u00e8\u00e8\u00e8s en retard&#8230; H\u00e9 oui cette ann\u00e9e comme les autres, j&rsquo;avais pr\u00e9vu de r\u00e9aliser une belle carte postale <em>saille-faille<\/em> (i.e. \u00ab\u00a0Sci-Fi\u00a0\u00bb) en <em>glsl<\/em>, mais je ne m&rsquo;y suis coll\u00e9 qu&rsquo;une minuscule semaine avant la date butoir ! (classique) Et comme je n&rsquo;y travaille que le matin (meilleure inspiration, id\u00e9es plus claires), j&rsquo;ai all\u00e8grement d\u00e9pass\u00e9 la date de remise des copies.<\/p>\n<p><em>*hurlement sauvage de barbare au bout de sa vie*<\/em><\/p>\n<p>Du coup vous n&rsquo;avez pas eu les <strong>V\u0153ux Officiels<\/strong> du blog, et \u00e7a, bah c&rsquo;est pas bien. Je vous pr\u00e9sente donc mes plus plates excuses, et vous souhaite dans la foul\u00e9e une superbe, une excellente ann\u00e9e 2023 ! Sant\u00e9, bonheur, entourage, argent, tout ce qui compte pour vous.<\/p>\n<p>Bon. Soyons clairs. Il y a des chances non nulles, voire significatives, pour que ce soit notre derni\u00e8re ligne droite, vu l&rsquo;avenir que nous pr\u00e9parent Macron et ses sinistres sbires. Si on ne se prend pas un missile hypersonique sur la gueule \u00e0 force de provoquer l&rsquo;ours russe, notre propre gouvernement nous transformera lentement, tranquillement, en mutants d\u00e9g\u00e9n\u00e9r\u00e9s \u00e0 force de vaccinations massives et de rappels hebdomadaires&#8230; Hypoth\u00e8se la plus pessimiste, je vous l&rsquo;accorde, mais en consid\u00e9rant ce genre d&rsquo;\u00e9ventualit\u00e9, on ne peut qu&rsquo;\u00eatre agr\u00e9ablement surpris quand le R\u00e9el se montre cl\u00e9ment. J&rsquo;appelle \u00e7a <em>\u00ab\u00a0la technique Sarah Connor\u00a0\u00bb<\/em>&#8230;<\/p>\n<p align=\"center\">\n<iframe loading=\"lazy\" src=\"https:\/\/giphy.com\/embed\/rhYsUMhhd6yA0\" width=\"480\" height=\"270\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen><\/iframe><\/p>\n<p><a href=\"https:\/\/giphy.com\/gifs\/explosion-skeleton-terminator-2-rhYsUMhhd6yA0\">via GIPHY<\/a><\/p>\n<\/p>\n<p>Mexicain : (avec un accent qui roule les \u00ab\u00a0r\u00a0\u00bb) \u00ab\u00a0Il dit &lsquo;La Grande Temp\u00eate ! Elle vient !'\u00a0\u00bb<br \/>\nSarah : (triste et fataliste) \u00ab\u00a0Je sais&#8230;\u00a0\u00bb<\/p>\n<p>Quoiqu&rsquo;il en soit&#8230; pour cette carte de v\u0153ux, je suis parti sur le th\u00e8me de la \u00ab\u00a0cit\u00e9-d\u00f4me\u00a0\u00bb, en d\u00e9marrant de l&rsquo;exemple classique de <strong>Shadertoy<\/strong>, le fameux :<\/p>\n<p><code>Amplitude*fbm(floor(Frequence*p.x))<\/code><\/p>\n<p>qui donne un genre de <em>skyline<\/em>, une ligne d&rsquo;immeubles carr\u00e9s \u00e0 souhait&#8230; Que j&rsquo;ai ensuite recouverte d&rsquo;un beau disque, avec divers effets (transparence, arches mouvantes, couleurs, reflets, etc). Pour am\u00e9liorer ce rendu ultra-basique j&rsquo;ai utilis\u00e9 plusieurs techniques. Premier truc : placer un second octave de bruit \u00e0 plus haute fr\u00e9quence et moindre amplitude, ce qui ajoute des antennes, des blocs de climatisation et des sorties de cage d&rsquo;escaliers au sommet des gratte-ciels. Boum. Tout de suite, on gagne en d\u00e9tail visuel.<\/p>\n<p>Ensuite, j&rsquo;ai mis une texture \u00e9tir\u00e9e en hauteur et \u00e9cras\u00e9e en largeur pour recr\u00e9er les lignes des \u00e9tages. Classique.<\/p>\n<p>La touche presque finale : ombrer le tout au moyen de colonnes verticales fonc\u00e9es d&rsquo;\u00e9paisseurs variables, positionn\u00e9es sur l&rsquo;axe des x au petit-bonheur-la-chance. Rendez-vous compte du truc : notre cerveau est tellement bien foutu qu&rsquo;il cr\u00e9e une impression de relief rien qu&rsquo;en voyant ces diff\u00e9rents gradients de gris. Et la ligne de gratte-ciels toute plane, limite <em>pixel art<\/em>, devient soudain, comme par magie, un ensemble de volumes complexes : une suite de cylindres, de fa\u00e7ades et de rainures verticales. Juxtaposition de couleurs anarchique -al\u00e9atoire, m\u00eame- mais qui a du sens pour notre \u0153il. La peinture est une branche de l\u2019illusionnisme, vous le saviez ? \ud83d\ude42<\/p>\n<p>Allez, la cerise sur le g\u00e2teau : limiter la <em>skyline<\/em> \u00e0 un cercle d&rsquo;un rayon inf\u00e9rieur \u00e0 celui du vrai d\u00f4me, ce qui fait que la hauteur des immeubles sur les c\u00f4t\u00e9s est automatiquement tronqu\u00e9e en arc-de-cercle. Et voil\u00e0 qu&rsquo;apparaissent des b\u00e2timents courbes, futuristes, en \u00ab\u00a0voile de bateau\u00a0\u00bb tel le <strong>Burj Al Arab<\/strong> de <strong>Dubai<\/strong> ou l&rsquo;<strong>Hotel Vela<\/strong> \u00e0 <strong>Barcelone<\/strong>.<\/p>\n<p>Et&#8230; voil\u00e0 ! Vous l&rsquo;avez, votre cit\u00e9-d\u00f4me. Bon j&rsquo;aurais pu bosser un peu sur la partie basse (le mur avec effet chenillard), mais je n&rsquo;y ai pens\u00e9 qu&rsquo;apr\u00e8s ! \ud83d\ude00 Il serait facile, et pas inint\u00e9ressant, d&rsquo;y ajouter des piliers\/fortins \u00e0 intervalles, voire des textures un peu hi-tech. Si vous vous sentez l&rsquo;inspiration, allez-y !<\/p>\n<p>Bon, je pourrais causer encore des heures du processus, donc je vais m&rsquo;arr\u00eater l\u00e0. Mon but \u00e9tait d&rsquo;abord de faire une animation joyeuse, qui fasse sourire, avec une musique \u00e9nergique, et&#8230; de ce c\u00f4t\u00e9 c&rsquo;est une r\u00e9ussite. Merci d&rsquo;ailleurs \u00e0 <strong>Malmen<\/strong>, zikos de la Sc\u00e8ne D\u00e9mo, pour <a href=\"https:\/\/soundcloud.com\/malmen\/malmen-stingray\" rel=\"noopener\" target=\"_blank\">son excellent morceau <strong>Stingray<\/strong><\/a> (disponible en licence CC3.0). L&rsquo;id\u00e9e de l&rsquo;avion en papier propuls\u00e9 par antimati\u00e8re est venue sur la fin. Comme je vous le disais : de l&rsquo;impro !<\/p>\n<p>Voici donc <strong>\u00ab\u00a0Un fragile petit avion-fus\u00e9e en papier !\u00a0\u00bb<\/strong> (&#8230;et pour les patients, il y a un show-laser assez intense sur la fin)<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" width=\"640\" height=\"360\" frameborder=\"0\" src=\"https:\/\/www.shadertoy.com\/embed\/dlfXzl?gui=true&#038;t=10&#038;paused=true&#038;muted=false\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><em><br \/>\n<strong>Informations Suppl\u00e9mentaires :<\/strong><br \/>\n1-Pour lire les commentaires, le code ou les d\u00e9lires SF en anglais que j&rsquo;ai ajout\u00e9 dans le fichier, <a href=\"https:\/\/www.shadertoy.com\/view\/dlfXzl\" rel=\"noopener\" target=\"_blank\">foncez sur la page du <em>shader<\/em><\/a> !<br \/>\n2-Inspir\u00e9 par l&rsquo;id\u00e9e d&rsquo;un avion en papier futuriste, Yasuo (un shadertoyer japonais fort sympathique) a publi\u00e9 quelques jours plus tard un mod\u00e8le d&rsquo;interface-utilisateur que je vous invite \u00e0 aller admirer : <a href=\"https:\/\/www.shadertoy.com\/view\/Dl2XRz\" rel=\"noopener\" target=\"_blank\">\u00ab\u00a0Paper Plane Sonar UI\u00a0\u00bb<\/a>. J&rsquo;appr\u00e9cie d&rsquo;autant plus le geste qu&rsquo;il prolonge le d\u00e9lire dans une direction logique ! \ud83d\ude00 <a href=\"https:\/\/www.shadertoy.com\/user\/yasuo\" rel=\"noopener\" target=\"_blank\">La galerie de shaders de Yasuo<\/a> vaut d&rsquo;ailleurs le d\u00e9tour, si vous aimez le design. Il a un style, c&rsquo;est clair.<br \/>\n3-Pour tous ceux qui me suivent et\/ou commentent sur Shadertoy&#8230; Merci. Et aussi :<\/p>\n<p align=\"center\">\n<iframe loading=\"lazy\" src=\"https:\/\/giphy.com\/embed\/slI3Y2GR9iWWI\" width=\"480\" height=\"267\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen><\/iframe><\/p>\n<p><a href=\"https:\/\/giphy.com\/gifs\/waynes-world-slI3Y2GR9iWWI\">via GIPHY<\/a><\/p>\n<\/p>\n<p>4-Mention sp\u00e9ciale pour <strong>Coolcornucopia<\/strong> qui a d\u00e9couvert et \u00ab\u00a0lik\u00e9\u00a0\u00bb mon <em>shader<\/em> avant-m\u00eame que je lui en parle, haha ! \ud83d\ude00<\/p>\n<p align=\"center\">\n<iframe loading=\"lazy\" src=\"https:\/\/giphy.com\/embed\/V1dH38rUl9yX7xU8nh\" width=\"364\" height=\"480\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen><\/iframe><\/p>\n<p><a href=\"https:\/\/giphy.com\/gifs\/keanu-reeves-youre-breathtaking-V1dH38rUl9yX7xU8nh\">via GIPHY<\/a><\/p>\n<\/p>\n<p><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Space Art revient avec une surprise tr\u00e8\u00e8\u00e8\u00e8\u00e8\u00e8s en retard&#8230; H\u00e9 oui cette ann\u00e9e comme les autres, j&rsquo;avais pr\u00e9vu de r\u00e9aliser une belle carte postale saille-faille (i.e. \u00ab\u00a0Sci-Fi\u00a0\u00bb) en glsl, mais je ne m&rsquo;y suis coll\u00e9 qu&rsquo;une minuscule semaine avant la &hellip; <a href=\"https:\/\/baselunaire.fr\/?p=3399\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-3399","post","type-post","status-publish","format-standard","hentry","category-space-art"],"_links":{"self":[{"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts\/3399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3399"}],"version-history":[{"count":16,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts\/3399\/revisions"}],"predecessor-version":[{"id":3415,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts\/3399\/revisions\/3415"}],"wp:attachment":[{"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}