{"id":578,"date":"2026-03-22T16:17:59","date_gmt":"2026-03-22T20:17:59","guid":{"rendered":"https:\/\/glozanov.dectim.ca\/phase_zero\/?page_id=578"},"modified":"2026-05-11T14:30:16","modified_gmt":"2026-05-11T18:30:16","slug":"fiche-porfolioalex-piche","status":"publish","type":"page","link":"https:\/\/glozanov.dectim.ca\/phase_zero\/fiche-porfolioalex-piche\/","title":{"rendered":"Fiche porfolio(alex pich\u00e9)"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull animated zoomIn\" style=\"min-height:600px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1919\" height=\"1079\" class=\"wp-block-cover__image-background wp-image-1180 size-full\" alt=\"\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-5.png\" data-object-fit=\"cover\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-5.png 1919w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-5-300x169.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-5-1024x576.png 1024w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-5-768x432.png 768w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-5-1536x864.png 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#545441\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-2d2486d4 wp-block-columns-is-layout-flex\" style=\"margin-top:0vh;margin-bottom:0%\">\n<div class=\"wp-block-column is-vertically-aligned-top animated slideInDown has-ast-global-color-4-background-color has-background is-layout-flow wp-container-core-column-is-layout-f7c5f66f wp-block-column-is-layout-flow\" style=\"padding-top:16px;padding-right:24px;padding-bottom:8px;padding-left:24px;flex-basis:840px\">\n<h1 class=\"wp-block-heading alignfull has-ast-global-color-2-color has-text-color has-link-color wp-elements-c5da6d2f09abb6c4ddec8a158a584c33\">Poissons koi proc\u00e9dural<\/h1>\n\n\n\n<h3 class=\"wp-block-heading alignfull has-text-align-left animated fadeInTopLeft delay-500ms has-ast-global-color-2-color has-text-color has-link-color wp-elements-14a91bcf845f5916aea78e4004c113ed\">Par Alexandre Pich\u00e9<\/h3>\n\n\n\n<p class=\"animated fadeInLeft delay-500ms\">Projet personnel<\/p>\n\n\n\n<div class=\"wp-block-group animated fadeInLeft delay-500ms is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-2834e602 wp-block-group-is-layout-flex\" style=\"min-height:0px;margin-top:0;margin-bottom:var(--wp--preset--spacing--30);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-full\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-16.png\" alt=\"\" class=\"wp-image-1109\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-right\">p5.js<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:0%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-08d52da3 wp-block-columns-is-layout-flex\" style=\"margin-top:20%;margin-bottom:0%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4 class=\"wp-block-heading has-text-align-left animated backInUp delay-500ms\"><\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated zoomIn delay-100ms is-layout-constrained wp-container-core-group-is-layout-5c951751 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-18ebb6d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0rem;margin-bottom:0rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\"><strong>Contexte<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-left animated fadeInLeft delay-200ms has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-2c8b154974eedbd535b6cb8c14bbfca1\">Le but fut de cr\u00e9er un environnement, un \u00e9tang dans lequel des poissons nagent. Le tout g\u00e9n\u00e9r\u00e9 enti\u00e8rement proc\u00e9duralement \u00e0 partir de code. Ainsi, aucun asset ou textures ext\u00e9rieur ne furent utilis\u00e9 et rafra\u00eechir la page donne un nouvel \u00e9tang.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a05bfef9fe5d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a05bfef9fe5d\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"871\" height=\"623\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-4.png\" alt=\"\" class=\"wp-image-1183\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-4.png 871w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-4-300x215.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-4-768x549.png 768w\" sizes=\"auto, (max-width: 871px) 100vw, 871px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated zoomIn delay-100ms has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-5c951751 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-18ebb6d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0rem;margin-bottom:0rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube animated fadeInLeft\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A simple procedural animation technique\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qlfh_rv6khY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<p class=\"has-text-align-left animated fadeInRight delay-200ms has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-52d054a8dfa8f899d19ce9624b5290b8\">Ce projet fut inspir\u00e9 fortement par ce vid\u00e9o par argonaut. J&rsquo;ai utilis\u00e9 p5.js parce que je voulais que ce soit pr\u00e9sent sur le web.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated zoomIn delay-100ms has-ast-global-color-4-background-color has-background is-layout-constrained wp-container-core-group-is-layout-5c951751 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-18ebb6d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0rem;margin-bottom:0rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading\"><strong>Processus<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-left animated fadeInLeft delay-200ms has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-e86389a948f412a19fc77a8d2bb7eac0\">J&rsquo;ai commenc\u00e9 par suivre les \u00e9tapes d\u00e9montr\u00e9 dans la vid\u00e9o. Cependant, j\u2019avais des id\u00e9es par rapport \u00e0 la mani\u00e8re dont les poissons se d\u00e9placent. J&rsquo;ai donc impl\u00e9ment\u00e9 un peu de physiques simples (verlet integration) dans le but de rendre le mouvement plus fluide. Les poissons poss\u00e8de aussi un AI bien simple qui utilise des barbillons (raycasts) pour \u00e9viter les obstacles.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a05bfefa0852&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a05bfefa0852\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-6-1024x584.png\" alt=\"\" class=\"wp-image-1185\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-6-1024x584.png 1024w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-6-300x171.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-6-768x438.png 768w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-6.png 1195w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">V1<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a05bfefa0b6c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a05bfefa0b6c\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-13-1024x724.png\" alt=\"\" class=\"wp-image-1211\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-13-1024x724.png 1024w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-13-300x212.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-13-768x543.png 768w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-13.png 1418w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">V2<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated zoomIn delay-100ms has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-5c951751 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-18ebb6d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0rem;margin-bottom:0rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a05bfefa1120&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a05bfefa1120\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"762\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-14-1024x762.png\" alt=\"\" class=\"wp-image-1242\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-14-1024x762.png 1024w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-14-300x223.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-14-768x571.png 768w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-14.png 1399w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">V3<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<p class=\"has-text-align-left animated fadeInRight delay-200ms has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-f7fe5aa81e0be9a664a241de27c4e252\">Par la suite, j&rsquo;ai ajout\u00e9 l&rsquo;environnement pour donner plus de vie. Ce sont tous des images g\u00e9n\u00e9r\u00e9es \u00e0 partir de shader GLSL. Finalement, j&rsquo;ai ajout\u00e9 quelques interactions simples pour rendre cela un peu plus interactif.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated zoomIn delay-100ms has-ast-global-color-4-background-color has-background is-layout-constrained wp-container-core-group-is-layout-5c951751 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<h2 class=\"wp-block-heading\"><strong>D\u00e9fi technique<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-18ebb6d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0rem;margin-bottom:0rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<p class=\"has-text-align-left animated fadeInLeft delay-200ms has-ast-global-color-2-color has-text-color has-link-color has-medium-font-size wp-elements-49155ea2608dc2867aad29184be28567\">Plusieurs difficult\u00e9s furent survenues dans la structure du code. Il ma fallut r\u00e9\u00e9crire le code plus d&rsquo;une fois au fur et \u00e0 mesure que j&rsquo;en apprenais plus sur la programmation. Ce projet commen\u00e7\u00e2t en 2024 j&rsquo;ai finit cette version en 2026. J&rsquo;ai appris beaucoup entre temps et sui d\u00e9j\u00e0 conscient de multiples fa\u00e7ons d&rsquo;am\u00e9liorer le code du projet. Il me reste encore \u00e0 am\u00e9liorer la performance, que je sais pitoyable.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-ed245469 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a05bfefa1896&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a05bfefa1896\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"931\" height=\"906\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-8.png\" alt=\"\" class=\"wp-image-1197\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-8.png 931w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-8-300x292.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-8-768x747.png 768w\" sizes=\"auto, (max-width: 931px) 100vw, 931px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a05bfefa1be1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a05bfefa1be1\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"726\" height=\"913\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-9.png\" alt=\"\" class=\"wp-image-1201\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-9.png 726w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-9-239x300.png 239w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Agrandir\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated zoomIn delay-100ms has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-5c951751 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<div class=\"wp-block-group alignwide animated zoomIn delay-100ms has-ast-global-color-5-background-color has-background is-vertical is-layout-flex wp-container-core-group-is-layout-7ee8c441 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:32px;padding-right:0px;padding-bottom:32px;padding-left:0px\">\n<h2 class=\"wp-block-heading\"><strong>Voir les poissons en action<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-18ebb6d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0rem;margin-bottom:0rem;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cables.gl\/p\/ocCn6p\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1024x670.png\" alt=\"\" class=\"wp-image-1173\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1024x670.png 1024w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-300x196.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-768x502.png 768w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1536x1004.png 1536w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image.png 1560w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/aijs-code-editor-user-content.web.app\/x1LcBxHN0qRTQJL6npSauGfom913\/Projects\/%F0%9F%90%A0_v.7\/index.html\"><img loading=\"lazy\" decoding=\"async\" width=\"933\" height=\"696\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1.png\" alt=\"\" class=\"wp-image-1175\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1.png 933w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1-300x224.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-1-768x573.png 768w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-f016c79b wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/pestobread.neocities.org\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"718\" src=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-3-1024x718.png\" alt=\"\" class=\"wp-image-1177\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-3-1024x718.png 1024w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-3-300x210.png 300w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-3-768x539.png 768w, https:\/\/glozanov.dectim.ca\/phase_zero\/wp-content\/uploads\/2026\/04\/image-3.png 1189w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contexte Le but fut de cr\u00e9er un environnement, un \u00e9tang dans lequel des poissons nagent. Le tout g\u00e9n\u00e9r\u00e9 enti\u00e8rement proc\u00e9duralement [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-578","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/pages\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/comments?post=578"}],"version-history":[{"count":21,"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/pages\/578\/revisions"}],"predecessor-version":[{"id":1345,"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/pages\/578\/revisions\/1345"}],"wp:attachment":[{"href":"https:\/\/glozanov.dectim.ca\/phase_zero\/wp-json\/wp\/v2\/media?parent=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}