Health Bars Reimagined 💥 No Pen...?!? 👍 Scratch Tutorial

In this tutorial we will talk about a clever new technique for creating Silky Smooth Health Bars in Scratch using a sprite & a clone, no pen or stamping required, and with only 3 costumes! This results in a superbly usable health bar with none of the limitations of the costume based method. Learn to code like a pro with this easy to follow Scratch tutorial. Super fun, super efficient, and super effective! Helping you make games that look amazing :) Scratch Health Bars for the win!
🚀 Boost Your Creativity with Griffpatch
The Griffpatch Academy will take you from "Gamer to Game Creator"
Learn more at 👉 griffpatch.academy 👈
😺 Scratch was developed by the Lifelong Kindergarten Group at the MIT Media Lab. See scratch.mit.edu
🐱 Scratch Studio for this Episode
scratch.mit.edu/studios/32274...
------------- Video Chapters -------------
00:00 Intro
00:43 How it works
01:43 Sponsor
03:21 Let's make this
04:53 Draw a half filled health bar
06:39 Coding the Base Health Bar
07:24 Funky sliding health sprite costumes
08:48 Health Bar Clone
11:07 Making the Health Bar Move
13:16 Cycling Colour with the Health - Green, Orange, Red
14:47 Issues
16:25 Outro

[@AbsoluteZRO]

I love how griffpatch gives so much energy and time into his video that 6:43 he renames "base" with "base"

[@kittinanpakboon8129]

He accidentally change it beforehand But everyone doesn't so he has to rename it again

[@anasoares6476]

XD that is hallarious

[@zackplays6676]

L O L

[@azzamshahzad]

LOL!

[@MATH-CUPID]

6:40

[@user-or2iv9sw7c]

No one has watched this video to the end yet, but everyone knows that it will be wonderful

[@starbeam7679]

This is a creative comment

[@lefrog4893]

@@starbeam7679 yea

[@vihaank23onscratch]

I have on 2x

[@bhaktabasnet7132]

@Chicken BockBock222 me too

[@eddgow]

@@bhaktabasnet7132 me three

[@rosycookie._]

Kudos to Griffpatch for finally having a sponsor!

[@jake_oshea15]

Yea but it's raid :(

[@jackatk]

Kudos to him??

[@YarnDuckGet]

@@jackatk it means compliments or congratulations

[@calmguitar8530]

@@jake_oshea15 So what if its raid? I know alot of youtubers use the sponsor, but its no different from any other. Sponsors really motivate creators to continue making content and it really supports them.

[@jake_oshea15]

@@calmguitar8530 nah its just the meme.

[@gaspadoroantonos9364]

Am I the only one here who noticed the ‘’Fill’’ color turning into ‘’Guy’’ from the plateformer tutorial at 5:06? I love this kind of detail, it’s really nice !

[@mrs.mcbride5746]

I did too!

[@microscopicallysmall]

I did too, and I thought I was either going crazy or he had a modified version of Scratch until it turned back into the regular color.

[@snufkin8940]

Congrats on the sponsor! I'm glad you're getting something in return for making your tutorials, you deserve it!

[@griffpatch]

Thanks so much!!

[@lzr_music]

@@griffpatch Griffpatch i did not expect this from you.Raid is f--king 9+

[@Superfastisfast]

@@lzr_music swears are 18+

[@lzr_music]

@@Superfastisfast yup,not in our country.i know a girl that knows all swear words of 3 languages☹

[@lzr_music]

@@Superfastisfast the worst is not that at all.he also knows the d word💀

[@boxxy7688]

I think it would be a cool idea to make a tutorial for unique enemy AI. I have made some games that require lots of AI (some more complex than others), my newest AI design is the most difficult. not for my own sake but I think it would be cool to see what kind of enemy AI you can develop, removing that robotic feel. such as they follow you until you're out of view/get stuck/get captured. Edit: if anyone is curious the hard AI I'm making is similar to the gargutron nextbot.

[@sequelz]

Yesssss

[@trombone28]

Perhaps a "boid pt2" type video

[@wiseowl83]

If it’s a platformer, @dkuniverse has a pretty good so tutorial

[@BlockTSB]

he has check his platformer series

[@falafel_83]

I made 3 bosses (by myself) with pretty basic movement patterns in my basic platformer game

[@shoppingwithgonzalez2392]

The quick rundown on how it worked at the beginning was really nice. It let me think of how I could remake it without watching the rest of the video. Which made it even cooler to find out how you put it together

[@griffpatch]

Glad you liked it! - That is what I was trying to do :D

[@loocoonami]

i 100% agree with this

[@wyattpro1105]

❤

[@justZACK99]

Your healthbar would be so good for an FNF game! Thanks!

[@OutlawWithPoncho]

Raid? Really?

[@Dabicco]

The "Big" Sprite has literally solved all of my scratch issues! I use it in almost every game I make!

[@SLeapy_Frogii]

For anyone who is struggling with the creation of the health bar costume, use this tip instead: change your brush size to 5 do what he said but outline the area with that pixel and fill it in, it makes the process simpler and easier to stay perfect :)

[@SLeapy_Frogii]

And for further perfection, to fix any border mistakes, the brush size for the border is 2

[@RenardioMFG]

This is a really creative way of adding health bars, really cool

[@_uttirno]

The thing that i love about griffpatch is that the code can be used in any project

[@CarlosPerez-hz6ie]

You really deserve that sponsor for your hard work on these tutorials

[@KaydenAP]

Griffpatch's inventions are always amazing

[@tw1nt008]

I am so overjoyed that griffpatch got a sponser! I've been watching his videos for years!

[@luigipunchanimation6745]

Every time you continue to surprise me with new tricks i didnt think was possible! This is one of the most creative ideas on health bars. Great job 👍

[@rhyan4015]

This is so awesome thank you griffpatch! So simple yet it slipped all of our minds!

[@mcl_playz]

Congrats on your first sponsor griffpatch! Again another great video!!!

[@creepersaur]

"I wish we had drawing tools..." Griffpatch! The Scratch Addons extension has an onion-skin feature which allows you to see a ghost of the previous costume. (Used alot in animation). Very nice video, I was expecting a much harder or PEN used health bar.

[@gameking1169]

I use that feature for animating!

[@jpsAR]

and also there is a snaping feature too!

[@tommyanepicgameer]

Thanks for the amazing smoothness! this is a scientific breakthrough in mind! 🎉

[@tommyanepicgameer]

Btw, claim your within 1 hour ticket

[@griffpatch]

Ching

[@eddgow]

@@tommyanepicgameer i claimed it

[@Hack_130]

Yeeey, I was searching tutorials like this and you uploaded this! Thank you Griffpatch!!!

[@griffpatch]

Happy to help!

[@N8-Squared]

OH MY GOD! THATS GENIUS, I NEVER WOULD OF THOUGHT OF THAT. On top of it being easy to do with clones or separate sprites (if you don't know how to use clones) but if you were to do it with pen it would be super performant! I am actually gobsmacked, my jaw is on the floor. I'll be honest, when you started the RPG series, I got back into scratch and I started working on a big pen project that I am really proud of. It is defiantly my best game to date and if I end up finishing it I'll come back and let you know.

[@griffpatch]

I'd love that!

[@N8-Squared]

Why did I write that damn comment? So I had been working on that big game which was a picross game. I was trying to put a lot of effort into it where I added a level editor, a level code system, I was gonna add community made levels progressively after it was released, I added a level select screen where it loads all the levels and draws them with pen, etc. When near the end of development I realised... WHY AM I MAKING THIS IN SCRATCH!? so I not working on this scratch version anymore and I may potentially make a mobile version in unity instead. I have found that a lot of picross games are either made to make loads of money or just don't have features like level editors and stuff, and I want to put as much into one as I bloody well can. If that ever ends up happening I'll let you know how it goes. Also, I have only shown this game to friends who either don't use scratch or know what a "picross" or a "nonogram" is so I was wondering if you would like to take a look at it? I could send the .sb3 to you via like twitter dm's or email or something idk.

[@hussain_2x_]

Never thought I'd see the day when Griffpatch would get a sponsor, you've made it Griffpatch, here's a cookie 🍪 Edit: COOKIES AND MILK PARTY! 🍪🥛🎉

[@griffpatch]

Yum yum thank you!

[@hussain_2x_]

@@griffpatch I've got enough for everyone! 🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪🍪

[@tomacmar]

@@hussain_2x_ thanks!

[@ihunthackers9338]

@@hussain_2x_ crunch crunch crunch nice cookie

[@hussain_2x_]

Here's some milk for you guys 🥛🥛🥛🥛🥛🥛🥛🥛🥛🥛🥛

[@JMNplays584]

Thank you so much! I rally needed the simple health bar for the turn-based combat RPG im working on!

[@tigershelf]

This is an actual good tutorial, 1: It's so simple to code, you can just backpack the code and use it for other projects! 2: It only uses 1 clone, so you don't have to worry about those messy pile of clones, Thank you griffpatch for this :)

[@Iminsanealr]

This is just awesome! Thanks a lot griffpatch for another awesome tutorial!

[@griffpatch]

You're very welcome!

[@Iminsanealr]

And, congratulations on getting sponsored!

[@Iminsanealr]

@@griffpatch =D

[@LiteralHat437]

I liked the part when you went to the costume category and the fill color saw us and later his eyes dissapereaded, that was amazing!

[@DexFire1115]

Really useful tutorial. I’ve been using clones to create health bars for several years now and painfully working around a 200 or lower clone limit as a result.

[@exqgenius]

Boy, I don't know how this is possible in scratch, most of us would be making it so much more complicated than it already would be. But griffpatch to the rescue, he saves our projects in the simplest way possible! Glad you got your first sponsor, and enjoy it! RPG# 7 coming out soon guys

[@zizikim3174]

i am glad that you have a sponsor now, good job!

[@griffpatch]

Thanks! 😃 - Let's see how things work out, I hope I did a good job with the video!

[@scrillex0995]

I agree with you, he is making great videos which we can watch for free, so watch an ad is much easier than pay money for that

[@Speed-TV]

I think it would better to put a broadcast tick block inside a forever loop, and use the "when I receive tick" to do the positioning scripts. That way all the clones and the original sprite can go to their position and it won't lag behind when there are other loops in the project.

[@griffpatch]

Very good idea :D - And it's very much up to you how you want to go about this!

[@mirrorkirby123]

I used this tip. Thanks.

[@Diego_2-22]

Another thing that could be done is make a custom block that makes a sprite go to a certain position relative to another sprite, because with custom blocks you can disable screen refresh, which is the very tiny amount of time that otherwise passes between the running of each block.

[@JayOnCamera]

I'm a little confused as to how this would work with a clone. Could you explain this to me?

[@Speed-TV]

@@Diego_2-22 I don't think that will work because a custom block inside a loop will still run like an animation, and I think it was griffpatch who discovered the fix to sprites "lagging behind" when going to another sprite using the tick system

[@NotShard1]

Congrats on 200k!!! 🎉🎉🎉

[@SirScroatyPeniasMcCheese]

Thank You! I've been working on a tower defense-type game (With a nice little spin to it) and was in desperate need of a health bar system!

[@quneptune]

is this your first sponser?

[@griffpatch]

Yep, first one

[@That1Knife]

For me for some reason the original sprite would lag- when I would have my character move (I used this in an already partially complete game) the original sprite would lag behind, but not the clone. I fixed it just by making two clones, each with different costumes in the correct order, detecting which costume it was under the "When I start as clone" and put the script in an if-else statement. It also fixed the tiny line thing, but that might just be because of my size.

[@samueldanemedio5870]

Can you tell me the code for each clone?

[@That1Knife]

@@samueldanemedio5870 Sorry, what do you need help with exactly?

[@samueldanemedio5870]

@@That1Knife when my sprite (character) moves around in my game, the 'full' healthbar would lag, but not the clone

[@samueldanemedio5870]

Sorry if I sounded like a little kid earlier, I didn't know if you would reply because the original comment was 1 year ago.

[@samueldanemedio5870]

I just need the code for each clone

[@sudsy716]

Just came from 3D ray-casting. It's nice to go back to the basics

[@Swopher]

Props for Griffpatch for putting the effort to make this video, very useful for my new game I´ve been working on! Thx! 10/10

[@saschawalder6361]

When will come the next Part of the Tile Scrolling Platformer

[@griffpatch]

I have no answer! I don't have a schedule I'm afraid

[@saschawalder6361]

Please this is my favorite series

[@djChris_]

@@saschawalder6361 mine too!

[@saschawalder6361]

Nice to hear

[@exqgenius]

Pretty please with a orange and white cherry on top

[@alikirac9454]

Why not rpg tutorial !! 😭

[@blazingnothing9418]

that health bar can be used for the rpg project

[@clutterfunkin]

Thank you so much all of your tutorials has been helping me with my dream game!

[@Stunt7]

Yay, Griffpatch have a sponsor, congrates :D

[@Metromex_386]

I thought another rpg tutorial was gonna happen lol. But what an surprise for something else! As always, please continue with your hard work

[@lilkangarooo]

BRO a sponsor on a Scratch video!? Good job Griffpatch! You've made so many handy tutorials!

[@chickennuggetchromer2453]

thank you for the video! it really helps. also good job on getting sponsored , i will be playing raid after this video.

[@otistically]

That was the smoothest sponsor transition I've ever seen.

[@semvermeulen7039]

you used to be only useful for your scratch addon but now you are one of my mean inspectors keep up the great work

[@crusherblade8161]

Congrats on 200k! You've put in amazing effort, and it's paying off...

[@SparrowTutorialsFun]

1k subs to gooooo and CONGRATULATIONS FOR 200K SUBSCRIBERS

[@onyxtautuhi3473]

This is probably the most clever ways for heath bars to be utilised. Such a simple idea!

[@weegie3343]

You finally got a sponser! I’m so proud of you! You honestly deserve it. =)

[@-watermeloneater7204]

Awesome! It gives me motivation to code again! Well the reason: I'm a perfectionist and well, need EVERYTHING to go well, so when I create a project, my mind is basically blank. I need some technical stuff! Thanks!

[@1080GBA_SC]

Thanks griffpatch this made my day!!

[@neonsphere3129]

Congratulations🎉 on 200,000 subscribers!

[@Flint_TV-official]

i have done an extremely similar method for about a year on various accounts,and i still dont know how to do a pen one that LOOKS good XD your videos help heaps of scratchers that are just starting out,keep up the good work!!!

[@pastatheh7041]

I didn't even know health bars could be possible on scratch without stretch... Feels like magic!

[@suspended67Animations]

Wow! This is so helpful! It was pretty complicated, but still more simple then I thought it would be.

[@randomstickman16]

Man, you're the best scratcher out there! Your tutorials are amazing! You're so close to 200k subscribers, i hope you reach it next week!

[@_tophat]

hey he might reach it tomorrow he has 199k subs

[@JuanGamer0202]

Just as i was trying to make a brake pressure indicator for my Train Simulator project, awesome

[@edwardbehilo4869]

I love you griffpatch! I always wanted to make this. What did I do? I made a endless amounts of variables and costumes that sort of work but kept lagging. At the end I had to scrap it because it kept crashing my computer until... griffpatch saves the day.

[@Speed-TV]

6:06 I think you could of used the brush tool or the line tool to actually draw the edges of the red bar inside

[@nodonguy1228]

This method makes so much sense! Thanks for the help.

[@Loki_rocks]

Thank you griffpatch!! And goodjob on your first sponser!!!!! :D

[@JkVidsChannnel]

Congrats on 200K subs!👍

[@LiIGremlin]

im making a pokemon game and i've been having a headache trying to figure out how to do this, tysm, this tutorial is a life saver 😭

[@The_Mineral]

Griffpatch has come so far that he even got a sponsor! Keep doing what you do.

[@darkergen]

Funny thing! I was watching the health bar video today ! Though I'm glad you finally have a sponsor!

[@ShapedExtract]

Congrats! You Made Me Seen My 250th Sponsor! Thank You!

[@ziroo_]

I never expected to see an Ad in your video, congratulations bro ✌️😃

[@griffpatch]

Thank you so much 😀

[@apolloscott2164]

This technique is AWESOME!!! You deserve a sponsor!

[@griffpatch]

Wow, thank you!

[@BobChess]

Thank you Griffpatch. It is very useful to my project. Scratch on!

[@griffpatch]

Glad it helped!

[@ASprout]

This is cool, I thought you were going to use clones to have 3 different color sprites but this is a much better strategy

[@aoifecreavin]

I haven’t watched this video all the way yet, but when I saw it was a new griffpatch video I was like 🤩🤩🤩🤩

[@koalas_4_life]

15:55 : "Ugly like an ugly thing!" ~ Griffpatch, 2022

[@mieszkoszuberski6889]

This is so good! I Can,t believe you got a sponsor! Happy scratching:)

[@quinsy2256]

You said this wasn't a video for the rpg but this serves a lot for my game ❤️ Than you a lot griffpach 😊 im doing my dream game 👍

[@griffpatch]

So cool! - Well an RPG kind of has a bit of everything, so yes this too is applicable :D

[@madnessmyth]

I watch this channel of how clever it is, i never used scratch, but these technqiuenes are pretty smart too.

[@retrochronic44]

I ASKED FOR A MULTIPLAYER TUTORIAL AHHHHHHHH. But this is still good

[@user-sus6969]

new multiplayer tutorial time

[@retrochronic44]

@@user-sus6969 I saw

[@ZenXZez]

griffatch was the best scracher in my life i cant believe i start from drawing now to creating games thank you!

[@griffpatch]

So cool!!! Scratch On!

[@shmish5818]

This is such an optimized way, it greatly surpasses my original method which uses 20 clones, I'd much prefer your 3, more room for more clones, and super optimized

[@griffpatch]

Quite right - Surprisingly simple, and very optimised :)

[@sourcream1671]

griffpatch: im a family friendly youtuber who has mostly 10- kids as viewers raid shadow legends: perfect

[@TacoAnimates-zj1yz]

This and your save code video both helped me make my own RPG! Thanks!

[@anapina6723]

Congrats on the sponsor! You really deserve the support from other larger companies. You have been a HUGE inspiration for me. Without you, I wouldn't even know scratch existed! So, congrats.

[@pessskychaos4874]

Good job on your sponser! And judging by the showcase, this method seems really easy lol, and its literally like 3 days after i make my own bossbar [i really like mine tho :) ]

[@DogeisCut]

Hey! i use this method in my games all the time, glad more people can know this!

[@skullcat324]

Its really weird to hear giffpatches voice in a raid shadow legends sponsor, it's actually kind of hilarious because usually his videos are pretty layed back. Keep up the amazing content 😂

[@extrem780]

ikr

[@seanieshajackson7300]

This was really helpful because I was thinking of using this and maybe something else for the power system in my horror game

[@minh6290]

This video came out just the time I needed!

[@Geomasterinagame]

You were the first person I subscribed to lol. And almost 200k Either way though, I would say that a pen one is better because then you can have an infinite amount and it's less laggy

[@micahc6046]

Great job, you got the sponsor! You really deserved it, you make great content!

[@caldrenate]

OMG Griffpatch certainly has taught me A LOT!!!

[@KJPlayer]

no one gonna talk about the insane editing? so SMOOTH!!!

[@idk_something301]

6:00 you can use the pen tool and set the pen size to like 1, then it will make you perfect small suquares that are aligned with the grid automatically so you won't have to sit there for hours doubting your own ability to make a box straight

[@Shincat5689]

THANKS i needed this for a game i just started perfect timing😎

[@somestupidkid8638]

Thank you so much for the tutorial!

[@zinklebob3650]

This is so clever, will definitely use!

[@angelicxavier4751]

now this, this is what i needed. thank you so much griff

[@NaufanAlFatih]

Its Amazing! Thanks for the tutorial

[@KFam19]

This is absolutely incredible. You have earned a sub.

[@keyboardwarrior5756]

wow, this is quite an intuitive solution! very efficient as well, not much code has to be ran to do it

[@huntify]

THANK YOUUUU SO MUCHHH I USED THIS TUTORIAL

[@BasketBoy123]

Thanks, It helped a lot in my surprise project