Displaying a window for clues and affection meter.

[SilverxBlue]

Okay, I might sound like a total noob for this but I really need help. I planned on adding some sort of button wherein if you click it, a window where all the clues and the character's affection meter will appear... Kinda like a planner/diary/notebook/whatever where one page shows the clues then another page shows the affection meter of the obtainable characters.
I've been searching like hell of what code to use but i'm not really sure of the things I've found, so can anyone give me a proper link.
Please and thank you! ^^

[Camille]

I think a lot of people like using overlays, but I prefer using screens, which make things really easy. XD This is basically the code that I'm using in my game, plus comments.

Code: Select all

screen button: # This shows the button. In your script, to have the button show up, just type in "show screen button" somewhere.
    vbox xalign 0.1 yalign 0.1:
        textbutton "Show stats" action ui.callsinnewcontext("stats_screen") # basically will call the label "stats_screen"
    # you can also use an image button:
    imagebutton:
                idle "button_idle.png" # image shown when button is idle
                hover "button_hover.png" # image shown when button is hovered over
                action ui.callsinnewcontext("stats_screen") # does the same thing as the text button

label stats_screen:
    scene stats_bg
    python:
        
        ui.hbox()
        
        # Column 1
        ui.vbox(xpos=0, ypos=0, xanchor='left', yanchor='top') # this positions the text
        # THIS IS WHERE YOU WOULD PUT ALL YOUR TEXT/CODE TO SHOW THE STATS/CLUES/WHATEVER here's a sample #
        ui.text("%d points"%intelligence) # would show up as "### points", with ### being whatever number the variable is set to at that point in time

        ui.close() # for the vbox
        
        ui.close() # for the hbox
        
        ui.textbutton("Return", clicked=ui.returns(("goback")) # back to the game!
        ui.imagebutton("return.png", "return_hover.png", clicked=ui.returns("goback"), ypos=0, xpos=0) # same as above, only an image button
        
    $ picked = ui.interact()
    if picked == "goback":
        return

Hope this helps!

[SilverxBlue]

Ohhhh thanks! I'll try this out as soon as my laptop returns. But if something goes wrong, I'll ask some questions again.
I hope you won't mind. XD

[Camille]

No problem. XD I'll help as much as I can... All of my coding generally involves the abuse of screens and if statements, though.

[SilverxBlue]

Okay, so I finally had the chance to try it out.
My mind finally got tired with all the writing!
It worked out but now I wanted to ask three things.
Sorry if the answers are too obvious, it's really my first time trying this.
How would you make the clue appear once you've seen it?
Example.
"So he is the blah blah blah" then it would go...
"Clue added to note" or something like that.
The second thing is I finally figured out the affection thingy and what if I want to show it through Image format?
Example is if they have like say, ten affection points, Five hearts would show up below a character image and the character image is already blushing.
I know this one relies on the if statements but how exactly could I put the images?
and last, how do you make another page?
Like one page for the affection and one page for the clues.
Again, I'm so sorry with all the stupid questions... DX

[Camille]

- I'd make a variable like:

Code: Select all

init:

    $ clue_1_seen = False

Then during the scene where you see this clue or whatever, set that variable to True. Then make some code that's like IF TRUE, display the text CLUE ADDED TO NOTE. I have something like this for whenever you receive a new letter in MJ. Simple, but effective.

- Okay I'd probably do if statements for this, too... Like if CHARACTER_POINTS > 10 and if CHARACTER_POINTS < 20 (ie: between 10 and 20), display 5 hearts and the character image is blushing. You can just use the same {image} tag that you use for when you want to embed an image into dialogue, if I remember correctly. Then every time you want the hearts/character image displayed to change, just make another set of if statements for every threshold. Does that make sense? If you want to make a bar for this, don't bother asking me because I have noooo idea how to translate points into a bar image. XD; I'm not using the DSE, so I have to make up all this stuff myself using what I do know.

- For making another page, just make another label. I already gave you the label code for the stats, so here's an example one for clues:

Code: Select all

label clues_screen:
    scene clues_bg
    python:
        
        ui.hbox()
        
        # Column 1
        ui.vbox(xpos=0, ypos=0, xanchor='left', yanchor='top') # this positions the text
        # THIS IS WHERE YOU WOULD PUT ALL YOUR TEXT/CODE TO SHOW THE STATS/CLUES/WHATEVER here's a sample #
        ui.text("CLUES HERE")

        if clue_1_seen == True:
            ui.text("CLUE 1 HERE")

        ui.close() # for the vbox
        
        ui.close() # for the hbox
        
        ui.textbutton("Return", clicked=ui.returns(("goback")) # back to the game!
        ui.imagebutton("return.png", "return_hover.png", clicked=ui.returns("goback"), ypos=0, xpos=0) # same as above, only an image button
        
    $ picked = ui.interact()
    if picked == "goback":
        return

Of course, when you do a button or whatever, you'd change the action ui.callsinnewcontext("stats_screen") part so it'd be clues_screen instead. Something like that. Hope this helps!

[SilverxBlue]

Thank you so so much, you've been a really great help! ^^

[Camille]

Always glad to be of service. :3

[Blueoriontiger]

Camille, I keep getting a syntax error with the first line of your code "screen button". It keeps telling me that no matter what I do. Where does this section go exactly?

screen button: # This shows the button. In your script, to have the button show up, just type in "show screen button" somewhere.
vbox xalign 0.1 yalign 0.1:
textbutton "Show stats" action ui.callsinnewcontext("stats_screen") # basically will call the label "stats_screen"
# you can also use an image button:

[Camille]

Well, the code can go anywhere. I would probably put it in screens.rpy, though, just to be organized. I did accidentally screw up the textbutton in the code (it should be a ui.textbutton, etc.) but I don't know why the first line is getting an error. 0_o What does the syntax error say?

[Blueoriontiger]

It just points to the end of the line where the colon is and says something to the effect of statement expected.

screen button:
..................^

I'm also getting an error with this line now. Says syntax error when parsing the python expression. There were no brackets or comma originally, and I was getting more errors too until I added those.
textbutton("Show stats", action=ui.callsinnewcontext("stats_screen")) . Arrow points to the space between action and ui no matter what I put in there.


I'm using version 6.12.1.1520, so I don't know if that has to do with anything.

[Camille]

Are you indenting all the lines properly? The line after screen button: should be indented four spaces over.

Code: Select all

("Show stats", action=ui.callsinnewcontext("stats_screen"))

That isn't anything, lol. I did say that it should be a ui.textbutton (I was using the screen syntax on accident in the original code) so it should be

Code: Select all

ui.textbutton("Show Stats", clicked=ui.callsinnewcontext("stats_screen"))

[Blueoriontiger]

Hm, okay. XD Looks indented properly. Just put in your edited code, now getting this? o.O

File "game/script.rpy", line 15: Expected a screen language statement.
ui.textbutton("Show Stats", clicked=ui.callsinnewcontext("stats_screen"))

Arrow points to right after ui.

I'll just "dump" the entire section I'm working with to help with what's going wrong. I'm not sure what's going on. >.<

screen button: # This shows the button. In your script, to have the button show up, just type in "show screen button" somewhere.
vbox xalign 0.1 yalign 0.1
ui.textbutton("Show Stats", clicked=ui.callsinnewcontext("stats_screen")) # basically will call the label "stats_screen"

Also I'm not sure why the post is not holding my indentions, but the bottom two lines are indented four spaces.

[Camille]

Oh, I got confused as to which part you were trying to edit. The reason the post isn't holding your indentations is because you're using "quote", not "code". If everything's indented correctly then this should all work:

Code: Select all

screen button: # This shows the button. In your script, to have the button show up, just type in "show screen button" somewhere.
    vbox xalign 0.1 yalign 0.1:
        textbutton "Show stats" action ui.callsinnewcontext("stats_screen") # basically will call the label "stats_screen"

You left off the colon after the vbox line.

[Blueoriontiger]

O_O Whatever you did made it work. At least there's a button on the screen now. (Now just have to figure out the code for what I want on the other screen) XD Thanks.