New GUI interface, side image appears under textbox?

[Goldie28]

Okay firstly I'm sorry if this is in the wrong thread as I never made a question post before.
So I made side images for some of my characters in my practice game but the side images appear under the textbox? (please see attachments) How can i fix this?

[Milkymalk]

Did you mess with the say screen?

Code: Select all

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

    window:
        id "window"

        if who is not None:

            window:
                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

This is what it looks like by default. As the side image is added after the rest of the screen, it should be on top.

[Goldie28]

I'm not sure where the say screen even is? is it in options?

[Milkymalk]

No, in screens.

[Goldie28]

my screens is untouched, looks exactly like what you quoted. How come my side image sprites still appear under the textbox?

[Milkymalk]

I honestly have no idea ... did you customize anything else? Anything at all, no matter what?

[Goldie28]

I only customized the height of the text box a few times, as far as I remember. Everything else I'm not an expert with coding so i try not to touch unless i find a code in the forums that work 100%

[Donmai]

Are you defining and showing them as side images https://www.renpy.org/doc/html/side_ima ... ide-images
or are you simply using the show command to display them?

[Goldie28]

Are you defining and showing them as side images https://www.renpy.org/doc/html/side_ima ... ide-images
or are you simply using the show command to display them?

I think I am defining the images as side images if this is what you mean (see picture below)

here's how I put them into the game but they still show up under the textbox

2.jpg (13.12 KiB) Viewed 2521 times

3.jpg (13.06 KiB) Viewed 2521 times

[Donmai]

I believe the problem is the show statement you are using to display the images. Try including the image in your character definition. There's an example on the documentation:

Code: Select all

define e = Character("Eileen", image="eileen")

[Goldie28]

I adjusted the definitions as you suggested

and tried to show statement regularly

5.jpg (23.36 KiB) Viewed 2512 times

but this entirely just shows nothing even though I typed the defined image exactly the way I saved it, so it just shows this (kana is on the right in the photo to show how neither sprite appears)

what am I doing wrong??

[Katz_Drawings]

The "image" modifier for defining a character is to track a character's side image, not to define what the image is.
So, your code should be:

Code: Select all

define Yuki = Character("Yukio", image="yuki")
define kana = Character("Kanae",image="kana")
define tsugu = Character("Tsugumi",image="tsugu")

image Yuki = "koyukio.png"
image kana = "Kanae.png"

image side kana = "Kana side.png"
image side tsugu = "tsugumi.png"

To show the side images, that character has to be speaking, so like:

Code: Select all

Yuki "hi" #this would show no side image
kana "hello" #this would show kana's side image
tsugu "hi" #this would show tsugumi's side image

Don't use the "show" statement to show side images.

[Goldie28]

Thank you! It worked, but what about scenes where the speaking side character shouldn't be shown? For example in my script, character Kana is in her room while the view is the hallway outside her room, so the screen shows her son Yukio approaching her room.

I would like to hide the side image of Kana during her first line, then show her when the scene changes to her room when she says "what's wrong" and yada

[SelLi]

Thank you! It worked, but what about scenes where the speaking side character shouldn't be shown? For example in my script, character Kana is in her room while the view is the hallway outside her room, so the screen shows her son Yukio approaching her room.
8.jpg

I would like to hide the side image of Kana during her first line, then show her when the scene changes to her room when she says "what's wrong" and yada

I'm not very good at code either, but you might just want to have two separate variables for Kana: one with a side image and one without one. That way you can just go between the two as you like.

[Goldie28]

I did that and it's satisfactory, but now my problem is that I would like the side sprite to stay on the screen whether the side sprite is talking or not, and only disappear when necessary such as the character leaves the room or until the scene ends. Also, is there possible ways of adding transitions to a side image? I'd most likely use only the shake effect and dissolve onto/out of screen.