New GUI interface, side image appears under textbox?

Discuss how to use the Ren'Py engine to create visual novels and story-based games. New releases are announced in this section.
Forum rules
This is the right place for Ren'Py help. Please ask one question per thread, use a descriptive subject like 'NotFound error in option.rpy' , and include all the relevant information - especially any relevant code and traceback messages. Use the code tag to format scripts.
Message
Author
Goldie28
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

New GUI interface, side image appears under textbox?

#1 Post by Goldie28 » Wed Jul 26, 2017 12:27 pm

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?
screenshot0008.png
screenshot0007.png

User avatar
Milkymalk
Miko-Class Veteran
Posts: 747
Joined: Wed Nov 23, 2011 5:30 pm
Completed: Don't Look (AGS game)
Projects: KANPEKI! ★Perfect Play★
Organization: Crappy White Wings
Location: Germany
Contact:

Re: New GUI interface, side image appears under textbox?

#2 Post by Milkymalk » Wed Jul 26, 2017 7:46 pm

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.
Crappy White Wings (currently quite inactive)
Working on: KANPEKI!
(On Hold: New Eden, Imperial Sea, Pure Light)

Goldie28
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#3 Post by Goldie28 » Thu Jul 27, 2017 11:59 am

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

User avatar
Milkymalk
Miko-Class Veteran
Posts: 747
Joined: Wed Nov 23, 2011 5:30 pm
Completed: Don't Look (AGS game)
Projects: KANPEKI! ★Perfect Play★
Organization: Crappy White Wings
Location: Germany
Contact:

Re: New GUI interface, side image appears under textbox?

#4 Post by Milkymalk » Thu Jul 27, 2017 3:52 pm

No, in screens.
Crappy White Wings (currently quite inactive)
Working on: KANPEKI!
(On Hold: New Eden, Imperial Sea, Pure Light)

Goldie28
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#5 Post by Goldie28 » Thu Jul 27, 2017 4:31 pm

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

User avatar
Milkymalk
Miko-Class Veteran
Posts: 747
Joined: Wed Nov 23, 2011 5:30 pm
Completed: Don't Look (AGS game)
Projects: KANPEKI! ★Perfect Play★
Organization: Crappy White Wings
Location: Germany
Contact:

Re: New GUI interface, side image appears under textbox?

#6 Post by Milkymalk » Thu Jul 27, 2017 5:04 pm

I honestly have no idea ... did you customize anything else? Anything at all, no matter what?
Crappy White Wings (currently quite inactive)
Working on: KANPEKI!
(On Hold: New Eden, Imperial Sea, Pure Light)

Goldie28
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#7 Post by Goldie28 » Fri Jul 28, 2017 11:03 am

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%

User avatar
Donmai
Eileen-Class Veteran
Posts: 1892
Joined: Sun Jun 10, 2012 1:45 am
Completed: Toire No Hanako, Li'l Red [NaNoRenO 2013], The One in LOVE [NaNoRenO 2014], Running Blade [NaNoRenO 2016], The Other Question
Projects: Slumberland
Location: Brazil
Contact:

Re: New GUI interface, side image appears under textbox?

#8 Post by Donmai » Fri Jul 28, 2017 9:53 pm

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?
Image
No, sorry! You must be mistaking me for someone else.
TOIRE NO HANAKO (A Story About Fear)

Goldie28
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#9 Post by Goldie28 » Sat Jul 29, 2017 12:48 pm

Donmai wrote:
Fri Jul 28, 2017 9:53 pm
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)
1.jpg
here's how I put them into the game but they still show up under the textbox
2.jpg
2.jpg (13.12 KiB) Viewed 1374 times
3.jpg
3.jpg (13.06 KiB) Viewed 1374 times

User avatar
Donmai
Eileen-Class Veteran
Posts: 1892
Joined: Sun Jun 10, 2012 1:45 am
Completed: Toire No Hanako, Li'l Red [NaNoRenO 2013], The One in LOVE [NaNoRenO 2014], Running Blade [NaNoRenO 2016], The Other Question
Projects: Slumberland
Location: Brazil
Contact:

Re: New GUI interface, side image appears under textbox?

#10 Post by Donmai » Sat Jul 29, 2017 3:31 pm

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")
Image
No, sorry! You must be mistaking me for someone else.
TOIRE NO HANAKO (A Story About Fear)

Goldie28
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#11 Post by Goldie28 » Sat Jul 29, 2017 4:03 pm

I adjusted the definitions as you suggested
4.jpg
and tried to show statement regularly
5.jpg
5.jpg (23.36 KiB) Viewed 1365 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)
6.jpg
7.jpg

what am I doing wrong??

User avatar
Katz_Drawings
Newbie
Posts: 4
Joined: Thu Jun 08, 2017 8:25 am
Projects: [it's a secret!]
Tumblr: katz-drawings
Deviantart: katz-drawings
itch: katz_drawings
Location: UK
Contact:

Re: New GUI interface, side image appears under textbox?

#12 Post by Katz_Drawings » Sat Jul 29, 2017 5:06 pm

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
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#13 Post by Goldie28 » Sat Jul 29, 2017 6:43 pm

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

User avatar
SelLi
Veteran
Posts: 416
Joined: Fri Apr 27, 2012 4:49 pm
Projects: The Silent Column, Within the Spirit Maiden's Lands
itch: sellillianna
Location: Canada
Contact:

Re: New GUI interface, side image appears under textbox?

#14 Post by SelLi » Sat Jul 29, 2017 7:06 pm

Goldie28 wrote:
Sat Jul 29, 2017 6:43 pm
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
Newbie
Posts: 15
Joined: Sat Aug 01, 2015 5:32 am
Projects: Gintama Otome: Soul of The Samurai
Tumblr: Goldie-Youn
Skype: Blockchok101 (Childish, I know)
Location: South Korea
Contact:

Re: New GUI interface, side image appears under textbox?

#15 Post by Goldie28 » Sat Jul 29, 2017 8:19 pm

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.

Post Reply

Who is online

Users browsing this forum: Bing [Bot]