Showing and Positioning Side Images

[TwylaMarie]

Hi there. I'm very new to Ren'Py, and I'm trying to figure out how to position side images. I've gotten the image to actually show up by using this code:

The image overlaps the text, so I adjusted the padding. It fixes the overlap, but it does so by moving the text instead of the image. For all I know, that's what it's supposed to do, but I'd rather move the image itself further to the left.

Here's what it looks like with the number set to 170:

And here it is set to 400:

(I'm sorry about the ugly stick figures. I wanted to figure out how Ren'Py actually works before putting effort into actual sprites).

Any advice would be greatly appreciated.

[Qlara]

'padding' is free space within an element, in this case 'window', so if you increase 'window_left_padding', all elements inside the window move to the right.
To align your sprite with the left border you could delete your 'window_left_padding' and use

Code: Select all

image side Testsprite = "side_testspritething4"
    xalign 0.0 
    #and more position— or zoom parameters here

You can position your text with 'what_xpos = 100' (or whatever value) inside the brackets of your t definition and the character name position with 'who_ypos = ...'

[xavimat]

I'm not sure Qlara's code will work. SideImage is already positioned at xalign 0.0, and the colon is missing.
Your image is not to the left, I guess, because it contains transparent space at the left of it. If so, crop it.
If not, you can move it to the left with xoffset:

Code: Select all

image side Testsprite:
    "side_testspritething4"
    xoffset -100