Question about Renpy bars (colors)

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.
Post Reply
Message
Author
Niteowl
Newbie
Posts: 15
Joined: Tue Apr 10, 2018 2:06 pm
Contact:

Question about Renpy bars (colors)

#1 Post by Niteowl » Mon Sep 23, 2019 3:53 pm

So, guys, I'm a beginner but I've been learning a lot from this forum and from answers to past questions.

Anyways, recently I've been adding screens (like days or gold counters), everything worked and I think I have a decent grasp of using screens...

My question: next I want to add some stats page for various characters... I'm pretty sure I can figure out how to use screens for that.

Now for some stats I would like to add a bar to show the current level. I think I can figure that part out (or at least I will try to do so before I ask anything too detailed)
However, I'd like to do something maybe a little unusual with the bars...I was wondering if it would be possible to set it up so that the color of the filler bar changes depends on the value displayed.
Something like : Blue if it's below 20, green between 20 and 80, and red between 80 and 100 (for example)

as a total noob, it seems logical to me that some 'if' statement could help me, not sure they can be used to determine the color of bars though, or how to go about it. I've been looking at the bars section of the documentation but I don't see any specific mention of what I'm trying to do. Also not sure whether that would be done by modifying renpy scripts about all bars or with specific instructions.

any thoughts guys?

User avatar
Enchant00
Regular
Posts: 135
Joined: Tue Jan 12, 2016 1:17 am
Contact:

Re: Question about Renpy bars (colors)

#2 Post by Enchant00 » Tue Sep 24, 2019 8:35 am

Haven't tested it out but you cant try ConditionalSwitch: https://www.renpy.org/doc/html/displaya ... tionSwitch

What you would do is define your filler bar as an image block and put the necessary conditions. I once encountered in renpy cookbook project where when they attack the bar changes color after reaching a certain percentage so in theory it's similar to your problem. It's also possible to use the changed under the bars to call a function to do what you want. I'll give it a shot later once I'm done with what I need to do.

Niteowl
Newbie
Posts: 15
Joined: Tue Apr 10, 2018 2:06 pm
Contact:

Re: Question about Renpy bars (colors)

#3 Post by Niteowl » Tue Sep 24, 2019 10:14 am

Enchant00 wrote:
Tue Sep 24, 2019 8:35 am
Haven't tested it out but you cant try ConditionalSwitch: https://www.renpy.org/doc/html/displaya ... tionSwitch

What you would do is define your filler bar as an image block and put the necessary conditions. I once encountered in renpy cookbook project where when they attack the bar changes color after reaching a certain percentage so in theory it's similar to your problem. It's also possible to use the changed under the bars to call a function to do what you want. I'll give it a shot later once I'm done with what I need to do.
sounds interesting. I"ll give it a try too, as soon as I have the time

User avatar
Kia
Miko-Class Veteran
Posts: 882
Joined: Fri Aug 01, 2014 7:49 am
Deviantart: KiaAzad
Skype: KiaAzad
Contact:

Re: Question about Renpy bars (colors)

#4 Post by Kia » Wed Sep 25, 2019 1:28 am

there are many ways to do this, one is using a color object as the bar's background, this way you can tweak r,g,b values individually and get any color you want, another is using image manipulators: https://www.renpy.org/doc/html/displaya ... nipulators
and like enchant00 mentioned condition switch.
you can even layer images on top of each other and adjust their alpha amount to get a blend of the two

Niteowl
Newbie
Posts: 15
Joined: Tue Apr 10, 2018 2:06 pm
Contact:

Re: Question about Renpy bars (colors)

#5 Post by Niteowl » Wed Sep 25, 2019 10:22 am

Kia wrote:
Wed Sep 25, 2019 1:28 am
there are many ways to do this, one is using a color object as the bar's background, this way you can tweak r,g,b values individually and get any color you want, another is using image manipulators: https://www.renpy.org/doc/html/displaya ... nipulators
and like enchant00 mentioned condition switch.
you can even layer images on top of each other and adjust their alpha amount to get a blend of the two
that's good to know but how do I actually do it.... not sure I understand how to use any of those with bars

any example?

Niteowl
Newbie
Posts: 15
Joined: Tue Apr 10, 2018 2:06 pm
Contact:

Re: Question about Renpy bars (colors)

#6 Post by Niteowl » Thu Sep 26, 2019 11:42 pm

okay guys, not many replies on this topic....maybe it isn't possible (or extremely complicated)

could you at least point out some ways of just customizing the color of the bar.....
I've gone through a few tutorials and checked the GUI many times but I can't figure which lines set the bar's color

User avatar
Kia
Miko-Class Veteran
Posts: 882
Joined: Fri Aug 01, 2014 7:49 am
Deviantart: KiaAzad
Skype: KiaAzad
Contact:

Re: Question about Renpy bars (colors)

#7 Post by Kia » Fri Sep 27, 2019 12:40 am

I have an old example of bars changing colors with RGB values on one of my hard drives, just have to wait for my friend to bring it back.

User avatar
IrinaLazareva
Veteran
Posts: 364
Joined: Wed Jun 08, 2016 1:49 pm
Projects: Legacy
Organization: IKG
Location: St.Petersburg, Russia
Contact:

Re: Question about Renpy bars (colors)

#8 Post by IrinaLazareva » Fri Sep 27, 2019 4:12 pm

Niteowl wrote:
Mon Sep 23, 2019 3:53 pm
Something like : Blue if it's below 20, green between 20 and 80, and red between 80 and 100 (for example)

Code: Select all

default elevel = 1
default ename = "Lucy"

screen status():
    vbox at topleft:
        text 'Name: [ename]'
        text 'Level: [elevel]'

        bar value StaticValue(elevel, 100) xpos 5 ysize 3 xmaximum 100 right_bar "#fff4":
            if elevel < 20:
                left_bar "#00f" 
            elif 20 <= elevel < 80:
                left_bar "#0f0"
            else:
                left_bar "#f00"
                
    #code below for the test
    if elevel < 100:
        timer .3 repeat True action SetVariable('elevel', elevel+1)
      
label start:
    show screen status
    'Level up'
https://renpy.org/doc/html/screens.html#if
https://renpy.org/doc/html/screens.html#bar
https://renpy.org/doc/html/screen_actio ... bar-values
https://renpy.org/doc/html/style_proper ... properties
https://renpy.org/doc/html/style_proper ... properties
There is a light at the end of the tunnel, just pray it's not a train.
___
TODO: unresolved/нерешённое

Niteowl
Newbie
Posts: 15
Joined: Tue Apr 10, 2018 2:06 pm
Contact:

Re: Question about Renpy bars (colors)

#9 Post by Niteowl » Tue Oct 01, 2019 8:01 pm

IrinaLazareva wrote:
Fri Sep 27, 2019 4:12 pm
Niteowl wrote:
Mon Sep 23, 2019 3:53 pm
Something like : Blue if it's below 20, green between 20 and 80, and red between 80 and 100 (for example)

Code: Select all

default elevel = 1
default ename = "Lucy"

screen status():
    vbox at topleft:
        text 'Name: [ename]'
        text 'Level: [elevel]'

        bar value StaticValue(elevel, 100) xpos 5 ysize 3 xmaximum 100 right_bar "#fff4":
            if elevel < 20:
                left_bar "#00f" 
            elif 20 <= elevel < 80:
                left_bar "#0f0"
            else:
                left_bar "#f00"
                
    #code below for the test
    if elevel < 100:
        timer .3 repeat True action SetVariable('elevel', elevel+1)
      
label start:
    show screen status
    'Level up'
https://renpy.org/doc/html/screens.html#if
https://renpy.org/doc/html/screens.html#bar
https://renpy.org/doc/html/screen_actio ... bar-values
https://renpy.org/doc/html/style_proper ... properties
https://renpy.org/doc/html/style_proper ... properties
Thank you, this works great.

However, I'm not too sure how I would incorporate it in a screen that shows several of those (as it would show all the stats for a character).

I would need a different variable for each stat, obviously, and a lot of text.....
But, should I type all that for each bar or can I create a style that would affect all bars? (I think the second option would be a lot more efficient)

Tonight I'll try to work on that, but any advice would be greatly appreciated

Post Reply

Who is online

Users browsing this forum: Google [Bot]