This week Izzy completed all the assets so I’m now able to program them in! Below are all the assets I’ve added in.
smaller assets
Bigger assets
script
Here is where the code became a bit complex for me. So far I haven’t created an image button so trying to understand it was quite difficult for me, however there were many tutorials online which I was able to follow and learn from.
As you can see I successfully created an image button! One bug I noticed is no matter where you hover on the screen the hover state of the button shows, so this is something I will need to go back and fix but for now this is fine.
I then had to make a second image button for the text messages. I used the exact same process with the map button on this.
It worked!
Again, I needed to create another image button for the dessert hint. I used the same process again, the only difference is under dessert hint I made it say “1/4 hints unlocked”.
Final result
This is the finished result from the new script! Overall everything works great, I just need to create a more appealing start screen and have the UI moved from playtest one to this.
Problem solving
- Issue- I needed to create multiple imagw buttons for the game UI, however I had no prior experience using Ren’Py.
- Challenge- Understanding how image buttons work, especially handling their hover states and ensuring they only activate when needed.
- Solution- I searched for online tutorials and followed a youtube video, which helped me understand the structure of image buttons.
- Bug identified- Noticed that the hover state appeared regardless of the cursor position. I logged this as a fix for later so I could continue with the mandatory programming.
Next Steps:
- Add Violet dreaming scene
- Replace Violet’s current headshot with Paula’s one
- Change UI from the new project to the playtest’s one