Otomejam week 5: Tutorial Imagebuttons Interactive screens Renpy

[@sadbo1hours102]

little tip: if you didnt want to position the image in-script you can save the full image (as in the image sprite which is positioned on a canvas which uses the full game resolution, not cropped down just to the sprite's size) and then use 'focus_mask True' when putting it in an imagebutton block to make the image only be intractable etc. in the filled pixels (i.e. where there is no transparency) i do this because i am very lazy lol and i hate wasting time pixel perfecting positions cus it can get very annoying if you draw all the elements in one file and want them to be in very specific positions in relation to one another x( you don't need to put focus_mask True for every hover and idle, it can be used for 1 block and it covers that whole block's interactivity btw! so each block would have a focus_mask True statement at the end of its block or before the action statement for the button

[@EchoBlossom123]

Ohhh I'd be careful when it comes to focus_mask True 's-- enough of them can tank performance >< -- it really is worth cropping everything as it also helps a game's file size out !(better for people with slower internet/computers) There's also scripts for getting a layer's positioning on a canvas too! For Jen's game, I didn't position anything in the (room) screen(s) by manually working out the co-ordinates, I just used a PS script to work it all out for me (specifically bronzehedwick's export layer coordinates photoshop script)

[@coffeedripstudios]

Hi sadbo1hours102, Thanks for adding your tips! Appreciate it!

[@gokcetunc1476]

Aaa the art is amazing and ı see that game is really detailed with all those clinking choices ^^ character's art are so cute too!! Im really excited to play the game :3

[@coffeedripstudios]

Hi gokcetunc1476, Thank you so much! I hope that it ends up being fun for you. please let me know if you do happen to give it a try.

[@ascendingfates5783]

Thanks for the video! It’s really nice to see updates on your game ~ and seeing the process behind it is really awsome!

[@coffeedripstudios]

hi ascendingfates5783, thanks for following my progress. I'm excited to share the finished game at the end of the month

[@aalaarehman8283]

Thank you so much for this tutorial!! I'm so excited to play your game, and this has been a huge help for me :-) Once again, thank you!!

[@coffeedripstudios]

Thanks for the suggestion! Glad you found it helpful. best wishes

[@efai]

Hi Jen, 1:04 - it's the same for me.. I don't remember a lot of things, so I mostly just copy previous things I've already done, because honestly, there's no point in reinventing the wheel every time you do something you've already done before.. 5:42 - I never declare any variables for any image unless it's an animation or a movie.. if you name your images appropriately it makes no sense and is even pointless to declare them as variables.. you're basically just taking up memory for no good reason.. the naming of your images is fine, so you can delete all the variables you created in the video and the project will still behave the same, try it and see.. 14:10 - you can right-click in the left panel (on an empty space or on a folder, if you want to create a file in a folder) and select "New File..." and then just name it.. another method is to click on File (in the top menu) and select "New File..." (it also showing a shortcut next to "New File..." option and you can change this shortcut as well) 20:54 - this literally made me laugh :D "we don't want that there", probably because of the voice :D and a great name for this kind of thing would be "transparent" or "invisible" also some quality of life tips.. you can skip words with ctrl + left/right arrow (it also works with shift like ctrl + shift + left/right arrow to select whole words and also with backspace or delete like ctrl + backspace/delete deletes whole word).. when you select a word with the mouse (or shift + left/right arrow) and then click ctrl + D, multiple pointers to the same word you selected will be created in the file, and you can rename/delete that word in the whole file just by typing it once.. when creating/renaming a file, if you click the right/down arrow your pointer jumps to the end instead of the beginning of the file, so you don't have to go through so many letters.. and if you want to rename a file/folder, just click on it and press F2, it will automatically select the full file name except the extension (.rpy), so you can type and rename it right away.. I hope this helps and makes your process more enjoyable : )

[@coffeedripstudios]

Hi Efai, Thank you again for all your useful advice!

[@verme0001]

Thank you very much for this magnificent tutorial! ❤

[@coffeedripstudios]

thanks verme0001 thats a very generous compliment LOL but I hope you found it helpful

[@andreaslarsen5120]

I'll have to thank you for showing me how to do a imagebutton !❤ I've been struggeling with making my characters clickable for soo long.. I even tried to get help from chatGpt wich didnt work for some reason!