-
%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%23070707%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-14.5%201779.2%20-465.6)%20scale(293.53478%20464.7174)%22%2F%3E%3Cellipse%20fill%3D%22%237d7d7d%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-183.15089%2081.87382%20-146.5556%20-327.84335%20763.7%2052.8)%22%2F%3E%3Cellipse%20fill%3D%22%23818181%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-64.1976%2086.68257%20-135.5245%20-100.3702%201556%2073.5)%22%2F%3E%3Cellipse%20fill%3D%22%23818181%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(74.4%20320.8%201458.3)%20scale(197.50236%20146.86533)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Accessibility options
I am big into accessibility. It was now finally time to get started on accessibility options for Echoes of Somewhere.
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%23393939%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(20.47745%2043.68235%20-69.4637%2032.56325%20135.7%2042.5)%22%2F%3E%3Cellipse%20cx%3D%2220%22%20cy%3D%22123%22%20rx%3D%2250%22%20ry%3D%22246%22%2F%3E%3Cellipse%20fill%3D%22%23585858%22%20cx%3D%22113%22%20cy%3D%2253%22%20rx%3D%2222%22%20ry%3D%2222%22%2F%3E%3Cellipse%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(198.03048%20-69.34929%2012.4906%2035.66755%20178.2%20122.2)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Preparing for demo release
The beginning part of the game has been almost ready for release as a short demo for quite a while. But it was missing some polish that I am working on now.
-
%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%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.
-
%22%20transform%3D%22translate(3.2%203.2)%20scale(6.41406)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%236b5a60%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(4.37758%20-21.46508%2067.3998%2013.74548%20137.3%202.6)%22%2F%3E%3Cellipse%20cx%3D%22204%22%20cy%3D%22110%22%20rx%3D%22127%22%20ry%3D%2223%22%2F%3E%3Cellipse%20cy%3D%2262%22%20rx%3D%2251%22%20ry%3D%2263%22%2F%3E%3Cellipse%20fill%3D%22%23282929%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-4.67861%20-37.56216%20101.0803%20-12.59022%20159.9%2053.6)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
UI systems
Creating the UI for an adventure game is a fun little bite sized challenge I enjoy doing. The UI for Echoes of Somewhere is finally finding its groove.
-
%22%20transform%3D%22translate(3.9%203.9)%20scale(7.79297)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22gray%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(167%2068.8%2043.6)%20scale(40.89333%2020.28189)%22%2F%3E%3Cellipse%20fill%3D%22%230b0b0b%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-98.2%20172.9%20-35)%20scale(33.03348%20118.78942)%22%2F%3E%3Cellipse%20fill%3D%22%23080808%22%20cx%3D%2281%22%20cy%3D%228%22%20rx%3D%22106%22%20ry%3D%2213%22%2F%3E%3Cpath%20fill%3D%22%23090909%22%20d%3D%22M-32.5%20128l39-55.7%2068%2047.7-39%2055.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
Creating a steam page
I have never created a Steam page for a game before. I have made some art assets for one, but I never did the actual setup. Now it was time to learn.
-

Adding life to a simple 2D scene
The 2D locations can feel pretty static. Especially when there are no other characters around. But I want these scenes to be full of movement and life. Luckily the cyberpunk setting allows me to add all sorts of secondary movement into the frame!
















