Resizing images in the gallery via the engine

[Pavel8694]

Greetings to all!

I want to find out if there is any way to change the size of images in the gallery through the engine itself, using code. I understand that their size can be changed via Photoshop, but then they will decrease both on the PC version of the game and on the mobile. I would like to change their size exclusively for mobile devices, using code. I am not a programmer myself, so I cannot implement this feature.

I hope for your help and thank everyone who responds.

[m_from_space]

Depending on what you want, you can just easily use a transform like zoom or just set xsize and ysize.

Code: Select all

transform zm(z=0.5):
    zoom z

screen mygallery:
    vbox:
        add "myimage" at zm
        add "anotherimage" xsize 200 ysize 200

Another easy way would be to use the Frame() function, since it automatically resizes the containing image to the available area.
https://www.renpy.org/doc/html/displayables.html#Frame

[Pavel8694]

Depending on what you want, you can just easily use a transform like zoom or just set xsize and ysize.

Code: Select all

transform zm(z=0.5):
    zoom z

screen mygallery:
    vbox:
        add "myimage" at zm
        add "anotherimage" xsize 200 ysize 200

Another easy way would be to use the Frame() function, since it automatically resizes the containing image to the available area.
https://www.renpy.org/doc/html/displayables.html#Frame

Thank you so much for your help! I decided to use the method with xsize and ysize for now:

Code: Select all

if renpy.variant("mobile"):
    add gl.make_button("horrorending", "horrorendinggallerypreview", xalign=0.5, yalign=3.0, hover_border="images/other/frame.png") xsize 430 ysize 252
    add gl.make_button("goodending", "theendgallerypreview", xalign=0.5, yalign=3.0, hover_border="images/other/frame.png") xsize 430 ysize 252
    add gl.make_button("neutralending", "neutralendinggallerypreview", xalign=0.5, yalign=3.0, hover_border="images/other/frame.png") xsize 430 ysize 252
    add gl.make_button("neutralending2", "neutralending2gallerypreview", xalign=0.5, yalign=6.5, hover_border="images/other/frame.png") xsize 430 ysize 252
    add gl.make_button("poster", "postergallerypreview", xalign=0.5, yalign=6.5, hover_border="images/other/frame.png") xsize 430 ysize 252
    add gl.make_button("bonus", "bonusgallerypreview", xalign=0.5, yalign=6.5, hover_border="images/other/frame.png") xsize 430 ysize 252
    null

This works well, but I'll still check the method with the Frame() function.

Once again, thank you for your help. Have a nice day!