{"id":511,"date":"2024-05-13T16:35:48","date_gmt":"2024-05-13T16:35:48","guid":{"rendered":"https:\/\/abdoubouam.com\/?p=511"},"modified":"2024-05-13T22:47:35","modified_gmt":"2024-05-13T22:47:35","slug":"devlog-week-21","status":"publish","type":"post","link":"https:\/\/abdoubouam.com\/index.php\/2024\/05\/13\/devlog-week-21\/","title":{"rendered":"Devlog Week 21"},"content":{"rendered":"\n<p>Another week another Devlog. There isn&#8217;t much to show off this week, a lot of it is related to NPC stories and the story of the game, which I obviously won&#8217;t spoil, but here&#8217;s a short summary<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Story writing<\/h2>\n\n\n\n<p>All I can say is that I have a draft for the main NPCs that progress the story, and also another draft for the major events of the game, which is about 80% done for now. I think once I figure that out, it will be easier to add the &#8220;side&#8221; content, which is more about the community and the characters and things like that, like a slice of life kind of storytelling. My aim is to make the character and world building meaningful and also enjoyable on its own, and not just something I&#8217;d to to make the story\/gameplay appear longer than it really is. The game shouldn&#8217;t overstay its welcome just for what I consider a meaningless metric.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">NPC Interaction<\/h2>\n\n\n\n<p>I added three simple features to the interaction system : <\/p>\n\n\n\n<p>1- UI : I made a UI for the interaction text. I wanted it to feel like an 80&#8217;s command-line program, but mainly orange, and with some scanlines. I used a font that resembles the MS-DOS font and simplistic square borders.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-1024x613.jpg\" alt=\"\" class=\"wp-image-506\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-1024x613.jpg 1024w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-300x180.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-768x460.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-1000x599.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-230x138.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-350x210.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font-480x288.jpg 480w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/font.jpg 1337w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Interaction UI<\/figcaption><\/figure><\/div>\n\n\n<p>2- Delay: add an option to delay the interaction a little bit before loading the next line. This can be useful for example to let an animation play before loading the next line, or simply to control the cadence of a conversation.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/test20-delay.mp4\"><\/video><figcaption class=\"wp-element-caption\">Interaction Delay<\/figcaption><\/figure>\n\n\n\n<p>3- Pitch modifier : it makes the pitch of the interaction sound higher or lower. It can be used in conjunction with text, punctuation, and character facial expressions and movements to convey emotions better.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/test21-pitch-modifier.mp4\"><\/video><figcaption class=\"wp-element-caption\">Pitch Modifier<\/figcaption><\/figure>\n\n\n\n<p>4- Text Highlight : I made some changes to the UI and replaced the Text object with a Rich Text object, since that supports more features. I chose some colorblindness-friendly colors, so even if they don&#8217;t look the same way, they&#8217;re at least distinct enough from the rest.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" data-id=\"507\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-1024x694.jpg\" alt=\"\" class=\"wp-image-507\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-1024x694.jpg 1024w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-300x203.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-768x521.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-1000x678.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-230x156.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-350x237.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character-480x325.jpg 480w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_character.jpg 1232w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Highlighted Character<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" data-id=\"508\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-1024x694.jpg\" alt=\"\" class=\"wp-image-508\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-1024x694.jpg 1024w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-300x203.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-768x521.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-1000x678.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-230x156.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-350x237.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object-480x325.jpg 480w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/highlighted_object.jpg 1232w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Highlighted Object<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>It&#8217;s still not fully implemented, because it displays &#8220;Text with a &lt;Highlight_Object&gt;Highlighted Object&lt;\/&#8221; before it reads the last character &#8220;&gt;&#8221; and becomes &#8220;<strong>highlighed object<\/strong>&#8220;. I&#8217;ll leave this for future me to solve.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-1024x605.jpg\" alt=\"\" class=\"wp-image-516\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-1024x605.jpg 1024w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-300x177.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-768x454.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-1000x591.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-230x136.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-350x207.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded-480x283.jpg 480w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/bug_not_fully_loaded.jpg 1331w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Bug while the text isn&#8217;t fully loaded. That&#8217;s a problem for future me.<\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Accessibility<\/h2>\n\n\n\n<p>I want to think in advance about accessibility and not just leave it as a afterthought. The design of the game, being text-based, means there will be no issues with hearing impairment.<\/p>\n\n\n\n<p>Visually, I&#8217;ve thought about color blindness, low vision, and dyslexia. For colorblindness, I will try to keep any necessary visual cues visible to the players. I got lucky with my art direction and the choice of using predominantly the orange color, because apparently it&#8217;s very color blind-friendly. I also made sure the highlight colors were readable enough. I was initially going to use Cyan and Blue for objects and NPCs, respecitively, but I found them hard to read for some types of color blindness, so I adjusted them to be brighter. And while it&#8217;s not easy to distinguish sometimes between an object highlight and an NPC highlight, I don&#8217;t think it&#8217;s going to give any kind of disadvantage, as long as it&#8217;s at least highlighted<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"432\" src=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-1024x432.png\" alt=\"\" class=\"wp-image-517\" style=\"width:742px;height:auto\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-1024x432.png 1024w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-300x127.png 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-768x324.png 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-1000x422.png 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-230x97.png 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-350x148.png 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2-480x202.png 480w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/image-2.png 1188w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Test with a Color Blindness Filters<\/figcaption><\/figure><\/div>\n\n\n<p>For low vision and dyslexia, I added an option to toggle between the artistic style I want, and between a higher contrast and larger text. I thought fonts like OpenDyslexia helped, but studies show no actual benefits, and using a sans serif font is a better alternetive. I chose Cascadia Mono for that.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-1024x613.jpg\" alt=\"\" class=\"wp-image-505\" srcset=\"https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-1024x613.jpg 1024w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-300x180.jpg 300w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-768x460.jpg 768w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-1000x599.jpg 1000w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-230x138.jpg 230w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-350x210.jpg 350w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font-480x288.jpg 480w, https:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/05\/alternative_font.jpg 1337w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Alternative high-readability UI<\/figcaption><\/figure><\/div>\n\n\n<p>Other than that, I did some basic blockout of houses, then tested The Grove, a blender add-on for making trees, and I liked how quick and flexible it is. I studied a few models and scenes from a pack I bought from Leartes Studios too. I also read a bit about Unreal Engine, things like event dispatches, game instance, player state, game mode, and also watched a few videos about save files.<\/p>\n\n\n\n<p>That&#8217;s it for week 21. I&#8217;ll try to get some more blockouts of environments this coming week, and maybe even some more story writing and implement more features.<\/p>\n\n\n\n<p>See you next week!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Another week another Devlog. There isn&#8217;t much to show off this week, a lot of it is related to NPC stories and the story of the game, which I obviously won&#8217;t spoil, but here&#8217;s a short summary Story writing All I can say is that I have a draft for the main NPCs that progress the story, and also another draft for the major [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":513,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/511"}],"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=511"}],"version-history":[{"count":4,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/511\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/511\/revisions\/520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/media\/513"}],"wp:attachment":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/media?parent=511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/categories?post=511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/tags?post=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}