Scratch

Slacker101 · 2007-12-01 13:08:45

How canm you do health bars?

TyCamden · 2008-02-06 19:44:32

My initial thought is to have a Variable with the Health value in it. Then also have a Sprite for the health bar. If 20 is the max health, and the variable has the value of 20, then the Costume of the health bar would appear as the full health bar. You could then have multiple costumes for this health bar, and you could script that depending on the value of the Health variable, it would display a different Costume (to give the appearance of the health bar emptying or filling.

My second thought is that you could have the health bar with 11 Costumes (one for zero percent full, then one for each value from 10 to 100 percent full). You could have the system calculate the percentage of actual health versus max health, then show the appropriate costume as a percentage. This way, as you level up, and your max health increases, the health bar can show this value, relatively.

Last thought, look for games that use health bars, and see how they did it. You can learn a lot from looking at other peoples work.

EdnaC · 2008-02-06 23:06:54

One example is here:

http://scratch.mit.edu/projects/EdnaC/81880

This example "stamps" images of "health bars" onto the background. The demo is a sprite taken from: http://scratch.mit.edu/projects/EdnaC/81934 I used "stamping" because I'd rather play with programming than draw sprites. It's a good example of a (different) way to do health bars. Like most things you can program, there are many ways to do what you want.

TyCamden's idea of using costumes is easier to do (and would be more efficient/quicker). Using Costumes, you could check health, and just use the costume number to display whatever you'd like for that "health level".

-MrEd

Mayhem · 2008-02-07 01:15:24

A 3rd method would be to build the health bar out of multiple sprites and have those sprites set to show/hide depending on the value of variable "Health".

A 4th method - though better for a "heart" rather than a bar, would be to simple set the size of the health display to 10xvariable health (assuming health 1-10) so that the heart gradually shrinks.

B-Reyn428 · 2008-02-08 22:34:35

I have used a different method in my game http://scratch.mit.edu/projects/B-Reyn428/79597
The health bar is made up of 3 sprites. One, in the back, is a red bar. Then there is a green bar on top of it that sets its x-position to the location of the red bar, minus the amount of your total health, plus your current health. (If you have a total of 100 health it would go to ["red bar" - 100 + (health)]. So as your health decreases, its x-position is lowered and it moves to the left, showing the red underneath. The final sprite is a copy of the background just to the left of your health, that goes to the front so that you can't see the rest of the green bar when it starts to move.
This is only one way to make the health bar, so if you know a better way, feel free to use your own smile

Last edited by B-Reyn428 (2008-02-08 22:35:08)

MyRedNeptune · 2008-02-09 05:19:35

B-Reyn428 wrote:
I have used a different method in my game http://scratch.mit.edu/projects/B-Reyn428/79597
The health bar is made up of 3 sprites. One, in the back, is a red bar. Then there is a green bar on top of it that sets its x-position to the location of the red bar, minus the amount of your total health, plus your current health. (If you have a total of 100 health it would go to ["red bar" - 100 + (health)]. So as your health decreases, its x-position is lowered and it moves to the left, showing the red underneath. The final sprite is a copy of the background just to the left of your health, that goes to the front so that you can't see the rest of the green bar when it starts to move.
This is only one way to make the health bar, so if you know a better way, feel free to use your own

That's just the method I use! A neat-looking one but takes quite a time to create. smile

Mayhem · 2008-02-09 06:31:54

You could do that with just two sprites, depending on the background colour of your screen. The Red Bar could be on top, but have a "hole" in the middle through which the green bar can be seen.

Mayhem · 2008-02-09 12:31:07

http://scratch.mit.edu/projects/Mayhem/96117

My sample health bars project

kevin_karplus · 2008-02-09 17:48:56

Perhaps someone should create a "Health Bars" gallery and show all the different approaches to Health bars, either from their own examples or by finding other people's good examples.

Mayhem · 2008-02-09 17:52:04

Heh - that's pretty much what I was trying to do, except I was collecting them in a single project (6 different methods so far)

kevin_karplus · 2008-02-09 18:04:40

I think that having a gallery with several small projects would make it easier for people to borrow ideas and code, and would make it easier for others to contribute ideas. But tutorial projects are good too.

I believe that there is already a gallery or two for tutorial projects like that. Could someone remind me where they are? (And add Mayhem's health-bar tutorial)

IceFire10 · 2010-05-17 23:23:25

[blocks]HELP ME PLEASE!!!!!! I WANT TO MAKE A HEALTH BAR. AND WHEN THE FIRE OR GREEN ORB HITS ONE OF THEM, I WANT THE HEALTH BAR TO GO DOWN HELP![/blocks]

IceFire10 · 2010-05-17 23:25:31

HELP ME PLEASE!!!!!! I WANT TO MAKE A HEALTH BAR. AND WHEN THE FIRE OR GREEN ORB HITS ONE OF THEM, I WANT THE HEALTH BAR TO GO DOWN HELP!

http://scratch.mit.edu/projects/IceFire10/1057880

coolstuff · 2010-05-18 07:30:33

IceFire10 wrote:
HELP ME PLEASE!!!!!! I WANT TO MAKE A HEALTH BAR. AND WHEN THE FIRE OR GREEN ORB HITS ONE OF THEM, I WANT THE HEALTH BAR TO GO DOWN HELP!

http://scratch.mit.edu/projects/IceFire10/1057880

Hi,
Try not to spam in the future. People don't like it smile
In due time, people will notice your thread - and they did, just look at Paddle2See's post.

Scratch

archived forums

#1 2007-12-01 13:08:45

Health bar?

#2 2008-02-06 19:44:32

Re: Health bar?

#3 2008-02-06 23:06:54

Re: Health bar?

#4 2008-02-07 01:15:24

Re: Health bar?

#5 2008-02-08 22:34:35

Re: Health bar?

#6 2008-02-09 05:19:35

Re: Health bar?

B-Reyn428 wrote:

#7 2008-02-09 06:31:54

Re: Health bar?

#8 2008-02-09 12:31:07

Re: Health bar?

#9 2008-02-09 17:48:56

Re: Health bar?

#10 2008-02-09 17:52:04

Re: Health bar?

#11 2008-02-09 18:04:40

Re: Health bar?

#12 2010-05-17 23:23:25

Re: Health bar?

#13 2010-05-17 23:25:31

Re: Health bar?

#14 2010-05-18 07:30:33

Re: Health bar?

IceFire10 wrote:

Board footer