{"id":872,"date":"2025-05-10T22:26:55","date_gmt":"2025-05-10T22:26:55","guid":{"rendered":"https:\/\/sites.wsagames.com\/sl1c22\/?p=872"},"modified":"2025-09-30T10:39:25","modified_gmt":"2025-09-30T10:39:25","slug":"inventory-system","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/sl1c22\/2025\/05\/10\/inventory-system\/","title":{"rendered":"Inventory System"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

I actually built the inventory system before working on the ESC key system. Back then, I faced the same issue\u2014interactions from the game screen overlapping with the inventory UI. I spent an entire afternoon struggling with it, trying all sorts of approaches, but couldn\u2019t find a solution at the time. <\/p>\n\n\n\n

I referred to some tutorial videos, but I found that even when I copied their code exactly, differences in other settings made the code unusable in my project. These scripts ended up being discarded. Once I realized they wouldn\u2019t work due to compatibility issues, I turned my attention back to Fungus and began exploring how to recreate the effect using only its built-in features.<\/p>\n\n\n\n

I decided to build the inventory system by combining the object clicked command with fade to view command.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Open Inventory and Close Inventory Commands<\/strong><\/h2>\n\n\n\n
\n

When the player clicks the Inventory icon, Fungus executes the following commands.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n
\n

In Scene: 5.2_Basement, I added commands to hide the icons for the UV Flashlight and Fingerprint Powder tools.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n

The command for closing the inventory and returning to the main game screen” ended up being more complex. Since there’s no way to know which item the player might have clicked before choosing to return, I made sure to hide all item images and description sprites when the inventory is closed.<\/p>\n\n\n\n

Similar to the Esc system, returning from the inventory screen to the main game also required handling multiple game views. In Scenes 3.2_Hallway and 5.2_Basement, I faced the challenge of adding and managing multiple variables to handle this properly.<\/p>\n\n\n\n

\n

The command for closing the inventory is in Scene: 3.2_Hallway.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n

In Scene 5.2, the number of investigable items increased, and all previously collected evidence was also stored in the inventory. As a result, more sprites needed to be turned off when closing the inventory, making the “close inventory” command in Scene 5.2 the longest one in the entire game.<\/p>\n\n\n\n

\"\"
This is only half of the \u201cclose inventory\u201d command in Scene 5.2. The other half is almost identical, except that it returns the player to a different game view, so I won\u2019t include it here.<\/strong><\/figcaption><\/figure>\n\n\n\n

“Next Page” and “Last Page” Commands<\/strong><\/h2>\n\n\n\n

In Scene 5.2, there were too many items to fit into a single inventory page, so I added “Last Page” and “Next Page” commands.<\/p>\n\n\n\n

After I initially set up the page-switching system, I ran into an issue: the “Next Page” command worked well, and the “Last Page” command also worked fine when returning from page two to page one. However, when I tried to go from page three back to page one, things broke\u2014the items from page one and page two overlapped with each other.<\/p>\n\n\n\n

\"\"<\/figure>
\n

These are some notes I took while trying to sort out the logic. Honestly, I can\u2019t really understand what I wrote anymore, but somehow, it all worked out in the end.<\/p>\n<\/div><\/div>\n\n\n\n

\"\"
The final “Next Page” commands.<\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
The final “Last Page” commands.<\/strong><\/figcaption><\/figure>\n\n\n\n

“Object Clicked” Commands<\/strong> in the Inventory<\/strong><\/h2>\n\n\n\n

All items follow the same logic: hide the other item images and descriptions on the same page, then display the selected item\u2019s UI and description.<\/p>\n\n\n\n

\n

This is an example of an object clicked in the inventory.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n

At first, I used the “Wait Until Finished” option for the “fade in sprite” command. However, during showcase testing, I realized that players were clicking on different items much faster than I expected, which caused item descriptions to overlap. So, I unchecked that option and increased the “fade in” speed. Although this sacrificed the smooth, gradual reveal effect, it better matched the actual pace of player interaction.<\/p>\n\n\n\n

Among all the items (evidence), only one behaves differently, Rose’s Drawing. That\u2019s because it contains a hidden piece of information, and the player can only obtain this new evidence by clicking on the drawing.<\/p>\n\n\n\n

This is the command sequence for when the player clicks on Rose\u2019s Drawing. On the first interaction, a prompt appears. To prevent repetition, this prompt is disabled on subsequent clicks.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Here are the commands for the newly unlocked evidence, Laura\u2019s Message. Just like with Rose\u2019s Drawing, I used a variable to make sure the prompt only appears once and doesn\u2019t repeat on subsequent interactions.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Items and in the Inventory<\/strong><\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"
The text on this deed is actually an excerpt from the myth of Oedipus. Since I wasn\u2019t sure how to write the actual deed and thought researching it would be too complicated, I copied a passage from the myth and blurred it, so no one can tell what I really wrote.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Discarded Script<\/strong><\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\n