Gw Temp

Menu

Tutorial - 'Showing Hero Stats In Pictures' by Trujin

An item about RPGMaker 2000 posted on

Blurb

A tutorial about showing a hero's stastistics in pictuers!

Body

Show hero stats in pictures

Variables:
Hero Hp, Hero Max Hp, Numbers 100, Numbers 10, Numbers 1, Picture X, Picture Y.

Pictureslots:
1,2,3,4,5,6.

Resources:
Graphics of the numbers 1,2,3,4,5,6,7,8,9,0 in pictures, it's important they have the same size.

Introduction:
Many people would like to make a custom menu system or a battle system. To make both of them work properly you need to show hero statistics. In this tutorial you can learn how to use my way of showing numbers in pictures. The way I do this will look a bit weird or sophisticated. Why would I use variables to set the coordinates of the pictures where I could just use the values I can enter. Well, this is just the thing that makes this way so efficient. I show the pictures by variables since now I just have to change two variables to give the numbers a diffrent place instead of changing 20 coordinates. I also use three the same variables to show the pictures by (Numbers 100, Numbers 10 and Numbers 1) so I can easily change the statistic they show. For example. If I first showed the hero hitpoints but I actually would like to show the hero's magicpoints at an other place I just have to change two variables for the placement and three variables to change what kind of statistic it would show. I also use else cases in the branches instead of just plain "equal to"'s under each other to reduce lag. If a number I would like to show has an amount of 3 it will skip the branches that check if the number is greater than 4 instead of checking them all. In my opinion my way of showing the pictures is very efficient if you would like to work quickly. Though my way does look a bit clutered.

Coding:
Step 1, you first start of setting Hero Hp to the hero Hp and the Hero Max Hp to the hero Max Hp. Then you set Numbers 100, Numbers 10 and Numbers 1 to the Hero Hp variable. Then Mod Numbers 100 to 1000, Numbers 10 to 100 and Numbers 1 to 10. Then you set the variables Picture X and Picture Y equal to the coordinates where you want to place the graphics, this time we will place them in the middle so we set them to 160 and 120. The coding that will appear looks like this:

<>variable oper: [xxxx: Hero Hp] set Hero Hp
<>variable oper: [xxxx: Hero Max Hp] set Max Hp
<>variable oper: [xxxx: Numbers 100] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 10] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 1] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 100] mod 1000
<>variable oper: [xxxx: Numbers 10] mod 100
<>variable oper: [xxxx: Numbers 1] mod 1
<>variable oper: [xxxx: Picture X] set 160
<>variable oper: [xxxx: Picture Y] set 120

Step 2, when you've done this you'll be able to show the pictures. You put a conditional branch in the coding which has no else case and checks if Numbers 100 is 0 or more, then you put a conditional branch in that conditional branch which has an else case and checks if numbers 100 is 100 or more. Now you put a conditional branch in that conditional branch which has an else case and checks if numbers 100 is 200 or more. You do this trough 900. When you've done this you put in a show picture command under the branch which checks if Numbers 100 is greater or equal to 900. The show picture command will show the graphic of the 9 with the coordinates set to Picture X and Picture Y. In the else case of this conditional branch you put a picture command that shows the graphic of an 8 with the coordinates set to Picture X and Picture Y. In the else case of the conditional branch that checks if Numbers 100 is 800 or greater you put in a picture command that shows the graphic of a 7 with the coordinates set to Picture X and Picture Y. You continue to do this skipping the branch that checks if Numbers 100 is greater or equal to 0. The coding wil l look like this now:

<>variable oper: [xxxx: Hero Hp] set Hero Hp
<>variable oper: [xxxx: Hero Max Hp] set Max Hp
<>variable oper: [xxxx: Numbers 100] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 10] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 1] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 100] mod 1000
<>variable oper: [xxxx: Numbers 10] mod 100
<>variable oper: [xxxx: Numbers 1] mod 1
<>variable oper: [xxxx: Picture X] set 160
<>variable oper: [xxxx: Picture Y] set 120
<>branch if var [xxxx: Numbers 100] is 0 or more
<>branch if var [xxxx: Numbers 100] is 100 or more
<>branch if var [xxxx: Numbers 100] is 200 or more
<>branch if var [xxxx: Numbers 100] is 300 or more
<>branch if var [xxxx: Numbers 100] is 400 or more
<>branch if var [xxxx: Numbers 100] is 500 or more
<>branch if var [xxxx: Numbers 100] is 600 or more
<>branch if var [xxxx: Numbers 100] is 700 or more
<>branch if var [xxxx: Numbers 100] is 800 or more
<>branch if var [xxxx: Numbers 100] is 900 or more
<>show picture: 1, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 1, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end

Step 3, you first put in an other variable command. First, look at the size of your graphics, how big are they. For example: if you have a number graphic that are 10 pixels in height and 7 in width then remember the 7. Now for the variable command, add the width of your number graphic pictures. This causes the second number (the tens) to apear next to the allready placed numbers. Now do the exact same thing you did with step 2, the only diffrence is that you have to use picture slot 2 instead of 1 and instead of Numbers 100 you use the variable Numbers 10 to show the pictures. The conditional branches you use will now check if the variable Numbers 10 is equal to 0, 10, 20, 30, 40, 50, 60, 70, 80 and 90, not 0, 100, 200, 300, 400, 500, 600, 700, 800 and 900. If you have done this right, it will look like this:

<>variable oper: [xxxx: Hero Hp] set Hero Hp
<>variable oper: [xxxx: Hero Max Hp] set Max Hp
<>variable oper: [xxxx: Numbers 100] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 10] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 1] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 100] mod 1000
<>variable oper: [xxxx: Numbers 10] mod 100
<>variable oper: [xxxx: Numbers 1] mod 1
<>variable oper: [xxxx: Picture X] set 160
<>variable oper: [xxxx: Picture Y] set 120
<>branch if var [xxxx: Numbers 100] is 0 or more
<>branch if var [xxxx: Numbers 100] is 100 or more
<>branch if var [xxxx: Numbers 100] is 200 or more
<>branch if var [xxxx: Numbers 100] is 300 or more
<>branch if var [xxxx: Numbers 100] is 400 or more
<>branch if var [xxxx: Numbers 100] is 500 or more
<>branch if var [xxxx: Numbers 100] is 600 or more
<>branch if var [xxxx: Numbers 100] is 700 or more
<>branch if var [xxxx: Numbers 100] is 800 or more
<>branch if var [xxxx: Numbers 100] is 900 or more
<>show picture: 1, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 1, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] add "width of your number graphics"
<>branch if var [xxxx: Numbers 10] is 0 or more
<>branch if var [xxxx: Numbers 10] is 10 or more
<>branch if var [xxxx: Numbers 10] is 20 or more
<>branch if var [xxxx: Numbers 10] is 30 or more
<>branch if var [xxxx: Numbers 10] is 40 or more
<>branch if var [xxxx: Numbers 10] is 50 or more
<>branch if var [xxxx: Numbers 10] is 60 or more
<>branch if var [xxxx: Numbers 10] is 70 or more
<>branch if var [xxxx: Numbers 10] is 80 or more
<>branch if var [xxxx: Numbers 10] is 90 or more
<>show picture: 2, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 2, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end

Step 4, as you can see you didn't have to do more than just copieng a piece of code and change some numbers and variables, now do the same thing again, only now use Numbers 1 as variable, picture slot 3, and use only numbers to check the value of the variable. That means you check if the variable has an amount of 1, 2, 3, 4, 5, 6, 7, 8 and 9. Also, don't forget to put in the variable operation into the code which adds the picturewidth to Picture X. When you did this right you should get a code that looks like this:

<>variable oper: [xxxx: Hero Hp] set Hero Hp
<>variable oper: [xxxx: Hero Max Hp] set Max Hp
<>variable oper: [xxxx: Numbers 100] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 10] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 1] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 100] mod 1000
<>variable oper: [xxxx: Numbers 10] mod 100
<>variable oper: [xxxx: Numbers 1] mod 1
<>variable oper: [xxxx: Picture X] set 160
<>variable oper: [xxxx: Picture Y] set 120
<>branch if var [xxxx: Numbers 100] is 0 or more
<>branch if var [xxxx: Numbers 100] is 100 or more
<>branch if var [xxxx: Numbers 100] is 200 or more
<>branch if var [xxxx: Numbers 100] is 300 or more
<>branch if var [xxxx: Numbers 100] is 400 or more
<>branch if var [xxxx: Numbers 100] is 500 or more
<>branch if var [xxxx: Numbers 100] is 600 or more
<>branch if var [xxxx: Numbers 100] is 700 or more

<>branch if var [xxxx: Numbers 100] is 800 or more
<>branch if var [xxxx: Numbers 100] is 900 or more
<>show picture: 1, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 1, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] add "width of your number graphics"
<>branch if var [xxxx: Numbers 10] is 0 or more
<>branch if var [xxxx: Numbers 10] is 10 or more
<>branch if var [xxxx: Numbers 10] is 20 or more
<>branch if var [xxxx: Numbers 10] is 30 or more
<>branch if var [xxxx: Numbers 10] is 40 or more
<>branch if var [xxxx: Numbers 10] is 50 or more
<>branch if var [xxxx: Numbers 10] is 60 or more
<>branch if var [xxxx: Numbers 10] is 70 or more
<>branch if var [xxxx: Numbers 10] is 80 or more
<>branch if var [xxxx: Numbers 10] is 90 or more
<>show picture: 2, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 2, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] add "width of your number graphics"
<>branch if var [xxxx: Numbers 1] is 0 or more
<>branch if var [xxxx: Numbers 1] is 1 or more
<>branch if var [xxxx: Numbers 1] is 2 or more
<>branch if var [xxxx: Numbers 1] is 3 or more
<>branch if var [xxxx: Numbers 1] is 4 or more
<>branch if var [xxxx: Numbers 1] is 5 or more
<>branch if var [xxxx: Numbers 1] is 6 or more
<>branch if var [xxxx: Numbers 1] is 7 or more
<>branch if var [xxxx: Numbers 1] is 8 or more
<>branch if var [xxxx: Numbers 1] is 9 or more
<>show picture: 3, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 3, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end

Step 5, now if you would start up the game you would see the hitpoints appearing at the screen. But what would hp help if you don't know what the maximum of hitpoints is. If you have read the introduction well you must have read that this way of showing numbers makes you able to place numbers quickly. So now we are going to show the maximum hitpoints by only changing 5 variables and some picture slots. Copy all the code you've made and paste it under the code so you have two parts of coding which are indentical. In the second part delete the variable commands that set the variables Hero Hp and Hero Max Hp, you don't need them anymore. Now set the variables Numbers 100, Numbers 10 and Numbers 1 to the variable Hero Max Hp instead of Hero Hp. Now you see the Picture X and Picture Y variable commands again. When you want to show the numbers of the maximum hitpoints somewhere else you can change both of the variables. If you want to show the numbers with a space after the hero hp you can just simply add some value to the Picture X variable. In this case we will place the numbers under the hitpoints. So we add the height of the number graphics to the Picture Y variable and we substract twice the amount of the number graphics' width to place the numbers exactly under the hero hitpoints. So when your graphics have a width of 7 then substract 14). When you done this go to the picture show events and change the pictures in slot 1 to slot 4 (Numbers 100 branches), the pictures in slot 2 to slot 5 (Numbers 10 branches) and the ones in slot 3 to slot 6 (Numbers 1 branches). After you've done this the code looks like this and fully works:

<>variable oper: [xxxx: Hero Hp] set Hero Hp
<>variable oper: [xxxx: Hero Max Hp] set Max Hp
<>variable oper: [xxxx: Numbers 100] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 10] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 1] set var [xxxx: Hero Hp]
<>variable oper: [xxxx: Numbers 100] mod 1000
<>variable oper: [xxxx: Numbers 10] mod 100
<>variable oper: [xxxx: Numbers 1] mod 1
<>variable oper: [xxxx: Picture X] set 160
<>variable oper: [xxxx: Picture Y] set 120
<>branch if var [xxxx: Numbers 100] is 0 or more
<>branch if var [xxxx: Numbers 100] is 100 or more
<>branch if var [xxxx: Numbers 100] is 200 or more
<>branch if var [xxxx: Numbers 100] is 300 or more
<>branch if var [xxxx: Numbers 100] is 400 or more
<>branch if var [xxxx: Numbers 100] is 500 or more
<>branch if var [xxxx: Numbers 100] is 600 or more
<>branch if var [xxxx: Numbers 100] is 700 or more
<>branch if var [xxxx: Numbers 100] is 800 or more
<>branch if var [xxxx: Numbers 100] is 900 or more
<>show picture: 1, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 1, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 1, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] + "width of your number graphics"
<>branch if var [xxxx: Numbers 10] is 0 or more
<>branch if var [xxxx: Numbers 10] is 10 or more
<>branch if var [xxxx: Numbers 10] is 20 or more
<>branch if var [xxxx: Numbers 10] is 30 or more
<>branch if var [xxxx: Numbers 10] is 40 or more
<>branch if var [xxxx: Numbers 10] is 50 or more
<>branch if var [xxxx: Numbers 10] is 60 or more
<>branch if var [xxxx: Numbers 10] is 70 or more
<>branch if var [xxxx: Numbers 10] is 80 or more
<>branch if var [xxxx: Numbers 10] is 90 or more
<>show picture: 2, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 2, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 2, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] + "width of your number graphics"
<>branch if var [xxxx: Numbers 1] is 0 or more
<>branch if var [xxxx: Numbers 1] is 1 or more
<>branch if var [xxxx: Numbers 1] is 2 or more
<>branch if var [xxxx: Numbers 1] is 3 or more
<>branch if var [xxxx: Numbers 1] is 4 or more
<>branch if var [xxxx: Numbers 1] is 5 or more
<>branch if var [xxxx: Numbers 1] is 6 or more
<>branch if var [xxxx: Numbers 1] is 7 or more
<>branch if var [xxxx: Numbers 1] is 8 or more
<>branch if var [xxxx: Numbers 1] is 9 or more
<>show picture: 3, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 3, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 3, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Numbers 100] set var [xxxx: Hero Max Hp]
<>variable oper: [xxxx: Numbers 10] set var [xxxx: Hero Max Hp]
<>variable oper: [xxxx: Numbers 1] set var [xxxx: Hero Max Hp]
<>variable oper: [xxxx: Numbers 100] mod 1000
<>variable oper: [xxxx: Numbers 10] mod 100
<>variable oper: [xxxx: Numbers 1] mod 1
<>variable oper: [xxxx: Picture X] - "twice the width of your number graphics"
<>variable oper: [xxxx: Picture Y] + "height of your number graphics"
<>branch if var [xxxx: Numbers 100] is 0 or more
<>branch if var [xxxx: Numbers 100] is 100 or more
<>branch if var [xxxx: Numbers 100] is 200 or more
<>branch if var [xxxx: Numbers 100] is 300 or more
<>branch if var [xxxx: Numbers 100] is 400 or more
<>branch if var [xxxx: Numbers 100] is 500 or more
<>branch if var [xxxx: Numbers 100] is 600 or more
<>branch if var [xxxx: Numbers 100] is 700 or more
<>branch if var [xxxx: Numbers 100] is 800 or more
<>branch if var [xxxx: Numbers 100] is 900 or more
<>show picture: 4, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 4, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 4, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] + "width of your number graphics"
<>branch if var [xxxx: Numbers 10] is 0 or more
<>branch if var [xxxx: Numbers 10] is 10 or more
<>branch if var [xxxx: Numbers 10] is 20 or more
<>branch if var [xxxx: Numbers 10] is 30 or more
<>branch if var [xxxx: Numbers 10] is 40 or more
<>branch if var [xxxx: Numbers 10] is 50 or more
<>branch if var [xxxx: Numbers 10] is 60 or more
<>branch if var [xxxx: Numbers 10] is 70 or more
<>branch if var [xxxx: Numbers 10] is 80 or more
<>branch if var [xxxx: Numbers 10] is 90 or more
<>show picture: 5, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 5, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 5, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end
<>variable oper: [xxxx: Picture X] + "width of your number graphics"
<>branch if var [xxxx: Numbers 1] is 0 or more
<>branch if var [xxxx: Numbers 1] is 1 or more
<>branch if var [xxxx: Numbers 1] is 2 or more
<>branch if var [xxxx: Numbers 1] is 3 or more
<>branch if var [xxxx: Numbers 1] is 4 or more
<>branch if var [xxxx: Numbers 1] is 5 or more
<>branch if var [xxxx: Numbers 1] is 6 or more
<>branch if var [xxxx: Numbers 1] is 7 or more
<>branch if var [xxxx: Numbers 1] is 8 or more
<>branch if var [xxxx: Numbers 1] is 9 or more
<>show picture: 6, "graphic of a 9", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: else handler
<>show picture: 6, "graphic of a 8", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 7", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 6", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 5", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 4", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 3", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 2", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 1", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: else handler
<>show picture: 6, "graphic of a 0", (V[xxxx: Picture X],V[xxxx: Picture Y])
<>
: end
<>
: end

Now you have showed the hitpoints and maximum of hitpoints of a hero in your party I would like to say that these kind of events should always be called. Don't EVER use parallel processes to show numbers or any pictures, it will lag very much and it has absolutly no use. I wish you good luck on your game and I hope this tutorial helped you in the development of your game.

Trujin