quick menu customization [solved]

[chocoberrie]

Hello! ^_^

I have a question about the quick menu, which appears in the dialogue box by default. Is it possible to make my own quick menu using an imagemap or make the menu a part of the dialogue box but still have the individual menu items clickable, as in this example?

Any help on this would be much appreciated! Thank you! ^_^

[Crazy Li]

You certainly can!

In screens.rpy, you can customize the Quick Menu including repositioning options if you just wanted to move its location (I moved it from the bottom of the dialog box to the top for instance) or replace it entirely with an image map version. It just uses simple screen language so if you know how to do image maps, apply the same philosophy here. If you don't, I can dig up a tutorial for ya.

[chocoberrie]

You certainly can!

In screens.rpy, you can customize the Quick Menu including repositioning options if you just wanted to move its location (I moved it from the bottom of the dialog box to the top for instance) or replace it entirely with an image map version. It just uses simple screen language so if you know how to do image maps, apply the same philosophy here. If you don't, I can dig up a tutorial for ya.

Okay, great!

If I want to make the menu appear inside the dialogue box (like this), how would I go about doing that? Make an imagemap of the menu so that the ground and idle images have the dialogue box as their background?

[Marionette]

You should be able to use this code to do the image maps for your buttons, and if you want it in different positions you should be able to add in xpos and ypos arguments to move the images around.

Code: Select all

screen gui_game_menu:
     vbox xalign 1.0 yalign 1.0:
          imagebutton auto "save_%s.png" action ShowMenu('save')
          imagebutton auto "prefs_%s.png" action ShowMenu('preferences')
          imagebutton auto "skip_%s.png" action Skip()
          imagebutton auto "afm_%s.png" action Preference("auto-forward mode", "toggle")

Note: the %s assumes you have differently named images that correspond to the different states so it can pick them up automatically
eg.
save_%s.png:

save_insensitive.png
save_idle.png
save_hover.png
save_selected_idle.png
save_selected_hover.png

[chocoberrie]

You should be able to use this code to do the image maps for your buttons, and if you want it in different positions you should be able to add in xpos and ypos arguments to move the images around.

Code: Select all

screen gui_game_menu:
     vbox xalign 1.0 yalign 1.0:
          imagebutton auto "save_%s.png" action ShowMenu('save')
          imagebutton auto "prefs_%s.png" action ShowMenu('preferences')
          imagebutton auto "skip_%s.png" action Skip()
          imagebutton auto "afm_%s.png" action Preference("auto-forward mode", "toggle")

I ended up using an imagemap, because I have no idea how imagebuttons work ^^;;

With regards to your code, I got an error about action Preference("auto-forward mode", "toggle"). Ren'Py says it's "unknown." If that's the case, how can I make the "Auto" hotspot I have toggle the auto-text mode?

Thank you so much for your help!

[chocoberrie]

Nevermind, I got it to work!

I used this code:

Code: Select all

 action Preference("auto-forward", "toggle")

instead of

Code: Select all

action Preference("auto-forward mode", "toggle")

[Marionette]

Nevermind, I got it to work!

I used this code:

Code: Select all

 action Preference("auto-forward", "toggle")

instead of

Code: Select all

action Preference("auto-forward mode", "toggle")

Yeah lol, sorry about that.
Was looking at old code.

[chocoberrie]

Yeah lol, sorry about that.
Was looking at old code.

No worries! I found the newer code on the Ren'Py wiki.

[henvu50]

How do you actually change the position of the quick menu? Like move it's position on the X and Y?