how to move side image from behind the dialogue box to the front

[Grumpy]

Hello again, I managed to fix the image dimensions to an acceptable ratio but when i use them they end behind the dialogue box. According to the documentation the side images should always display to the front by default so im bamboozled as i didnt change anything. I have latest renpy and using jedit.

Any idea what i m doing wrong? At first i thought the problem was that i made the image transparent.But i used another one and the same thing happens.

tldr how to bring joker costume in front of dialogue window

[gas]

You probably added some kind of strange function/callback and these are not counted as side images anymore, but normal images (I guess it was for that change size issue).
What exactly you did (w code, please).

[Remix]

Likely you've changed screens.rpy > screen say

Components of the screen are drawn in the order they are written...

Code: Select all

screen say(who, what):
    style_prefix "say"
    
    # An image here is behind everything

    window:
        id "window"

        ## If you add an image here it will appear behind the text and namebox

        if who is not None:

            window:
                id "namebox"
                style "namebox"
                text who id "who"

        text what id "what"

        ## Images added here or below and outside the window: container appear in front

    # The default one is here

    if not renpy.variant("small"):
        add SideImage() xalign 0.0 yalign 1.0

[Grumpy]

Hey, my part of the renpy screens looks like this

screen say(who, what):
style_prefix "say"

window:
id "window"

if who is not None:

window:
id "namebox"
style "namebox"
text who id "who"

text what id "what"


## If there's a side image, display it above the text. Do not display on the
## phone variant - there's no room.
if not renpy.variant("small"):
add SideImage() xalign 0.0 yalign 1.0


## Make the namebox available for styling through the Character object.
init python:
config.character_id_prefixes.append('namebox')

As for the resize i did it with gimp,just cropped the image till it got smaller so as to not mess with renpy.Heres my code for the sideimage

image p happy = "side_herohappy1d.png"

and later down the line i say

show p happy at left

btw everything i write is in the scripts tab of jedit,am i supposed to write-declare images in the image section?

[Remix]

That is NOT a side image

Just define it as

image side p happy = "side_herohappy1d.png"
# note the 'side' in there

and do not show it... it will automatically appear if the attribute is set

You could likely do with reading (or re-reading) about side images:
https://renpy.org/doc/html/side_image.html

[Grumpy]

adding side in there i get this now which i dont even find in my images folder oO and its still behind the dialogue box.edit to say i found this image in where my renpy program is installed in the common folder in placeholders.no idea why it pops in my game

[rayminator]

this the proper way to make a side image

Code: Select all

define b = Character("Kira", image="kira")

image side kira = "images/char/kira.png"

if you want to use a large image you need to change this to large

Code: Select all

if not renpy.variant("small"): to if not renpy.variant("large"):

[Grumpy]

Finally found it,at least it works for me. What i did was "show p happy at left onlayer overlay"

Now my image is indeed ontop of the dialogue box. I tried to declare a new layer but either the documentation is too old or jedit just doesent let you change it. So if anyone is using jedit and wants image of hero to be in front of dialogue box this above method works