Words Within Our Hearts [GXB Romance] (hey look we're back!)

[Cidz]

I'm not sure how to program that either, only one box.
Well anyway, i thought about it, and i thought well, why not try for all sides torn?
Like passing notes in class, or something. Anyway, i kind of like it but what does everyone think?

[Victoria Jennings]

That looks pretty good, imo. 0:

I also liked the original top + bottom-torn pictures.

[Cidz]

Hmm, top and bottom are nice too! I think, i might like this one a bit more? I guess I'll let it kind of maul over and decide later. I'm still experimenting, the important thing is that i learned how to code it (YAY!)

Thanks to you and chocojax for giving me your input! Lemmasoft is such a big help! <3

[CheeryMoya]

Buttons are pretty creative, but the text color is hard to read. Try it in black and it should be good.

[EroBotan]

and if it's not too hard for you, may be make 3 different papers for 3 buttons?

[Arowana]

Well, if you had 2:
Choice 1 = Top clean, bottom ripped
Choice 2 = Top ripped, bottom clean

And if 4:
Choice 1 = Clean top, ripped bottom
Choice 2, 3 = Ripped top and bottom
Choice 4 = Ripped top, clean bottom?

I think this would be a really cute idea!

If you are wondering how to code it, I think you would just have to modify the "choice" screen and define some extra styles.

First, go to "screens.rpy" and modify the choice screen to use different styles for the first and last buttons:

Code: Select all

screen choice:
    
    $ choicenum = 0 #keeps track of the menu choice's number

    window: 
        style "menu_window"        
        xalign 0.5
        yalign 0.5
        
        vbox:
            style "menu"
            spacing 2
            
            for caption, action, chosen in items: #loop through all the choices in the menu
                
                if action:  
                    $ choicenum +=1 #increase the menu choice number by 1
                    
                    if choicenum == 1: #first choice in menu
                        button:
                            action action
                            text caption style "menu_choice"
                            style "topbutton"   #use style for the top button, which we will define below   
                            
                    elif choicenum == len(items): #last choice in menu
                         button:
                            action action
                            text caption style "menu_choice"
                            style "bottombutton" #use style for the last button, which we will define below
                                
                    else: #all the middle choices
                        button:
                            action action
                            text caption style "menu_choice"
                            style "menu_choice_button" #use the regular button style 
                    
                else:
                    text caption style "menu_caption"

Then go to "options.rpy" and define two new menu button styles - one for the top button and one for the bottom button:

Code: Select all

style.topbutton = Style("menu_choice_button") # define a new style based on the menu button
style.topbutton.background = "topbutton.png" #the new background for the top button
# add more options here if you want
    
style.bottombutton = Style("menu_choice_button") # define a new style based on the menu button
style.bottombutton.background = "bottombutton.png" #the new background for the bottombutton
# add more options here if you want

Hopefully that made sense! If it doesn't work, let me know and I will try to fix it.

[Cidz]

@ CheeryMoya - oh yeah the font color! thanks, yeah I'll change that lol. Maybe a darker brown or something, cuz i want a hover color too.

@ EroBatan - I can try! Working on that now, but it's not working

@ Arowana - i tried that code, but it didnt really work out see:



actually, i wonder is there a way i could make the choices appear side by side like CHOICE 1 | CHOICE 2 | CHOICE 3?
oh! actually even like have a piece of paper and atop has the question (ex "Which choice do you want?") and then below are the choices, is that possible?

[Victoria Jennings]

Oh, that's kind of interesting. 0:

Maybe you could even have little check boxes next to the choices, and when you hover over/choose, it gets checked off. Y'know, like when people pass notes asking if you like them or not? :'D

[Cidz]

I was thinking of something like that too, that or circles or something.

[Arowana]

@ Arowana - i tried that code, but it didnt really work out see:

Hmm, that's strange - that code has worked okay for me. Can you post each of the images you are using, as well as your "options.rpy" file? I can give it a go on my computer as well.

actually, i wonder is there a way i could make the choices appear side by side like CHOICE 1 | CHOICE 2 | CHOICE 3?

Yeah, you would just have to switch "vbox" to "hbox" in the choice screen and possibly modify the button style's dimensions. I imagine that might be hard to read, though, because long choices would get squished into narrow columns.

oh! actually even like have a piece of paper and atop has the question (ex "Which choice do you want?") and then below are the choices, is that possible?

Sure, just make an image of the paper background. Then you can put the image in your choice screen using the add statement (make sure to switch your button backgrounds to None). You can make "Which choice do you want?" part of the paper image, or add it onto the screen using the text statemet.

[Cidz]

ok sure!
i included my screen.rpy file too incase you want to take a look at it.

oh thats easy! hmm but you are right, would look odd with longer choices, better stick to the standard stacked.
Ah! Ok, i might give that a try.

Thank you for all your help by the way. ^_^

[Destiny]

I like the setting and the character design is neat (even though I can't help but think, the guys look a bit "surpressed", since their legs are just as long as their upper body ôo)

Cliche is so far only the "young prince" I would say. But if there is more to him then just being the shota bishi, then k

Overall it sounds neat, my favorite are Megz and Mason (but Jeremy is also so good looking, even though I'm not into tsundere types).

[Cidz]

@ Destiny - Haha well, theyll only be shown from like thighs and up? like Chris, so maybe it wont be as noticeable, oh that and she's improved more on her drawing since then. So i think they are more propotional now. (if there's one thing this game certainly gives our artist a lot of practice haha)

Yeah, there will be more to Chris then just the young prince, I think (i hope) he turns out to be interesting to people.

Awesome! I kind of like megz too >_> (because megane <3 lol) Haha, Jeremy although is a tsundere, there's more to him then that i think.

Well, I'm glad you're interested in this game ^_^ I can't wait to start programing the actual scripts. hopefully in a couple months or so.

[Arowana]

ok sure!
i included my screen.rpy file too incase you want to take a look at it.

oh thats easy! hmm but you are right, would look odd with longer choices, better stick to the standard stacked.
Ah! Ok, i might give that a try.

Thank you for all your help by the way. ^_^

Yeah, no problem! I think it's a cool effect and I would like to know how to do it, too.

Good idea including the "screens.rpy" file, because I think that's actually where the problem is. When you add in the new choice screen, you don't want to comment out the style settings under "init -2 python:" from the previous choice menu, because those settings are important for setting the button styles in the new menu as well.

Also, I didn't see an image anywhere for the bottom button (I figured "choice1.png" was the top button, and "choice2.png" was the middle buttons?). So I quickly made a new picture called "choice3.png" for the bottom (attached below - you can prob do a better one haha).

So my "options.rpy" now has:

Code: Select all

style.topbutton = Style("menu_choice_button") # define a new style
style.topbutton.background = "choice1.png" 
#you can also set style.topbutton.hover_background = some image for the hovered version
    
style.bottombutton = Style("menu_choice_button") # define a new style
style.bottombutton.background = "choice3.png" 
#you can also set style.bottombutton.hover_background = some image for the hovered version

And I added these settings back under the new choice menu:

Code: Select all

init -2 python:
    config.narrator_menu = True
    
    style.menu_window.set_parent(style.default)
    style.menu_choice.set_parent(style.button_text)
    style.menu_choice.clear()
    style.menu_choice_button.set_parent(style.button)

    style.menu_choice_button.background = "choice2.png" # image for the middle buttons
    #style.menu_choice_button.hover_background = "choice2hover.png" # whatever image you want for the middle buttons (hovered version)
    style.menu_choice.color = "#000000"
    style.menu_choice.hover_color = "#000000"
    style.menu_choice_button.xminimum = int(config.screen_width * 0.25)
    style.menu_choice_button.xmaximum = int(config.screen_width * 0.50)
    style.menu_choice_button.yminimum = int(config.screen_width * 0.10)
    style.menu_choice_button.ymaximum = int(config.screen_width * 0.10)

And it works! I'll attach a screenshot below.

[Cidz]

HORRRAAAAAAAY IT WORKS!!! your right! i tried it and it works <3
OMG thank you so much <3

I agree, this is a cute button style, does everyone like it too? I think I'll keep it like this.

(and derpy me! I forgot to include choice3 but it's ok because thats how it looked like haha, and ah well good thing i did include the screen.rpy file then sorry about that. well live and learn lol.)