Custom screen Change background

[kully00000]

I have been learning how to use Ren'Py for about half a week now and have ran into some trouble regarding changing the background of my custom screens...

I am only able to change the background of the main menu and the game menu but not any of the other screens (for example the about, preferences, save/load, history... as well as my own)
More specifically, I have a character screen in my game which will display all of the names of the characters the PC has met. The only thing I am stuck on is changing the background.XD

Could someone PLEASE explain to me how I could change backgrounds of the other screens as well as my own?
Thank you,

[kivik]

To directly change the background of a screen, you need to look at the screen code for that specific screen.

To figure out what you need to do in the future, check out this page first: https://www.renpy.org/doc/html/style_properties.html

Under each heading you'll find different type of style properties you can change, and we can find background under Window Style Properties: https://www.renpy.org/doc/html/style_pr ... properties

As it states, you can use window style properties on windows, frames and buttons, so those are the elements of your screen that you want to change. In this case it's most likely the highest level window of your menu screens.

With background you can specify an image, a colour, a Frame() (stretches with your element) or None.

To apply it you look at your screen code, for example if you're changing the window, you can either put it after the element on the same line, or embed it underneath as a block. Since window and frames are typically blocks already, you may as well put them underneath within the block:

Code: Select all

window:
    background "images/my_custom_background.png"
    # what goes inside your window.

Hope this helps, come back if you need more help on it

[xavimat]

I'd suggest a more simple approach.
Don't call it "background" call it "how can I add an image in a screen?”. Use "add" to put an image. If the image is the first thing you put in the screen and it fits the entire screen, it does the same function as the background and you don't need to use "window" or styles.

Code: Select all

 screen test ():
     add "my_background.jpg"
     vbox:
         # more stuff

[kully00000]

Thank you both of you that worked!

Have a good day