{"id":2722,"date":"2022-03-27T23:59:34","date_gmt":"2022-03-27T23:59:34","guid":{"rendered":"https:\/\/baselunaire.fr\/?p=2722"},"modified":"2022-03-29T15:28:01","modified_gmt":"2022-03-29T15:28:01","slug":"shady-035","status":"publish","type":"post","link":"https:\/\/baselunaire.fr\/?p=2722","title":{"rendered":"Shady #035"},"content":{"rendered":"

Aujourd’hui dans Shady<\/strong>, pas de shader<\/em> : \u00e0 la place, je vous propose un outil en ligne pour jouer avec les fonctions math\u00e9matiques de base du langage GLSL. Ce logiciel, c’est Graphtoy<\/strong>, et il a \u00e9t\u00e9 d\u00e9velopp\u00e9 par Iq<\/strong> (Inigo Quilez), le cr\u00e9ateur de Shadertoy<\/strong> !<\/p>\n

\u2014Acc\u00e9der \u00e0 Graphtoy\u2014<\/strong><\/a><\/p>\n

Bon alors comme vous pouvez vous en rendre compte, l’interface est ultra-simple et intuitive. En m\u00eame temps, Graphtoy<\/strong> n’est qu’un genre de calculatrice graphique sp\u00e9cialis\u00e9e : il permet simplement de visualiser \u00e0 gauche les courbes des \u00e9quations que vous tapez dans les champs de droite.<\/p>\n

Par exemple : videz toutes les \u00e9quations et entrez une unique fonction en face de \u00ab\u00a0f1(x,t)=\u00a0\u00bb. De pr\u00e9f\u00e9rence quelque chose de simple comme \u00ab\u00a0sin(x)\u00a0\u00bb ou \u00ab\u00a0sin(x+t)\u00a0\u00bb, ou encore \u00ab\u00a0cos(x)\u00a0\u00bb, ou \u00ab\u00a0noise(x + t)\u00a0\u00bb, etc.<\/p>\n

Saupoudrez le tout de \u00ab\u00a0floor\u00a0\u00bb, de \u00ab\u00a0clamp\u00a0\u00bb, de \u00ab\u00a0step\u00a0\u00bb et \u00ab\u00a0smoothstep\u00a0\u00bb, jusqu’\u00e0 ce que les concepts rentrent !<\/p>\n

Par exp\u00e9rimentation directe, vous allez bient\u00f4t internaliser comment se comportent toutes ces fonctions, et combien il est facile (et ludique) de les combiner pour obtenir des formes de plus en plus complexes. Et en moins de temps qu’il n’en faut pour dire \u00ab\u00a0neurohacking\u00a0\u00bb, vous aussi, vous \u00e9crirez des shaders d\u00e9mentiels \u00e0 la vitesse de la pens\u00e9e, et vous \u00e9blouirez la foule en d\u00e9lire lors du prochain Shader Showdown<\/strong> !<\/p>\n

\u00ab\u00a0Co… Co… Comment \u00e7a, Shader Showdown<\/strong> ?! … ?! Il y a des comp\u00e9titions de shaders ?!\u00a0\u00bb<\/em><\/p>\n

Haha, n’allons pas trop vite en besogne, mon cher Jean-Michel Carmack de Noirmoutier ! Commence d’abord par ma\u00eetriser les fonctions de base, et apr\u00e8s, on en reparlera…<\/p>\n

P.S. Pour ceux qui veulent creuser la chose, Iq<\/strong> poss\u00e8de une chaine Youtube<\/strong> sur laquelle il propose des tutoriels en anglais, notamment un o\u00f9 il explique comment \u00e9laborer un paysage synthwave<\/em> (soleil + silhouettes d’immeubles). Dans Graphtoy<\/strong>, il suffit d’ailleurs de cliquer sur Example 3<\/strong> en haut \u00e0 droite pour voir \u00e0 quoi \u00e7a ressemble.<\/p>\n

\u00ab\u00a0Woaaaaah bon Dieu c’est g\u00e9ant ! Il ne manque plus que du Carpenter Brut<\/strong>, et on s’y croirait !\u00a0\u00bb<\/em> (\/s)<\/p>\n

…Ahem, oui, heu, bon, alors voil\u00e0, quoi. Maintenant, vous et Jean-Michel \u00eates au courant. Alors bon courage, et \u00e0 la semaine prochaine !<\/p>\n","protected":false},"excerpt":{"rendered":"

Aujourd’hui dans Shady, pas de shader : \u00e0 la place, je vous propose un outil en ligne pour jouer avec les fonctions math\u00e9matiques de base du langage GLSL. Ce logiciel, c’est Graphtoy, et il a \u00e9t\u00e9 d\u00e9velopp\u00e9 par Iq (Inigo … Continuer la lecture →<\/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":[15],"tags":[],"class_list":["post-2722","post","type-post","status-publish","format-standard","hentry","category-shady"],"_links":{"self":[{"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts\/2722","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=2722"}],"version-history":[{"count":7,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts\/2722\/revisions"}],"predecessor-version":[{"id":2729,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=\/wp\/v2\/posts\/2722\/revisions\/2729"}],"wp:attachment":[{"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baselunaire.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}