Thanks to @griffpatch for all of the code xD. Follow @XMate-Tech for more. Backpack this and credit me whenever you put it in ANY of YOUR projects. But Hey! I fixed one bug that @griffpatch couldn't. After watching his video, when you drag the cat sprite to the down edge, you will see the same issue of the clone separating from the original. To fix this in the when I start as a clone, in the forever loop, before the Position Bar block, add a "switch costume to Big" block and after the Position Bar block, add a "switch costume to Base" block again (that's what I did and he didn't) How this Works!- We have 4 costumes each of which are important. We will not discuss about those here. I will briefly explain the use of the variables here first. The "MAX HEALTH" variable is for setting up the maximum health a player can have. The "HEALTH" variable is used to change the amount of health the 'player' (in this case Scratch Cat) has. The "percent" variable is basically representing the health in values of (and in-between) 0 and 1 by dividing the "HEALTH" variable by the "MAX HEALTH" variable. The width is used to define (in a later stage) the x position of the bar by multiplying it with the percent. Also, in a basic way, width is the width of the full bar (excluding the border - that is 46 pixels here) multiplied by the size of the bar (in this case 300) divided by 100. The "Big" Costume is used to squash border bugs (delete it and drag the cat to the left/right border and the up/down border to see). More explanation might be added later.
