Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate

NetSlash UI stuff

Author: 
nkorth
Friday, May 31, 2013 - 08:47
Art Type: 
2D Art
Tags: 
User Interface
health bar
blood
damage
hearts
experience
levels
License(s): 
CC-BY 3.0
Collections: 
  • CF Inspiration
  • General - G.U.I.
  • User Interface (UI) Art Collection
Favorites: 
5
Share Icons: 
Preview: 
Preview
Preview

From NetSlash, yet another unfinished game of mine... It was supposed to be a top-down multiplayer swordfighting game, but I got a bit stuck on the "multiplayer" part.

I actually managed to make some good pixel art for it, though. The tiles I made are in another submission. I'm not publishing the character animation, because it's kinda crappy. (I'm really bad at drawing people, even at 16px)

These are the UI elements I made. I quite like how these turned out. There's an overlay that flashes when the player gets hit, tiles for a Zelda-style health bar, and level/experience bars. (Yes, the 3-level thing was going to be a blatant ripoff of Cave Story.)

  • The yellow versions of the health and experience bars were intended for a Mortal Kombat kinda thing where when you lose health, the amount you lost turns yellow and slides back with a little animation.
  • If you use the damage overlay, try drawing it with different levels of opacity depending on how dead the player is.
File(s): 
health-bar.png health-bar.png 390 b [507 download(s)]
exp-bar.png exp-bar.png 392 b [369 download(s)]
hit-border.png hit-border.png 94.4 Kb [380 download(s)]
  • Log in or register to post comments