How to make an "Extra gallery" menu?

[yoni_]

Hello! It's me again~

I wanted to ask how to make an extra menu that will contain (gallery, music room, mini game, character bio, and after ending, so on) I know how to make screens but I don't know how to put a screen in another screen. Like this https://drive.google.com/open?id=0B1d6V ... XQyT1VNNWM

(Yes, I will be using image button not the staggered tempt gui)

Please someone help! I tried everything I could and couldn't find anything!

[Divona]

You mean as click on one of the imagebutton and then show another screen?

Code: Select all

screen extra():

    ## This ensures that any other menu screen is replaced.
    tag menu

    hbox:
        imagebutton auto "gallery_%s.png" action ShowMenu("gallery")
        imagebutton auto "music_room_%s.png" action ShowMenu("music_room")
        ## And so on...
        . . .

screen gallery():
    tag menu
    . . .

screen music_room():
    tag menu
    . . .

[yoni_]

You mean as click on one of the imagebutton and then show another screen?

Code: Select all

screen extra():

    ## This ensures that any other menu screen is replaced.
    tag menu

    hbox:
        imagebutton auto "gallery_%s.png" action ShowMenu("gallery")
        imagebutton auto "music_room_%s.png" action ShowMenu("music_room")
        ## And so on...
        . . .

screen gallery():
    tag menu
    . . .

screen music_room():
    tag menu
    . . .

Thank you! but how do I define the image buttons place?

[Divona]

Thank you! but how do I define the image buttons place?

I have no idea what do you mean by "define" here. As in define image to use in imagebutton, or do you asking about the position of the imagebutton?

[yoni_]

Thank you! but how do I define the image buttons place?

I have no idea what do you mean by "define" here. As in define image to use in imagebutton, or do you asking about the position of the imagebutton?

Yep that's what I meant ^^

[Divona]

I'm still confused, so I might as well give you both answer...

You can start of by reading about Imagebutton in Ren'Py documentation.

Imagebutton takes both image file and image displayable. So both ways would work fine.

Code: Select all

    imagebutton idle "gallery_idle.png" action ShowMenu("gallery")

Or

Code: Select all

image gallery_button_idle = "gallery_idle.png"

screen extra():
    . . .
    imagebutton idle "gallery_button_idle" action ShowMenu("gallery")

If you read about Imagebutton in Ren'Py documentation, you would notice that this screen object takes:
- Common Properties
- Position Style Properties
- Window Style Properties
- Button Style Properties

So we're looking at Position Style Properties here to place the Imagebutton to where you want on screen. You can choose to use either "xalign and yalign" or "xpos and ypos". So to put this Imagebutton in the middle of the screen, it would be:

Code: Select all

    imagebutton auto "gallery_%s.png" xalign 0.5 yalign 0.5 action ShowMenu("gallery")

[yoni_]

I'm still confused, so I might as well give you both answer...

You can start of by reading about Imagebutton in Ren'Py documentation.

Imagebutton takes both image file and image displayable. So both ways would work fine.

Code: Select all

    imagebutton idle "gallery_idle.png" action ShowMenu("gallery")

Or

Code: Select all

image gallery_button_idle = "gallery_idle.png"

screen extra():
    . . .
    imagebutton idle "gallery_button_idle" action ShowMenu("gallery")

If you read about Imagebutton in Ren'Py documentation, you would notice that this screen object takes:
- Common Properties
- Position Style Properties
- Window Style Properties
- Button Style Properties

So we're looking at Position Style Properties here to place the Imagebutton to where you want on screen. You can choose to use either "xalign and yalign" or "xpos and ypos". So to put this Imagebutton in the middle of the screen, it would be:

Code: Select all

    imagebutton auto "gallery_%s.png" xalign 0.5 yalign 0.5 action ShowMenu("gallery")

Thank you so much!! I finally got it to work! I am done with the music room and the gallery~