Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Health bar readability #815

Closed
dorkster opened this issue Aug 23, 2019 · 0 comments
Closed

Health bar readability #815

dorkster opened this issue Aug 23, 2019 · 0 comments
Labels
art gameplay

Comments

@dorkster
Copy link
Collaborator

I agree with this comment about it being visually unclear when the player is at low health. I think there are two reasons for this:

  • (as mentioned in the original comment) Poor contrast between dark red vs dark grey
  • The shape of the health bar's border. It's tapered at either side, so not many pixels are filled when the bar is very low.

Possible solutions:

  • Use a lighter color on the left side. Maybe a pink-to-red gradient for the whole bar? Was never a fan of the green in the HP bar, since that usually means "poisoned" in other games.
  • Don't taper the border on the left side. Would look weird for the enemy HP bar, though...
dorkster added a commit to dorkster/flare-game that referenced this issue Aug 26, 2019
@dorkster
New HP/MP bar graphics
68bcc32 
This commit is to address problems with the HP bar's readablity (flareteam#815).

* The "tapered" borders have been removed. The fill graphics for the
bars are now plain rectangles.
* The fills have gotten a few tweaks to their color and brightness. The
health fill is now purely red.
* The left side of each fill has a bright 1px border. This helps the
fill stand out, even when the fill is small.
* The right side of the fill has been given a gradient to darken it.
This further emphasizes the "critical" side of the fill.

This commit requires engine 1.11.03 or greater. This is because the
fill graphics no longer have empty padding around them. Removing the
padding prevents it from being considered part of the fill graphics.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
art gameplay
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@dorkster