{"id":1332,"date":"2025-05-19T23:35:41","date_gmt":"2025-05-19T23:35:41","guid":{"rendered":"https:\/\/abdoubouam.com\/?p=1332"},"modified":"2025-05-19T23:35:41","modified_gmt":"2025-05-19T23:35:41","slug":"devlog-week-73-74","status":"publish","type":"post","link":"https:\/\/abdoubouam.com\/index.php\/2025\/05\/19\/devlog-week-73-74\/","title":{"rendered":"Devlog Week 73-74"},"content":{"rendered":"\n<p>This time I worked on the UI, basic character creation, lookdev, and a rhythm mini game. Here&#8217;s a detailed breakdown.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">User Interface<\/h2>\n\n\n\n<p>I started with adding NPC\/Object icons. I&#8217;m probably only going to use it for NPCs (if I end up using it at all). I thought about making a procedural\/automated system, but I think making them manually is better, because I&#8217;ll have more control the angles and lighting.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons.mp4\"><\/video><figcaption class=\"wp-element-caption\">NPC Dialog Icons<\/figcaption><\/figure>\n\n\n\n<p>With that said, I finally took time to rework the UI. The first one was an ugly placeholder. The New UI still needs some work, but it&#8217;s much better already. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/newUI_zoom-scaled.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1323&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2560,&quot;targetHeight&quot;:1675,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1257\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-1920x1257.jpg\" alt=\"\" class=\"wp-image-1323\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-1920x1257.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-300x196.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-768x503.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-1536x1005.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-2048x1340.jpg 2048w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-1000x654.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-230x151.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-350x229.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/newUI_zoom-480x314.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">Old vs New UI (zoomed in)<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Normal.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1324&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal.jpg\" alt=\"\" class=\"wp-image-1324\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/Normal-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">New UI (Full Screenshot)<\/figcaption><\/figure><\/div>\n\n\n<p>I made everything smaller, while still making sure it&#8217;s readable on smaller devices. It&#8217;s very readable on the Steam Deck&#8217;s screen (7.4&#8243;) and even on my phone (~5.9&#8243;). But I also included a high contrast, more readable font, and a bigger text for accessibility. Right now everything toggles at once, but when I make the settings menu I can toggle these individually.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/highviz_comp.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1307&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1440,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"1080\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp.jpg\" alt=\"\" class=\"wp-image-1307\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp.jpg 1440w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp-300x225.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp-768x576.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp-1000x750.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp-230x173.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp-350x263.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/highviz_comp-480x360.jpg 480w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">Accessibility option<\/figcaption><\/figure><\/div>\n\n\n<p>I also added interaction prompt icons. The default is &#8220;Talk&#8221; for NPCs and &#8220;Inspect&#8221; for everything else, but it can be changed to any image and text I want.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"840\" src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons.jpg\" alt=\"\" class=\"wp-image-1308\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons.jpg 840w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons-300x300.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons-150x150.jpg 150w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons-768x768.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons-230x230.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons-350x350.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/icons-480x480.jpg 480w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><figcaption class=\"wp-element-caption\">Interaction Prompt Icons<\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Character Creator<\/h2>\n\n\n\n<p>I finally took time to make a customization system for characters (Player and NPCs). It&#8217;s very simple : I split the character model into 4 parts : Head, Torso, Legs, feet. I also added an optional slot for hats and another for accessories (glasses, bracelets, watches&#8230;). It&#8217;s not exposed to the player as of now, I&#8217;ve only made it as a &#8220;proof of concept&#8221; and to help me make characters faster. I&#8217;ll come back to this and use proper structs with predefined parameters and all and also allow the player to change their character&#8217;s looks.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/characters.mp4\"><\/video><figcaption class=\"wp-element-caption\">Character Creator\/Configurator<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Bug Fixes<\/h2>\n\n\n\n<p>When I changed the Animation Blueprint and character models I caused 2 features to break : Look At and Mouth Viz. The first one was straightforward, but I decided to port the whole logic from Blueprints to C++ as practice. It was not at all necessary for performance reasons, as it barely consumed 10<em><strong>micro<\/strong><\/em>seconds to begin with, but it went down to 2microseconds, which is nice. But I did learn more about types and C++ programming in general, and some concepts finally made sense, especially how it handles function returns. I always assumed it was normal function returns, but it turns out any variable you pass by reference can be a node output if you want to. Basically if a variable is passed by reference and it&#8217;s not either a constant or has the modifier &#8220;UPARAM(ref)&#8221; before it then it&#8217;ll be an output. Notice how in the C++ definition below the function is a void and has no return, but &#8220;Sound&#8221; is passed by reference and therefore it appears as an output in the blueprint node.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"535\" height=\"128\" src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" class=\"wp-image-1333\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-1.png 535w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-1-300x72.png 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-1-230x55.png 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-1-350x84.png 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-1-480x115.png 480w\" sizes=\"(max-width: 535px) 100vw, 535px\" \/><figcaption class=\"wp-element-caption\">C++ Definition<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"489\" height=\"314\" src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-2.png\" alt=\"\" class=\"wp-image-1334\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-2.png 489w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-2-300x193.png 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-2-230x148.png 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-2-350x225.png 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/image-2-480x308.png 480w\" sizes=\"(max-width: 489px) 100vw, 489px\" \/><figcaption class=\"wp-element-caption\">Resulting Blueprint Node<\/figcaption><\/figure><\/div>\n\n\n<p>I also fixed the mouth sound visualization. It was previously a separate material, but to keep things simple, especially with the mesh and material variety I&#8217;ll have, I converted it into a decal that sits on top of the mesh.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/mouth_viz_fix.mp4\"><\/video><figcaption class=\"wp-element-caption\">Fixed Mouth Visualization<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Rhythm Mini Game<\/h2>\n\n\n\n<p>I talked last week about rhythm mini games. To recap, they&#8217;re small mini games you do as part of interactions with other NPCs. Things like playing hop scotch, cutting vegetables and fruit, maybe even fishing. I was going to make it in full 3D and use raycasts and all, but I had a better idea at the very last minute while I was preparing to sleep : just use an array of structs containing the following data : time, button type (up, down, left, right or action), pressed correctly, and a reference to a static mesh I used for the UI. With each tick I moved the UI static meshes according to time, and when a button is pressed I just make sure the next button I need to press is within a time range, similar to how platformers have coyote timing (eg. up to 0.1s before and 0.15s after is acceptable in medium\/easy difficulty). <\/p>\n\n\n\n<p>Another important part is the &#8220;translator&#8221;. I have the option to manually write the input sequence in the following format : &#8220;u d 3u l r s a&#8221; and it will translate to &#8220;up down up up up left right space action&#8221;. But I also made a random sequence generator.<\/p>\n\n\n\n<p>Adjusting the length, speed, and &#8220;coyote time&#8221;, as well as the sequence complexity is enough to make variable difficulty.<\/p>\n\n\n\n<p>Here&#8217;s the demo below<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/rhythm3.mp4\"><\/video><figcaption class=\"wp-element-caption\">Rhythm Mini Game Demo<\/figcaption><\/figure>\n\n\n\n<p>Later I&#8217;ll link it to other character\/object animations to reflect how well you&#8217;re doing. If you fail too much your player character will play the bad animation of hop scotch for example, but if you do well they&#8217;ll play the good one. Maybe move the hands on a guitar (somewhat) accordingly too and so on.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Art <\/h2>\n\n\n\n<p>I did some lookdev and lighting\/mood experiments for the game. Here are a few screenshots I liked (click to expand)<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev3.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1316&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1316\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3.jpg\" alt=\"\" class=\"wp-image-1316\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev3-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev4.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1317&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1317\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4.jpg\" alt=\"\" class=\"wp-image-1317\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev4-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev5.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1318&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1318\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5.jpg\" alt=\"\" class=\"wp-image-1318\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev5-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev6.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1319&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1319\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6.jpg\" alt=\"\" class=\"wp-image-1319\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev6-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev7.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1320&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1320\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7.jpg\" alt=\"\" class=\"wp-image-1320\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev7-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev8.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1321&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1321\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8.jpg\" alt=\"\" class=\"wp-image-1321\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev8-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev2.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1315&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1918,&quot;targetHeight&quot;:994,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1918\" height=\"994\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1315\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2.jpg\" alt=\"\" class=\"wp-image-1315\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2.jpg 1918w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-300x155.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-768x398.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-1536x796.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-1000x518.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-230x119.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-350x181.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev2-480x249.jpg 480w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lookdev1.jpg&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1314&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"1314\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1.jpg\" alt=\"\" class=\"wp-image-1314\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lookdev1-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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<figcaption class=\"blocks-gallery-caption wp-element-caption\">Lookdev and Lighting<\/figcaption><\/figure>\n\n\n\n<p>I took the chance to finally use lighting scenarios for lighting presets. I made a few variations : Sunrise, noon, foggy noon, sunset, night, foggy night.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lightscenarios3.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1311&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1620,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1620\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3.jpg\" alt=\"\" class=\"wp-image-1311\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-300x253.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-768x648.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-1536x1296.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-1000x844.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-230x194.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-350x295.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios3-480x405.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">Lighting Scenarios Test 1<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lightscenarios2.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1310&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1620,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1620\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2.jpg\" alt=\"\" class=\"wp-image-1310\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-300x253.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-768x648.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-1536x1296.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-1000x844.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-230x194.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-350x295.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios2-480x405.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">Lighting Scenarios Test 2<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/lightscenarios1.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1309&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1620,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1620\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1.jpg\" alt=\"\" class=\"wp-image-1309\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-300x253.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-768x648.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-1536x1296.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-1000x844.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-230x194.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-350x295.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/lightscenarios1-480x405.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">Lighting Scenarios Test 3<\/figcaption><\/figure><\/div>\n\n\n<p>I did a lot of blockout, there isn&#8217;t much worth showing individually. It&#8217;s a lot of small adjustments pretty much everywhere in the map.<\/p>\n\n\n\n<p>And as a personal\/portfolio piece I started working on a rotary hammer. It&#8217;s not much, but here&#8217;s a screenshot<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/abdoubouam.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/RotaryHammer.jpg&quot;,&quot;figureClassNames&quot;:&quot;aligncenter size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-1305&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1920,&quot;targetHeight&quot;:1080,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Enlarge image&quot;,&quot;alt&quot;:&quot;&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" 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=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer.jpg\" alt=\"\" class=\"wp-image-1305\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer.jpg 1920w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-300x169.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-768x432.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-1536x864.jpg 1536w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-1000x563.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-230x129.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-350x197.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2025\/05\/RotaryHammer-480x270.jpg 480w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge image\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.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\">Rotary Hammer WIP #1<\/figcaption><\/figure><\/div>\n\n\n<p>And finally I played some Cocoon, which I really liked. I also tried Spirit of the North 2, mostly played around with the settings, but I only really played for about 20 minutes overall. I&#8217;ll get around to play it eventually, but it&#8217;s a game I&#8217;m really invested in (I heard about it from friends). I&#8217;m a bit disappointed by the performance though, it demands high-end hardware but it looks a bit too generic and like PS4 games. It&#8217;s an indie game and I know resources are limited, but I&#8217;m used to indie games being more friendly toward PCs with lower end specs so I was a bit surprised.<br>Anyway, I am also replaying GTA San Andreas, it&#8217;s a good game, and the nostalgia of course, but it&#8217;s definitely showing its age.<\/p>\n\n\n\n<p>Anyway that&#8217;s all I have. Thanks for reading, and I hope to see you again soon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This time I worked on the UI, basic character creation, lookdev, and a rhythm mini game. Here&#8217;s a detailed breakdown. User Interface I started with adding NPC\/Object icons. I&#8217;m probably only going to use it for NPCs (if I end up using it at all). I thought about making a procedural\/automated system, but I think making them manually is better, because I&#8217;ll have more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1339,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,5],"tags":[],"_links":{"self":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/1332"}],"collection":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/comments?post=1332"}],"version-history":[{"count":5,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/1332\/revisions"}],"predecessor-version":[{"id":1340,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/1332\/revisions\/1340"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/media\/1339"}],"wp:attachment":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/media?parent=1332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/categories?post=1332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/tags?post=1332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}