how can i show number of lives as hearts (or other image) during gameplay

[mealone]

hello all,

this is probably really simple but i can’t seem to figure it out. i have a script for lives which adds a life after a delay of two seconds. when the total of lives amount to 5, then the game is over. the script works fine, but i would like to represent the number of lives as hearts on the screen during game runtime, instead of showing a number on the screen. so if the game-lives = 4 i would like four hearts to appear in a line… i’m not quite sure how to get this implemented. can someone please guide me to the process of doing this? this is a 2d game.

thanks in advance.

[robertbu]

And here is yet a another solution. To test

• In a new scene attach the following script to an empty game object.
• Add the following texture to your project (or create your own similar texture).
• Select the game object in the hierarchy with the script attached, and drag and drop the texture on the ‘tex’ variable.
• You can change the lives variable in the inspector as the app is running to change the number of hearts.

---

#pragma strict

var tex : Texture;
var lives = 3;

private var texWidth : float;
private var texHeight : float;

function Start() {
	texWidth = tex.width;
	texHeight = tex.height;
}

function OnGUI() {
    if (lives > 0) {
		var posRect = Rect(50,50,texWidth / 5 * lives, texHeight);
		var texRect = Rect(0,0,1.0 / 5 * lives, 1.0);
		GUI.DrawTextureWithTexCoords(posRect, tex, texRect);
	}
}

[Ado]

How I do it:

void OnGUI(){
Rect r = new Rect(0,0, screen.width, screen.height); //Adjust the rectangle position and size for your own needs
GUILayout.BeginArea(r);
GUILayout.BeginHorizontal();

for(int i = 0; i < lives; i++)
GUILayout.Label(heartTexture); //assign your heart image to this texture

GUILayout.FlexibleSpace();
GUILayout.EndHorizontal();
GUILayout.EndArea();
}

[Zepeck]

I dont know what language yor doing this in so ill do some pseudo-code.

if (lives == 1)
display “heart” at (some coordinates)

if (lives == 2)
display “heart” at (some coordinates)
display “heart” at (some coordinates)

if (lives == 3)
display “heart” at (some coordinates)
display “heart” at (some coordinates)
display “heart” at (some coordinates)

etc.

If you want it more language specific, just tell me what language your using.

[Dblfstr]

How I do it:

public SpriteRenderer heartHolder;

/*Drag your heart sprites here in the Inspector
  You will need a sprite for 1 heart, two hearts, three hearts, etc.
  Place them in order from one heart - highest number of hearts. */
public Sprite hearts[];
     
void start(){
	//Grab the SpriteRenderer of this component
	heartHolder = this.getComponent<SpriteRenderer>; //Something like that
}

void Update(){
	/*Maybe make a bool here to 
	  check if the lives have changed */

	switch(gameLives){
		case 1: {
		   heartHolder.sprite = hearts[0];
		   break;
		}
		case 2:{
		   heartHolder.sprite = hearts[1];
		   break;
		}
		case 3:{
		   heartHolder.sprite = hearts[2];
		   break;
		}
		case 4:{
		   heartHolder.sprite = hearts[3];
		   break;
		}
		case 5:{
		   heartHolder.sprite = hearts[4];
		   break;
		}
		default: {
		   heartHolder.sprite = null;
		   break;
		}
	
	}
}