{"id":2172,"date":"2024-01-13T18:00:00","date_gmt":"2024-01-13T17:00:00","guid":{"rendered":"https:\/\/stephanekraus.com\/?p=2172"},"modified":"2024-09-30T14:05:08","modified_gmt":"2024-09-30T12:05:08","slug":"crossingtheabyssalcave-topographiccave","status":"publish","type":"post","link":"https:\/\/stephanekraus.com\/fr\/crossingtheabyssalcave-topographiccave\/","title":{"rendered":"Une grotte sans fin avec un rendu topographique"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_89b211-cf, .wp-block-kadence-advancedheading.kt-adv-heading2172_89b211-cf[data-kb-block=\"kb-adv-heading2172_89b211-cf\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_89b211-cf mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_89b211-cf[data-kb-block=\"kb-adv-heading2172_89b211-cf\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_89b211-cf img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_89b211-cf[data-kb-block=\"kb-adv-heading2172_89b211-cf\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_89b211-cf wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_89b211-cf\">Time for another test! I really like these watercolors where you see a mountainous landscape, clearly marked by a simple gradient of color. If I mix this with the aesthetics of a topographical map (which I quite like lately), I think I can get an interesting visual to explore.<\/p>\n\n\n<style>.kb-row-layout-id2172_71c805-3e > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2172_71c805-3e > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2172_71c805-3e > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(40% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)))minmax(0, calc(60% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)));}.kb-row-layout-id2172_71c805-3e > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2172_71c805-3e > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2172_71c805-3e > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2172_71c805-3e alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2172_57c6e2-06 > .kt-inside-inner-col,.kadence-column2172_57c6e2-06 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_57c6e2-06 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_57c6e2-06 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_57c6e2-06 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_57c6e2-06 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_57c6e2-06{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_57c6e2-06 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_57c6e2-06 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_57c6e2-06\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_7f9afd-50 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2172_7f9afd-50 size-large\"><a href=\"https:\/\/fr.freepik.com\/vecteurs-libre\/fond-montagnes-bleues-aquarelle_22379972.htm\" class=\"kb-advanced-image-link\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-1024x683.webp\" alt=\"Image de Freepik\" class=\"kb-img wp-image-2211\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-1024x683.webp 1024w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-300x200.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-768x512.webp 768w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-1536x1024.webp 1536w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-2048x1365.webp 2048w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_watercolor-18x12.webp 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column2172_7c2071-02 > .kt-inside-inner-col,.kadence-column2172_7c2071-02 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_7c2071-02 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_7c2071-02 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_7c2071-02 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_7c2071-02 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_7c2071-02{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_7c2071-02 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_7c2071-02 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_7c2071-02\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_45b7b1-f1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2172_45b7b1-f1 size-large\"><a href=\"https:\/\/www.rei.com\/learn\/expert-advice\/topo-maps-how-to-use.html\" class=\"kb-advanced-image-link\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_topoexemple-1024x484.webp\" alt=\"\" class=\"kb-img wp-image-2192\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_topoexemple-1024x484.webp 1024w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_topoexemple-300x142.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_topoexemple-768x363.webp 768w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_topoexemple-18x8.webp 18w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_topoexemple.webp 1150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_3ec450-f5, .wp-block-kadence-advancedheading.kt-adv-heading2172_3ec450-f5[data-kb-block=\"kb-adv-heading2172_3ec450-f5\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_3ec450-f5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_3ec450-f5[data-kb-block=\"kb-adv-heading2172_3ec450-f5\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_3ec450-f5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_3ec450-f5[data-kb-block=\"kb-adv-heading2172_3ec450-f5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_3ec450-f5 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_3ec450-f5\">So how am I going to generate and modify my landscapes on Unity? Let&#8217;s start with the basics. An object is represented by a mesh, i.e. a set of triangles arranged together in 3D, to give us an impression of volume. And to create these triangles, all we need to do is to make a matrix of points, which will be connected one by one. Add an extra step of attention here to the orientation, as only one face of these triangles will be able to project a texture and be visible (we don&#8217;t want any holes in our objects).<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_9d751b-0a, .wp-block-kadence-advancedheading.kt-adv-heading2172_9d751b-0a[data-kb-block=\"kb-adv-heading2172_9d751b-0a\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_9d751b-0a mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_9d751b-0a[data-kb-block=\"kb-adv-heading2172_9d751b-0a\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_9d751b-0a img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_9d751b-0a[data-kb-block=\"kb-adv-heading2172_9d751b-0a\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_9d751b-0a wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_9d751b-0a\">Repeat these steps until we have a plan, and by playing with each point\u2019s elevation, we can create our terrain! Knowing that I can retrieve this elevation from a heightmap, measuring it from the color of each pixel, I can simply draw the shape of my terrain in advance. I&#8217;m not inventing anything here. I just follow a lot of Youtube videos, like a good student (e.g<em>.<\/em> <a href=\"https:\/\/www.youtube.com\/watch?app=desktop&amp;v=eJEpeUH1EMg\" target=\"_blank\" rel=\"noreferrer noopener\">mesh generation<\/a> and <a href=\"https:\/\/www.youtube.com\/watch?app=desktop&amp;v=64NblGkAabk\" target=\"_blank\" rel=\"noreferrer noopener\">procedural terrain<\/a>).<\/p>\n\n\n<style>.kb-row-layout-id2172_3b9bcb-39 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2172_3b9bcb-39 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2172_3b9bcb-39 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(30% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)))minmax(0, calc(70% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)));}.kb-row-layout-id2172_3b9bcb-39 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2172_3b9bcb-39 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2172_3b9bcb-39 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2172_3b9bcb-39 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2172_f1d929-fe > .kt-inside-inner-col,.kadence-column2172_f1d929-fe > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_f1d929-fe > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_f1d929-fe > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_f1d929-fe > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_f1d929-fe > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_f1d929-fe{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_f1d929-fe > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_f1d929-fe > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_f1d929-fe\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_5be6ec-59 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_5be6ec-59\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_heightmap.webp\" alt=\"\" class=\"kb-img wp-image-2230\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_heightmap.webp 600w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_heightmap-300x300.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_heightmap-150x150.webp 150w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_heightmap-12x12.webp 12w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column2172_be0d35-d6 > .kt-inside-inner-col,.kadence-column2172_be0d35-d6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_be0d35-d6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_be0d35-d6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_be0d35-d6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_be0d35-d6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_be0d35-d6{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_be0d35-d6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_be0d35-d6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_be0d35-d6\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_87434d-1c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2172_87434d-1c size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"257\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_meshslice.webp\" alt=\"\" class=\"kb-img wp-image-2185\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_meshslice.webp 600w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_meshslice-300x129.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_meshslice-18x8.webp 18w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_993c6e-d6, .wp-block-kadence-advancedheading.kt-adv-heading2172_993c6e-d6[data-kb-block=\"kb-adv-heading2172_993c6e-d6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_993c6e-d6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_993c6e-d6[data-kb-block=\"kb-adv-heading2172_993c6e-d6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_993c6e-d6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_993c6e-d6[data-kb-block=\"kb-adv-heading2172_993c6e-d6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_993c6e-d6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_993c6e-d6\">Now, mastering the concept, it&#8217;s up to me to modify the parameters, make my own terrains, and why not cut them up like ham? To get a better idea of the visual, I model a small submarine, quickly code its movement mechanics, and let&#8217;s go to test it.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_23cad4-4e, .wp-block-kadence-advancedheading.kt-adv-heading2172_23cad4-4e[data-kb-block=\"kb-adv-heading2172_23cad4-4e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_23cad4-4e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_23cad4-4e[data-kb-block=\"kb-adv-heading2172_23cad4-4e\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_23cad4-4e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_23cad4-4e[data-kb-block=\"kb-adv-heading2172_23cad4-4e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_23cad4-4e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_23cad4-4e\">Not bad! I can see that clean separation and color gradation. I even have a bit of fun and give a futuristic look with my neon green textures, normally used in the editor.<\/p>\n\n\n<style>.kb-row-layout-id2172_5db1de-a6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2172_5db1de-a6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2172_5db1de-a6 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(50% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)))minmax(0, calc(50% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)));}.kb-row-layout-id2172_5db1de-a6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2172_5db1de-a6 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2172_5db1de-a6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2172_5db1de-a6 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2172_18be65-7c > .kt-inside-inner-col{display:flex;}.kadence-column2172_18be65-7c > .kt-inside-inner-col,.kadence-column2172_18be65-7c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_18be65-7c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_18be65-7c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column2172_18be65-7c > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column2172_18be65-7c{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_18be65-7c{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_18be65-7c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column2172_18be65-7c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_18be65-7c{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column2172_18be65-7c{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_18be65-7c{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_18be65-7c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column2172_18be65-7c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column2172_18be65-7c{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_18be65-7c{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_18be65-7c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column2172_18be65-7c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_18be65-7c\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_060e3a-44 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_060e3a-44\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovement.webp\" alt=\"\" class=\"kb-img wp-image-2298\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovement.webp 600w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovement-300x169.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovement-18x10.webp 18w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column2172_936b1d-21 > .kt-inside-inner-col{display:flex;}.kadence-column2172_936b1d-21 > .kt-inside-inner-col,.kadence-column2172_936b1d-21 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_936b1d-21 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_936b1d-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column2172_936b1d-21 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column2172_936b1d-21{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_936b1d-21{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_936b1d-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column2172_936b1d-21 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_936b1d-21{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column2172_936b1d-21{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_936b1d-21{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_936b1d-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column2172_936b1d-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column2172_936b1d-21{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_936b1d-21{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_936b1d-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column2172_936b1d-21 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_936b1d-21\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_e10744-ea .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_e10744-ea\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovementfutur.webp\" alt=\"\" class=\"kb-img wp-image-2296\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovementfutur.webp 600w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovementfutur-300x169.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_testmovementfutur-18x10.webp 18w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_76a4dd-0e, .wp-block-kadence-advancedheading.kt-adv-heading2172_76a4dd-0e[data-kb-block=\"kb-adv-heading2172_76a4dd-0e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_76a4dd-0e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_76a4dd-0e[data-kb-block=\"kb-adv-heading2172_76a4dd-0e\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_76a4dd-0e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_76a4dd-0e[data-kb-block=\"kb-adv-heading2172_76a4dd-0e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_76a4dd-0e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_76a4dd-0e\">Moving forward, I can improve the prototype a little, give it a bit of atmosphere! To make my life easier, I added a few customization options for generating my terrain tiles. I need to be able to easily change the size of the elevation upwards, downwards too to make the ceiling, define the heightmap that will be taken into account here, or the depth distance between each slice, and so on.<\/p>\n\n\n<style>.kb-image2172_348610-58 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_348610-58\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-1024x666.webp\" alt=\"\" class=\"kb-img wp-image-2204\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-1024x666.webp 1024w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-300x195.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-768x500.webp 768w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-1536x1000.webp 1536w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-2048x1333.webp 2048w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_customcave-18x12.webp 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_13527f-bc, .wp-block-kadence-advancedheading.kt-adv-heading2172_13527f-bc[data-kb-block=\"kb-adv-heading2172_13527f-bc\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_13527f-bc mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_13527f-bc[data-kb-block=\"kb-adv-heading2172_13527f-bc\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_13527f-bc img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_13527f-bc[data-kb-block=\"kb-adv-heading2172_13527f-bc\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_13527f-bc wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_13527f-bc\">With all these codes, I can arrange my tiles to form a cave. And thanks to a little magic trick involving teleporting the player backwards when he exceeds a certain distance, he&#8217;s now trapped in an infinite one!<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_28f86c-f0, .wp-block-kadence-advancedheading.kt-adv-heading2172_28f86c-f0[data-kb-block=\"kb-adv-heading2172_28f86c-f0\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_28f86c-f0 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_28f86c-f0[data-kb-block=\"kb-adv-heading2172_28f86c-f0\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_28f86c-f0 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_28f86c-f0[data-kb-block=\"kb-adv-heading2172_28f86c-f0\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_28f86c-f0 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_28f86c-f0\">To make a comfy experience, I add an interface, a bit of sound, work on the lighting and refine the movements, and voil\u00e0! I&#8217;m really enjoying it and I&#8217;m pretty happy with myself! I really feel like I&#8217;m lost in the abyss. This graphic adds mystery to the horizon, and the illumination of the surfaces close to my submarine gives me that topographical effect from my terrain.<\/p>\n\n\n<style>.kb-image2172_614ac1-c3 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_614ac1-c3\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/crossingtheabyssalcave_vignette.webp\" alt=\"\" class=\"kb-img wp-image-2164\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/crossingtheabyssalcave_vignette.webp 640w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/crossingtheabyssalcave_vignette-300x169.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/crossingtheabyssalcave_vignette-18x10.webp 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_544d44-f6, .wp-block-kadence-advancedheading.kt-adv-heading2172_544d44-f6[data-kb-block=\"kb-adv-heading2172_544d44-f6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_544d44-f6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_544d44-f6[data-kb-block=\"kb-adv-heading2172_544d44-f6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_544d44-f6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_544d44-f6[data-kb-block=\"kb-adv-heading2172_544d44-f6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_544d44-f6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_544d44-f6\">However, I forgot one little detail. The meshes only project their textures in one direction. So if I turn around, I can&#8217;t see anything&#8230; So, a bit more work is needed if I want to progress in one direction and another in these tunnels.<\/p>\n\n\n<style>.kb-image2172_7c4db3-a6.kb-image-is-ratio-size, .kb-image2172_7c4db3-a6 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2172_7c4db3-a6.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2172_7c4db3-a6 .kb-image-is-ratio-size{align-self:unset;}.kb-image2172_7c4db3-a6 figure{max-width:600px;}.kb-image2172_7c4db3-a6 .image-is-svg, .kb-image2172_7c4db3-a6 .image-is-svg img{width:100%;}.kb-image2172_7c4db3-a6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_7c4db3-a6\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"525\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_emptyness.webp\" alt=\"\" class=\"kb-img wp-image-2245\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_emptyness.webp 947w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_emptyness-300x166.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_emptyness-768x426.webp 768w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_emptyness-18x10.webp 18w\" sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2172_93f671-a1, .wp-block-kadence-advancedheading.kt-adv-heading2172_93f671-a1[data-kb-block=\"kb-adv-heading2172_93f671-a1\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_93f671-a1 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_93f671-a1[data-kb-block=\"kb-adv-heading2172_93f671-a1\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_93f671-a1 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_93f671-a1[data-kb-block=\"kb-adv-heading2172_93f671-a1\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading2172_93f671-a1 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2172_93f671-a1\">But after all, I approve of the prototype! It makes me want to keep working on it. Later, I&#8217;ll create real levels, with a beginning and an end, where players have to find their way out. Perhaps with an oxygen limit? Of course, I&#8217;d also have to add some decoration, a bit of life and some little fish! And finally, it would be nice to be able to emerge from the depths, to breathe a little and reward the exploration. In the meantime, I&#8217;d love you to <a href=\"https:\/\/space-krokett.itch.io\/crossing-the-abyssal-cave\" target=\"_blank\" rel=\"noreferrer noopener\">try out my prototype<\/a>!<\/p>\n\n\n<style>.kb-image2172_6f44bd-b5.kb-image-is-ratio-size, .kb-image2172_6f44bd-b5 .kb-image-is-ratio-size{max-width:600px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2172_6f44bd-b5.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2172_6f44bd-b5 .kb-image-is-ratio-size{align-self:unset;}.kb-image2172_6f44bd-b5 figure{max-width:600px;}.kb-image2172_6f44bd-b5 .image-is-svg, .kb-image2172_6f44bd-b5 .image-is-svg img{width:100%;}.kb-image2172_6f44bd-b5:not(.kb-image-is-ratio-size) .kb-img, .kb-image2172_6f44bd-b5.kb-image-is-ratio-size{padding-bottom:var(--global-kb-spacing-md, 2rem);}.kb-image2172_6f44bd-b5 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image2172_6f44bd-b5\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_arise-1024x570.webp\" alt=\"\" class=\"kb-img wp-image-2194\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_arise-1024x570.webp 1024w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_arise-300x167.webp 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_arise-768x427.webp 768w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_arise-18x10.webp 18w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/topographiccave_arise.webp 1442w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em><strong>What&#8217;s to be learned? <\/strong><\/em><\/p>\n<cite><strong><strong>It&#8217;s a good tip to take inspiration from what\u2019s around you. You could find some good ideas.<\/strong><\/strong><\/cite><\/blockquote>\n\n\n<style>.kb-row-layout-id2172_7a32ad-76 > .kt-row-column-wrap{align-content:end;}:where(.kb-row-layout-id2172_7a32ad-76 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:end;}.kb-row-layout-id2172_7a32ad-76 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-sm, 1rem);row-gap:var(--global-kb-gap-sm, 1rem);padding-top:0px;padding-bottom:0px;grid-template-columns:minmax(0, calc(75% - ((var(--global-kb-gap-sm, 1rem) * 1 )\/2)))minmax(0, calc(25% - ((var(--global-kb-gap-sm, 1rem) * 1 )\/2)));}.kb-row-layout-id2172_7a32ad-76 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2172_7a32ad-76 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id2172_7a32ad-76 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2172_7a32ad-76 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-bottom\">\n<style>.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{display:flex;}.kadence-column2172_a8a331-e4 > .kt-inside-inner-col,.kadence-column2172_a8a331-e4 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-end;}.kadence-column2172_a8a331-e4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column2172_a8a331-e4{align-self:flex-end;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_a8a331-e4{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-end;}.kadence-column2172_a8a331-e4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_a8a331-e4{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column2172_a8a331-e4{align-self:flex-end;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_a8a331-e4{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-end;}}@media all and (max-width: 1024px){.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-end;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column2172_a8a331-e4{align-self:flex-end;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_a8a331-e4{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-end;}.kadence-column2172_a8a331-e4 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-end;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_a8a331-e4\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n<style>.kadence-column2172_e91694-26 > .kt-inside-inner-col,.kadence-column2172_e91694-26 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_e91694-26 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_e91694-26 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_e91694-26 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_e91694-26 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_e91694-26{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_e91694-26 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_e91694-26 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_e91694-26\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id2172_c01365-4d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id2172_c01365-4d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id2172_c01365-4d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-sm, 1rem);row-gap:var(--global-kb-gap-sm, 1rem);padding-top:0px;padding-bottom:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id2172_c01365-4d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id2172_c01365-4d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id2172_c01365-4d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id2172_c01365-4d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col,.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_f5e9e8-f3{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_f5e9e8-f3 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_f5e9e8-f3\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26, .wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26[data-kb-block=\"kb-adv-heading2172_ca83a2-26\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26[data-kb-block=\"kb-adv-heading2172_ca83a2-26\"]{display:flex;gap:0.25em;align-items:center;}.wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26[data-kb-block=\"kb-adv-heading2172_ca83a2-26\"] .kb-adv-heading-icon svg{width:1em;height:1em;}.wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26[data-kb-block=\"kb-adv-heading2172_ca83a2-26\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2172_ca83a2-26[data-kb-block=\"kb-adv-heading2172_ca83a2-26\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style><h6 class=\"kt-adv-heading2172_ca83a2-26 wp-block-kadence-advancedheading kt-adv-heading-has-icon\" data-kb-block=\"kb-adv-heading2172_ca83a2-26\"><span class=\"kb-adv-text-inner\">Posted from<\/span><span class=\"kb-svg-icon-wrap kb-adv-heading-icon kb-svg-icon-ic_redo kb-adv-heading-icon-side-right\"><svg viewBox=\"0 0 8 8\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M3.5 0c-1.93 0-3.5 1.57-3.5 3.5 0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v.5h-1l2 2 2-2h-1v-.5c0-1.93-1.57-3.5-3.5-3.5z\" transform=\"translate(0 1)\"\/><\/svg><\/span><\/h6><\/div><\/div>\n\n\n<style>.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col,.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column2172_5e9b4f-f8{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_5e9b4f-f8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_5e9b4f-f8\"><div class=\"kt-inside-inner-col\"><style>.kadence-column2172_581262-ae > .kt-inside-inner-col{box-shadow:0px 0px 14px 0px var(--global-palette3, #1A202C);}.kadence-column2172_581262-ae > .kt-inside-inner-col,.kadence-column2172_581262-ae > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column2172_581262-ae > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column2172_581262-ae > .kt-inside-inner-col{flex-direction:column;}.kadence-column2172_581262-ae > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column2172_581262-ae > .kt-inside-inner-col{background-image:url('https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/crossingtheabyssalcave_vignette.webp');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kadence-column2172_581262-ae > .kt-inside-inner-col:before{opacity:0.3;background-image:url('https:\/\/stephanekraus.com\/wp-content\/uploads\/2023\/12\/empty_playandwrite.png');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kadence-column2172_581262-ae:hover > .kt-inside-inner-col:before{opacity:0.9;}.kadence-column2172_581262-ae:hover > .kt-inside-inner-col:before{background-image:url('https:\/\/stephanekraus.com\/wp-content\/uploads\/2024\/01\/crossingtheabyssalcave_title.png');background-size:cover;background-position:50% 90%;background-attachment:scroll;background-repeat:no-repeat;}.kadence-column2172_581262-ae{position:relative;}@media all and (max-width: 1024px){.kadence-column2172_581262-ae > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column2172_581262-ae > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column2172_581262-ae kb-section-has-link kb-section-has-overlay\"><div class=\"kt-inside-inner-col\"><style>.kb-image2172_302dac-43.kb-image-is-ratio-size, .kb-image2172_302dac-43 .kb-image-is-ratio-size{max-width:150px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2172_302dac-43.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2172_302dac-43 .kb-image-is-ratio-size{align-self:unset;}.kb-image2172_302dac-43{max-width:150px;}.image-is-svg.kb-image2172_302dac-43{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2172_302dac-43 img{width:100%;}.kb-image2172_302dac-43 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2172_302dac-43 size-full kb-image-is-ratio-size\"><div class=\"kb-is-ratio-image kb-image-ratio-square\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"396\" src=\"http:\/\/stephanekraus.com\/wp-content\/uploads\/2023\/11\/Empty.png\" alt=\"\" class=\"kb-img wp-image-1300\" srcset=\"https:\/\/stephanekraus.com\/wp-content\/uploads\/2023\/11\/Empty.png 704w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2023\/11\/Empty-300x169.png 300w, https:\/\/stephanekraus.com\/wp-content\/uploads\/2023\/11\/Empty-18x10.png 18w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/div><\/figure>\n<\/div><a href=\"https:\/\/stephanekraus.com\/project-crossingtheabyssalcave\/\" class=\"kb-section-link-overlay\"><\/a><\/div>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Apr\u00e8s une petite recherche sur comment g\u00e9n\u00e9rer et modifier des maillages dans Unity,  me voil\u00e0 perdu, au fin fond de l\u2019oc\u00e9an, dans une cave infinie \u2026<\/p>","protected":false},"author":1,"featured_media":2300,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[44],"tags":[42],"class_list":["post-2172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devlog","tag-crossing-the-abyssal-cave"],"_links":{"self":[{"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/posts\/2172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/comments?post=2172"}],"version-history":[{"count":87,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/posts\/2172\/revisions"}],"predecessor-version":[{"id":2446,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/posts\/2172\/revisions\/2446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/media\/2300"}],"wp:attachment":[{"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/media?parent=2172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/categories?post=2172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephanekraus.com\/fr\/wp-json\/wp\/v2\/tags?post=2172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}