Posters and ads<\/figcaption><\/figure>\n\n\n\nI made a shader that scrolls through these ads and also randomizes based on world position, and then combined it with stationary lights into a a reusable blueprint to make life easier.<\/p>\n\n\n\n
The following video shows the effects. I made the decals switch really fast and also in front of your eyes just for demonstration. The effect will be toned down significantly, to be mostly unnoticeable, unless you’re actually looking.<\/p>\n\n\n\n<\/video>Scrolling Posters + Decals<\/figcaption><\/figure>\n\n\n\nEnvironment and props<\/h2>\n\n\n\n I made a new shiny floor tiles material to satisfy the crow part of my brain, and also added an accent color, which helped improve the look of the scene significantly. As usual, the material is very dynamic, I can control the colors from the material properties, and also pick which mask I want (checker, larger checker, diagonal lines…etc)<\/p>\n\n\n
\n
\n\t\t\t\n\t\t\t\tShiny Tiles Material<\/figcaption><\/figure><\/div>\n\n\nHere is the before and after<\/p>\n\n\n\n\n\n\t\t\t\n\t\t\t\tbefore<\/figcaption><\/figure>\n\n\n\n\n\t\t\t\n\t\t\t\tafter<\/figcaption><\/figure>\n<\/figure>\n\n\n\nSome performance tests were in order, to make sure the scene is optimized enough for the target hardware, which is the SteamDeck.<\/p>\n\n\n\n
Overall, the performance is really good, I am getting 65+ FPS at the native resolution without any form of upscaling, overclocking, frame reconstruction…etc. I could get the framerate up to 80-90 with some minor visual differences (mainly no volumetric fog), and I’m sure I’ll be able to optimize further if I spend more time on it, so I don’t think performance will be an issue here or in similar environments.<\/p>\n\n\n\n\n\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\tPerformance Tests<\/figcaption><\/figure>\n\n\n\nOne issue I had with baked lighting was stationary light shadows, because they were too sharp and not at all soft, and that was not the art direction I wanted to take. I found that switching to Virtual Shadow Maps can fix the issue and get better looking shadows, but when I tried that it practically cut my FPS in half, so that was certainly unacceptable. I looked further and I found an option called “Use Area Shadows for Stationary Lights” in the light properties, and it made baked stationary shadows act the way I wanted them to. It was a bit misleading, because I thought that option was limited to just rect\/area lights, but it also works with point lights. That fixed both the visual and performance issue, and I’m glad I didn’t have to make a compromise.<\/p>\n\n\n\n\n\n\t\t\t\n\t\t\t\tShadow Maps with Area Shadows<\/figcaption><\/figure>\n\n\n\n\n\t\t\t\n\t\t\t\tVirtual Shadow Maps<\/figcaption><\/figure>\n<\/figure>\n\n\n\nOverall, A lot of time was “wasted” trying to understand the issues produced by GPU Lightmass. One of them was the sharp shadows I explained above, but also crashes, which I eventually realized only happen when the FPS counter is enabled, and seams between objects, which were solved by increasing the lightmap size, increasing the sample count and GI bounce quality, sometimes even disabling denoising.<\/p>\n\n\n\n
Props<\/h2>\n\n\n\n Finally, I made a couple bathroom props and put them in a random corridor just to make sure everything reads ok. The entire station is a mess right now, because it’s just an asset zoo and test environment, but I’ll make sure to tidy things up and make sure everything makes sense.<\/p>\n\n\n\n\n\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\tBathroom props<\/figcaption><\/figure>\n\n\n\nHere are some more screenshots of the train station<\/p>\n\n\n\n\n\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t<\/video>Dream Effect (high intensity)<\/figcaption><\/figure>\n\n\n\nThat’s all for this week. I’ll work more on finishing a (rudimentary) demo soon, I have already written the interaction script and character details. Thanks for reading, and I hope to see you again next week!<\/p>\n","protected":false},"excerpt":{"rendered":"
I took a few days off to visit family last week, and I didn’t feel like I had enough to share, so I compiled the notes for two weeks instead. Most of the time was spent making props and graphics for the train station. Here’s a list: Decals and fake ads I started with some decals and fake ads and posters to populate the […]<\/p>\n","protected":false},"author":1,"featured_media":696,"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\/702"}],"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=702"}],"version-history":[{"count":3,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"predecessor-version":[{"id":706,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/posts\/702\/revisions\/706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/media\/696"}],"wp:attachment":[{"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abdoubouam.com\/index.php\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"http:\/\/abdoubouam.com\/wp-content\/uploads\/2024\/06\/decals.jpg\")