-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%2308080a%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(85.8%2092.4%20164.4)%20scale(81.1248%2024.8929)%22%2F%3E%3Cellipse%20fill%3D%22%2308080a%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(3.87143%20-53.84713%2031.38141%202.25622%206%2035.8)%22%2F%3E%3Cellipse%20fill%3D%22%235b6f00%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(18.46014%20-20.20037%2017.73425%2016.20647%2073.1%200)%22%2F%3E%3Cellipse%20fill%3D%22%23474749%22%20cx%3D%22126%22%20cy%3D%22112%22%20rx%3D%22103%22%20ry%3D%22103%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Simple camera controller+
I had created a very simple camera controller for the city hall interior scene. But it was not very usable in other scenes. So I rewrote the code and made it universal and a lot easier to use!
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%23080808%22%20cy%3D%2257%22%20rx%3D%2212%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M81%2057h13v5H81z%22%2F%3E%3Cellipse%20fill%3D%22%23414141%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(132.1%2066.4%20103)%20scale(174.70193%20113.78382)%22%2F%3E%3Cellipse%20fill%3D%22%23414141%22%20cx%3D%2246%22%20cy%3D%2253%22%20rx%3D%2236%22%20ry%3D%22255%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Animated hotspot icons
I was working on the Steam Deck compatibility of the game this week and the main pain point was the hotspots. As I was fixing the code, I decided to try to make the hotspots animated!
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23121212%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(95.1%2082.4%20739.2)%20scale(173.33343%201635.58583)%22%2F%3E%3Cellipse%20fill%3D%22%23a6a6a6%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-208.1349%20-329.8833%20291.75375%20-184.07762%201065.7%2092.6)%22%2F%3E%3Cellipse%20fill%3D%22%23a0a0a0%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-520.3421%2018.23612%20-5.11397%20-145.91995%20251.2%20100.7)%22%2F%3E%3Cellipse%20fill%3D%22%231b1b1b%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(166.6737%20148.50085%20-183.54512%20206.00652%201605%20631)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
City hall scene exterior 3D modeling (city hall part 4)
This scene is a bit different from your basic scene, as it has a lot of traffic and a functional maglev system. So this is actually a replacement scene for the maglev station when you travel to the city hall.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23787777%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-58%20884%20-559.1)%20scale(870.22992%20215.33669)%22%2F%3E%3Cellipse%20fill%3D%22%23010101%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(243.58614%20190.39303%20-802.07611%201026.16477%203.2%20515.6)%22%2F%3E%3Cellipse%20fill%3D%22%230a0a0a%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-207.84923%20-45.31846%2081.44893%20-373.55854%201515%20513.5)%22%2F%3E%3Cellipse%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(100.9024%2099.1565%20-140.862%20143.34221%2039.7%20385)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Cloth Sim
It was always my goal to use cloth sim on the character. The hair, the small pouch and the jacket just screamed to be made dynamic.
-
%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!)
-
%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.
-

Home location – part 2: combining the scenes
In part 1, we used Midjourney and Photoshop to create the 2D locations, Now it is time to merge them together – in 3D.
-

AI generated, animated logo
Naturally the project also needed an AI generated animated logo! I used Midjourney to create the logo and After Effects to add in the text and handle the animation.
-
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23b3747d%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(76.5%20312%20767.8)%20scale(895.16941%20411.54715)%22%2F%3E%3Cellipse%20fill%3D%22%23000c07%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-309.32378%20111.42576%20-600.40083%20-1666.7443%20249.2%20834.3)%22%2F%3E%3Cellipse%20fill%3D%22%23d17f76%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(148.7%20400.1%20225)%20scale(192.74208%20388.32413)%22%2F%3E%3Cellipse%20fill%3D%22%2346605c%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-412.26038%20-293.87012%20158.14204%20-221.85208%20735.6%20738.8)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
AI powered fluid simulations
I took an upcoming AI powered fluid simulation tool for a test dive to see if it would allow me to add realistic, interactive smoke to the game.
















