-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%239b9b9b%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-76.8%2086.1%20-80)%20scale(62.34303%2051.46513)%22%2F%3E%3Cellipse%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(38.08663%2018.70018%20-87.87033%20178.9654%20233.6%2099.6)%22%2F%3E%3Cellipse%20cx%3D%2236%22%20cy%3D%22123%22%20rx%3D%2240%22%20ry%3D%2226%22%2F%3E%3Cellipse%20fill%3D%22%23c4c4c4%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(20.36092%20-9.90873%2011.09%2022.78823%20152.4%200)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Using Midjourney for game locations (city hall part 1)
Sometimes these locations require more art direction. More specific features. In these cases, a lot more work is required. Here is a breakdown for how to direct Midjourney for game locations using itโs vary region and pan / zoom out features.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23c8c8c8%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(43.8%20561.5%201408.7)%20scale(250.70881%20434.18043)%22%2F%3E%3Cellipse%20fill%3D%22%23040404%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-202.87324%20-46.60854%20311.59958%20-1356.30124%20296.8%20211.9)%22%2F%3E%3Cellipse%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-53.5%201406.4%20-1229.7)%20scale(325.4643%20220.92844)%22%2F%3E%3Cellipse%20fill%3D%22%23737373%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-148.7422%20-513.44069%20186.21727%20-53.94657%20904%20507.4)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Building a Puzzle
Building Adventure Game Puzzles is fun. This is a very complete breakdown of creating a bathroom scene with its puzzle in under 2 days! (Spoiler alert!)
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%238c8d88%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-105.6%20124.8%20-74.8)%20scale(39.60219%2067.59678)%22%2F%3E%3Cellipse%20fill%3D%22%23060606%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(.04338%2042.96184%20-165.13947%20.16673%20128%20123)%22%2F%3E%3Cellipse%20fill%3D%22%23848484%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-9.70892%2061.48213%20-49.79415%20-7.86321%2045.1%206.3)%22%2F%3E%3Cellipse%20fill%3D%22%23181818%22%20cx%3D%22117%22%20cy%3D%22101%22%20rx%3D%2240%22%20ry%3D%2240%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
New teaser trailer
The original teaser trailer I did way back started to look a bit dated with old character, locations and UI, so it was time for a new trailer!
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cpath%20fill%3D%22%23fdfdfd%22%20d%3D%22M78.4-33.2l27%2063.5-105.8%2045-27-63.6z%22%2F%3E%3Cellipse%20fill%3D%22%233d3d3d%22%20cx%3D%22222%22%20cy%3D%22119%22%20rx%3D%22135%22%20ry%3D%22135%22%2F%3E%3Cellipse%20fill%3D%22%23939393%22%20cx%3D%2289%22%20cy%3D%2234%22%20rx%3D%2240%22%20ry%3D%2240%22%2F%3E%3Cellipse%20fill%3D%22%23a4a4a4%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-4.91144%20-25.53947%2017.98718%20-3.45907%20247%2075.7)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Custom post-process effect: Anamorphic Bloom
Anamorphic bloom is for sure the most cyberpunk aesthetic there is. I wanted to use it as a use case for learning how to create post process materials for Unity URP. This post explains the process.
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%23cecece%22%20cx%3D%22215%22%20cy%3D%2216%22%20rx%3D%22100%22%20ry%3D%2252%22%2F%3E%3Cellipse%20fill%3D%22%23191919%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(234.14731%20100.99523%20-22.83957%2052.95125%20105.7%20123)%22%2F%3E%3Cellipse%20fill%3D%22%23e9e9e9%22%20cx%3D%22237%22%20cy%3D%226%22%20rx%3D%2229%22%20ry%3D%2218%22%2F%3E%3Cellipse%20fill%3D%22%230a0a0a%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(87.7036%2013.42054%20-4.66404%2030.4796%201.3%20106.6)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Using AI as inspiration for UI design
All throughout the project, I have been slightly tweaking the UI from time to time. Now that I have a better understanding of the functionality of the UI, a more polished look and feel begun to creep into my mind.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cpath%20fill%3D%22%23877d80%22%20fill-opacity%3D%22.5%22%20d%3D%22M594.5%20781.8l615.7-1066.5%20305.5%20176.4L900%20958.2z%22%2F%3E%3Cellipse%20fill%3D%22%230c0d0c%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(111.3%2016%20181.7)%20scale(1635.58581%20266.7246)%22%2F%3E%3Cellipse%20fill%3D%22%23090a09%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(201.1592%20-502.93733%20229.51147%2091.7974%201553.3%20578.2)%22%2F%3E%3Cellipse%20fill%3D%22%23c94e78%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-132.29924%2022.13239%20-13.22771%20-79.07039%201291.4%2031)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Rendering custom shadows with URP shader graph & apartment ext location
As I upgraded the render pipeline for the game, I noticed that my custom shadow rendering shaders turned pink. It was time to transition from custom HLSL shading for the environments to a more modern shader graph based approach.
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20cx%3D%2254%22%20cy%3D%22123%22%20rx%3D%2262%22%20ry%3D%2262%22%2F%3E%3Cellipse%20fill%3D%22%23bbc4c8%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-35.37116%2017.03288%20-29.03578%20-60.29684%20242.2%2024)%22%2F%3E%3Cellipse%20fill%3D%22%23e27d3a%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(29.257%2062.9224%20-40.30222%2018.7393%2039%200)%22%2F%3E%3Cellipse%20fill%3D%22%23252d32%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(27.40548%20-49.34658%2054.63044%2030.33996%20132.8%20104.3)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Additional effects for the apartment scene
I have been working on the apartment for absolutely forever! I have begun to approach this room as a vertical slice for the game. This post is about some of the features I added this week: simulated cool air mist and fluorescent light flicker.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23666%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-4.5%206557.3%20-14127.3)%20scale(217.1166%20771.1909)%22%2F%3E%3Cellipse%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-264.79359%20-100.37367%20181.9702%20-480.05162%20515.8%20569)%22%2F%3E%3Cellipse%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(238.41396%2019.24451%20-50.19206%20621.81302%20553.6%20705)%22%2F%3E%3Cpath%20fill%3D%22%23787878%22%20fill-opacity%3D%22.5%22%20d%3D%22M1042.3%20708.8L1209%20394.5l-186-243.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Footstep Audio
I have actually never before done footstep audio set for a game. I wanted the system to be able to play audio from animation events and work on multiple different surfaces. Read how I ended up doing it.
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%23715a4f%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-155.60814%20-73.19743%2013.27971%20-28.23093%20241.3%2073.4)%22%2F%3E%3Cellipse%20fill%3D%22%23060b0d%22%20cx%3D%22117%22%20cy%3D%22123%22%20rx%3D%22112%22%20ry%3D%2238%22%2F%3E%3Cellipse%20fill%3D%22%23912a07%22%20cx%3D%22239%22%20cy%3D%2263%22%20rx%3D%2233%22%20ry%3D%2230%22%2F%3E%3Cellipse%20fill%3D%22%23030b0c%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-40.19786%20-18.22071%2012.77855%20-28.19156%2039.5%204.6)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
UI audio groundwork
For a while now I have been laying the foundations for UI audio for the game. This was more involved than I thought.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cpath%20fill%3D%22%23404040%22%20fill-opacity%3D%22.5%22%20d%3D%22M272.6%20721.6h166.8V792H272.6zm389.2-566.3l37.4%2059.8-136%2085-37.3-59.8zm742.7%20500.6l56.3-13%2027.4%20118.7-56.2%2013zM875.5%20542l-160.3%2032%20211.6-121.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
PDA Part 2 – notifications
Now that I had stuff tucked away hidden in the PDA I wanted to let the player know of these a little bit. So I decided to do a simple on screen notify when new To-Do list items are added or then new messages arrive.
















