-
%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.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23797979%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(120.67978%20311.13104%20-324.85222%20126.00187%201034%2069.6)%22%2F%3E%3Cpath%20fill%3D%22%233b3b3b%22%20fill-opacity%3D%22.5%22%20d%3D%22M1741.4%20843.4L-99.4%20824.2%209.6-99.4z%22%2F%3E%3Cellipse%20fill%3D%22%233c3c3c%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-200.43328%20-71.37108%20237.53014%20-667.06212%201473.4%20479.3)%22%2F%3E%3Cellipse%20fill%3D%22%233e3e3e%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(225.52157%20147.01566%20-126.7759%20194.47384%20454.7%20143.6)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
PDA part 1 – interface
Adventure creator has support for objective lists and documents. I figured why not integrate them into the game as well? The player could be able to receive some text messages like in Cyberpunk 2077 and have a list of to-do’s for keeping the objective clear.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23902147%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-6.1%204593.3%20-7398)%20scale(407.27139%20192.48383)%22%2F%3E%3Cellipse%20fill%3D%22%23000f0a%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-1297.59747%20995.68155%20-127.9279%20-166.71889%201333.7%20792.3)%22%2F%3E%3Cellipse%20fill%3D%22%23000f0a%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-344.7309%204.1896%20-1.42758%20-117.46503%203.2%20746.5)%22%2F%3E%3Cpath%20fill%3D%22%23000d09%22%20fill-opacity%3D%22.5%22%20d%3D%22M1733.3-177l94.3%20484.9-283.4%2055-94.2-484.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Maglev transit system
Way back when I did the maglev scene, it was just a scene void of any connection to anything in the game. I just knew I needed one so I made it. Now I returned to the scene to add the transit functionality to it that it required.
















