Health bar problem

Getting Started Newbie Questions
#1

I have a this health bar, everything works as it should, the only problem is when I change the HP the width changes as well. How can I stop that? 

Here’s the code I use.

[lua]

–creates the health bar background

local barBack = display.newRect(0, 0, user.maxHealth + 10 , 25)

magnet:left(barBack, 25)

magnet:top(barBack, 10)

hudGroup:insert(barBack)

barBack:setFillColor( 100/255, 100/255, 100/255 )

–creates the health bar

local healthBar = display.newRect(0, 0, user.maxHealth, 20)

magnet:left(healthBar, healthBar.width/2 + 30)

healthBar.y = barBack.y

healthBar.anchorX = 1

hudGroup:insert(healthBar)

healthBar:setFillColor( 255/255, 0/255, 0/255 )

–when the player gets damaged 

local damageBar = display.newRect(0, 0, 0, 20)

damageBar.x = healthBar.x

damageBar.y = healthBar.y

damageBar.anchorX = 1

hudGroup:insert(damageBar)

damageBar:setFillColor( 60/255, 60/255, 60/255 )

–displays the player health

local healthText = display.newText(hudGroup, playerTable.health…"/"…user.maxHealth, 0, 0, _font, 12)

healthText.x = barBack.x 

healthText.y = barBack.y

healthText.alpha = 0.8

heart:toFront( )

–updates the health bar

function updateDamageBar()

damageBar.width = user.maxHealth - playerTable.health

healthText.text = playerTable.health…"/"…user.maxHealth

end

[/lua]

#2

Are you talking about this?
 

--updates the health bar function updateDamageBar() damageBar.width = user.maxHealth - playerTable.health healthText.text = playerTable.health.."/"..user.maxHealth end

Whenever you call updateDamageBar function, the width of the damageBar is updated by using the formula “user.maxHealth - playerTable.health”. If you want to stop the width from changing, then comment out, change or delete that row.

 

#3

No, I want the damage bar to change width, it shows that the health is depleting.
I don’t want the health bar (and in turn the barBack) to change width.
I want to be able to change the max health of the player without the health bar changing width. So it doesn’t matter whether the player’s max health is 100 or 1000, the health bar will remain the same width.
Sorry if I didn’t explain myself well.

#4

Perhaps the easiest way to accomplish what you want is to do something like:
 

local maxWidthHP = 100 -- hp bar's max width in pixels damageBar.width = maxWidthHP\*(playerTable.health/user.maxHealth) -- your hp bar's width multiplied by the ratio of remaining HP

You can adjust the maxWidthHP, which is the maximum width of your HP bar in pixels. If you multiply that width with the ratio of remaining HP, i.e. playerTable.health/user.maxHealth, then your HP bar will always be between 0 pixels and the amount of pixels that you determine. If you increase the user.maxHealth to 200 and the playerTable.health is at 100, your HP bar will be at 50%, etc.

*Edit, update the code example to use your variable names.

#5

Thanks. I’ll try this out.

#6

It worked! Thank you for your help.
  

#7

I find it preferable to load an image (say at 100px wide) and that represents 100% health. 

To simulate 50% health simply set image.xScale = 0.5.  You will need to image.anchorX at 0.

#8

That’s pretty much what i’m doing. Though I had my anchorX set to 1, because I had the width increase, instead of decrease, due to the way I had set it up.

I have since changed the anchorX to 0, because I change the way my health bar was set up.

But thanks anyways :) 

#9

Are you talking about this?
 

--updates the health bar function updateDamageBar() damageBar.width = user.maxHealth - playerTable.health healthText.text = playerTable.health.."/"..user.maxHealth end

Whenever you call updateDamageBar function, the width of the damageBar is updated by using the formula “user.maxHealth - playerTable.health”. If you want to stop the width from changing, then comment out, change or delete that row.

 

#10

No, I want the damage bar to change width, it shows that the health is depleting.
I don’t want the health bar (and in turn the barBack) to change width.
I want to be able to change the max health of the player without the health bar changing width. So it doesn’t matter whether the player’s max health is 100 or 1000, the health bar will remain the same width.
Sorry if I didn’t explain myself well.

#11

Perhaps the easiest way to accomplish what you want is to do something like:
 

local maxWidthHP = 100 -- hp bar's max width in pixels damageBar.width = maxWidthHP\*(playerTable.health/user.maxHealth) -- your hp bar's width multiplied by the ratio of remaining HP

You can adjust the maxWidthHP, which is the maximum width of your HP bar in pixels. If you multiply that width with the ratio of remaining HP, i.e. playerTable.health/user.maxHealth, then your HP bar will always be between 0 pixels and the amount of pixels that you determine. If you increase the user.maxHealth to 200 and the playerTable.health is at 100, your HP bar will be at 50%, etc.

*Edit, update the code example to use your variable names.

#12

Thanks. I’ll try this out.

#13

It worked! Thank you for your help.
  

#14

I find it preferable to load an image (say at 100px wide) and that represents 100% health. 

To simulate 50% health simply set image.xScale = 0.5.  You will need to image.anchorX at 0.

#15

That’s pretty much what i’m doing. Though I had my anchorX set to 1, because I had the width increase, instead of decrease, due to the way I had set it up.

I have since changed the anchorX to 0, because I change the way my health bar was set up.

But thanks anyways :)