Cloud Game Tutorial | Part 3 | Multiplayer

This is part 3 of how to create a multiplayer cloud game in Scratch 3. In this episode we expand the cloud engine to support 4 players at once. We also learn a little more about clones, custom blocks, run without screen refresh and numeric vs. string comparisons with loss of precision.
I have shared the scripts from part 2 here if you want to remix: scratch.mit.ed...
Part 1 - The Basics - • Cloud Game Tutorial | ...
Part 2 - Encoding and Decoding - • Cloud Game Tutorial | ...
Part 3 - Multiplayer - • Cloud Game Tutorial | ...
🚀 Boost Your Creativity with Griffpatch
The Griffpatch Academy will take you from "Gamer to Game Creator"
Learn more at 👉 griffpatch.aca... 👈
😺 Scratch was developed by the Lifelong Kindergarten Group at the MIT Media Lab. See scratch.mit.edu
In further videos we will look at smoothing things out, player interactions, lag, lobbies and game joining, etc.
Other multiplayer cloud games I have recreated in scratch are slither.io, agar.io, diep.io, Terraria, bomber man, and a few off my own including multiplayer platformer fun, and fireflies, and tanks.
Hi, I'm griffpatch from #Scratch (scratch.mit.ed.... I create and program games in the online Scratch coding website / language often used in schools to teach the basics of learning to code. In this #tutorial series I will be teaching the basics of how to create #multiplayer #games in Scratch using #cloud variables. In this episode we will create a small project that communicates the mouse position from one web browser to another. We also see the immediate limitations of how cloud variables which we will then learn how to overcome in subsequent videos.
Also in this video you get to see my Scratch port of slither.io which you can find here: scratch.mit.ed...

[@BlessedDog]

You know what's cool, I found your scratch projects and your KZbin channel because my teacher used your projects as examples during our coding courses. He said that he knows a guy who makes really cool projects, I agree with him.

[@griffpatch]

Thank you nice teacher :)

[@TheDuckter]

wow!

[@oliviaasverycool]

Amazing explanation Talking clearly, great. No glitches, amazing Showing all of the screen, thee best. Clearly, all of us, yes you too, looking at this comment, should thumbs up!

[@geekygirl0333]

It always feels crazy seeing your messages, I can only dream of having more than 10 at once! Great video, thanks for the tips. I'm trying to get better at Scratch at the minute. Stay safe everyone!

[@bleu4906]

if you want more than 10 messages just say a controversial comment on a featured project and wait for a year. you'll get hundreds

[@geekygirl0333]

@Bleu Thanks for the advice, but I don't think that is the sort of attention I'm going for.

[@bleu4906]

@@geekygirl0333 I know, it was a joke :) have a nice day!

[@geekygirl0333]

@Bleu Oh, I see now! XD You have a nice day too. :)

[@scratchcat5863]

I got 467 messages at a time once but now I normally get around 30.

[@aparrot4254]

I can not thank you enough for these videos! The fact that you are using your spare time to make tutorial videos to teach those (me included) who struggle with cloud multiplayer is awesome. Keep up the good work.

[@mosschopsful]

Your voice is amazing, your coding skills are sensational, your projects feature creative ideas, your tutorials are well-done, everything about you is wonderful. Keep up the good work :D

[@griffpatch]

You are far too kind ;) I'm sure you are just as awesome as you make me out to be :)

[@mosschopsful]

​@@griffpatch Thanks!

[@progCan]

"Your voice is amazing" i mean it is good in this video but compare it to his other videos (for example kzbin.info/www/bejne/iKeUpamNidmXa68&ab_channel=griffpatch ) and it suddenly becomes terrible. not like it is bad in this, it just became MUCH MUCH better.

[@thecodingguy2368]

I have been following your previous parts and have been amazed by the fact how you are so good at it and know what you are doing as well as you do

[@thecodingguy2368]

it's so nice of you to like the comment ( ͡° ͜ʖ ͡°)

[@christianschmid3444]

Thanks , you're realy helping me in getting better in scratch

[@yingkaishao2939]

Thanks for teaching me how to make clones appear at once! I had some trouble doing it and then I saw that your video had come out and decided to watch it and so I found how to do it. Thanks!

[@hexagonalism]

3:33 "Those who can count" Wait how many sides do I have again? 7, isn't it? In all seriousness, your tutorials continue to be helpful, especially when you explain the various weird things Scratch does. I'll probably end up using these strategies when doing a collab on Scratch. Amazing job again :)

[@04tmoodyscratch24]

I quoted the same line lol.

[@judeposey2395]

omg r u joking?? u have 6 sides right?

[@qwertyuiop.lkjhgfdsa]

@@judeposey2395 yes, they're joking i always remember how many sides a hexagon has because hex = curse = demon = 666 = 6 and that's how many sides a hexagon has

[@judeposey2395]

@@qwertyuiop.lkjhgfdsa lol yea 😝

[@_quite.essentiallyjay]

@@qwertyuiop.lkjhgfdsa 💀

[@GDNachoo]

Honestly cant wait, I always have struggled with telling when players dissconnect, and of course i never figured out scratch incompetency with numbers

[@rens2]

I already love it

[@griffpatch]

he he :)

[@ruhanchaudhary123]

Rens2 nah griffpatch is too nice lol

[@maaf.official]

:():():():():():()

[@davidkrivit7967]

wait... have i seen you on scratch before?

[@OOJMi_]

@mightyrext5278:):):):)

[@AngryecksButActually]

I like it how you spend 10 minutes showing how to make a chunk of code and then say "oh no! It seems it's not working and that's not professional, so let's remake the entire block to show you how to actually do it like a pro" it's really funny when it happens and it just burns into my brain, "scratch thinks your animating work around it with this" it's actually a better method than most of my teachers :D

[@CoolScratcher]

This is very creative. I love the way that even though you are a very smart guy, you are also a very funny person who I and a ton of others look up to as a very talented scratcher and a genius, basically. I started off with Scratch five years ago, and until now I had no idea that I had just (forgive me) SCRATCHED the very surface of these colorful, powerful bits and pieces. I had thought that adults were mean and did not care for kids at all. I, in a nutshell, was a corrupt, slightly creative, and very angry at adults type of kid. Sure, I had friends, but I operated alone and did not care for learning from others and needed to really step my game of niceness up. All of my friends were, basically, fake. I could be looked on as a madman (or madkid??), for I used to scream, shout, throw things, and had no discipline at all. As my programmer dad would put it, my behavior was atrocious. Then you and Scratch came along. You taught me that adults DID care for kids. My life was turned upside down, in a good way. I cared for people, I learned things, I finally started to get good grades. Scratch has taught me a lot of lessons unrelated and relating to programming, and one of them was... You can never fully complete your learning until you teach. So I taught. My business? About teaching. My life on Scratch? Based first on welcoming and teaching new scratchers, THEN getting followers and whatnot. You will not belive my age, after reading all this. It is twelve. Yeah, I'm just a kid, yeah, I run a business... But I will never stop teaching. Never. Griffpatch, I speak for the rest of us when I say this... Thank you. PS. Check out my company's website! kidcreatorsteam.com Yes, I programmed it myself.

[@griffpatch]

Wow - you are one talented kid :) - Thank you for your kinds words, and I'm really pleased you are working so hard to be a helpful and kind person - I myself made a very similar decision when I was young to do just the same. I'm proud of you! Griffpatch

[@CoolScratcher]

@@griffpatch That was so nice of you to actually reply! Thank you for the compliments, and it makes me feel good that you're proud of me.

[@CoolScratcher]

@-Bonfire- Thanks - a lot of scratchers make than decision.

[@CoolScratcher]

@pushpraj nigwal Cool--Scratcher

[@andrewzhuo6399]

Very great tutorials! With your explanations I didn't feel lost! Can't wait for your appel platformer!

[@Meekaryo]

0 dislikes wow!!! good video, and thanks for like everything. you were the one who inspired me to make scratch projects. and youre tutorials helped me alot!!!!! so thx for that :)

[@rodrigoj.gramajoavila3178]

2*

[@ruhanchaudhary123]

@Vortex Gam3z Wow lol Im looking at this they said that 2 months ago and you said that 2 weeks ago... (only 4 dislikes is 1.5 months >:)

[@danielharrison5000]

Thanks a lot. I look at your games and go "what on earth?" and then you explain it so well on youtube.

[@04tmoodyscratch24]

The 9 dislikes are from "those who can't count" (3:33)

[@griffpatch]

lol

[@shrutiprabhune819]

im dying no seriously

[@Navy-729]

Heh

[@maaf.official]

?????

[@thecodingguy2368]

haha

[@WedPainter]

wow this is so much easier than looking into other people's projects and trying to copy it. This is really helpful, Thanks.

[@pandat1070]

awesome video! will future videos go further into depth about detecting when a player actually leaves instead of just holding still? and also automatically placing new players in an open slot?

[@griffpatch]

Yes, exactly those things :)

[@bigmancozmo]

I came back to this series as an experienced Scratcher just because from experience I knew what everything did and how it did that

[@osch415]

*listens to this while I sleep* The next day... *becomes griffpatch 2.0*

[@llllshane6.0gamingllll7]

Oscar Cheung lol

[@KT-vc7pq]

wOw, tHaT iS rElAtAbLe

[@crashcloud8945]

I spent 4 hours tring to fix a bug that was my clumsy fingers and a misplaced varible. Thank god it works now.

[@wolfwolfwol]

In the next part(s), can u show us how to do the screen scrolling WITH the other players? Also, what about costumization? SIDE NOTE: Great explanation!!! ;)

[@Т1000-м1и]

I think i have an idea how to make it, projects are local, so in a theory you could make everyone have separate position, about cental, X scrolling would be easy to make, calculate central point and make formula for zoom, X Y scrolling is the same but much harder

[@wolfwolfwol]

@@Т1000-м1и GREAT!

[@loveliestcharlotte]

Thank you so much! This series really helped me understand and learn about Cloud Multiplayer. It also helped me learn more about variables, lists, and custom blocks. Even though I've had my troubles, it turned out great. Once again, thank you!

[@MemerManStan]

where's part 4 of the series? I can't wait!

[@ExpertNoSayer1543]

Your videos are so good and i think the people that disliked just disliked because they are jealous of how good you are at scratch

[@thatboredinternetwanderer140]

Cloud variables part 3!!!! that was actually fast

[@8BitOSC_]

I only just realized that this was uploaded on April Fool's Day. And it works. Wow.

[@maxybg]

Dude imagine griffpatch made us follow through a 30 minute tutorial only to realize none of it's real 😭

[@Tawinner]

hoii i’ve been waiting :3

[@megamanchamp3594]

hi

[@AMSASH]

Bye

[@thatscertainlyinteresting]

I always love the run without screen refresh, it makes things way easier in scratch

[@thatscertainlyinteresting]

(though you have to add a lot of my blocks)

[@xavierbradford5528]

Griffpatch! What do you think of the April fools prank that everyone is unfollowing you then refollowing you

[@griffpatch]

Ha - an interesting social experiment ;) - Perhaps not the most hilarious thing ever - he he - but well... it's a thing ;)

[@monnamonsta]

I was invited to that activity, but then I thought about how much lag would griffpatch's computer have xD

[@claytonkruse]

I really can't wait to see how you make it so smooth!

[@Polds]

whys this released today. today is the only day in the year i'm sceptical whether any video is real or not

[@helix4267]

What-?

[@kevinoutofcontext]

@@helix4267 it was posted on April fools

[@helix4267]

@@kevinoutofcontext oh lmao

[@HeHe169]

=0 OMG I never knew the thing at 2:24! My life will forever be changed

[@calvinscarvings.66]

Griffpatch, instead of just fading out I HIGHLY recommend using: change whirl effect by 5 Change pixelate by 1 Change ghost effect by 1 It looks so cool!

[@cr7thegoat951]

Omg!

[@stijnlenting]

even after 3 years u still helped me a lot! keep up the good work!

[@jayp.8415]

Has anybody noticed all of the blocks that start out a script (For example, the when green flag clicked block and the define (blah blah blah) block) are cats now..?

[@Nebulix]

yeah..

[@xavierbradford5528]

Yup I thinks it’s an April fools it’s kinda cute tho UwU

[@andrewzhuo6399]

yes, now it isn't sadly

[@aaravkakkar1472]

april fools prank. And they are called hat blocks and on april fools, cat blocks

[@taekookismylife617]

your the best for teaching us all of this even if the project is hard to code you can break it down and let us copy your tutorial. thanks for everything!

[@CrystalKeeper7]

Hey, you didn't annouce this one :P

[@griffpatch]

Announce it where? On my community tab? On scratch or elsewhere?

[@CrystalKeeper7]

@@griffpatch Elsewhere :P

[@acc-lab1233]

you are in the video! wow xD

[@CrystalKeeper7]

@@acc-lab1233 Yep :D

[@trisXP]

@@CrystalKeeper7 wow ur lucky

[@anaysurana3140]

you are the most followed scratcher your tutorials are helpful what type of a scratcher are you you are the best

[@zulianfr]

Ok. This is the part when I slowly didn't understand anything. On top of that I'm French that's doesn't help.

[@griffpatch]

Oh no! :( - Maybe it's because I needed to give an overview of what the scripts are now doing... how the project works... I know I was more describing what I was doing, not why... I'll try to do something about that if I can.

[@zulianfr]

@@griffpatch Yes, I think that's it. You maybe should more explain why are you doing this or this. And maybe a little more of real example, like show what's happened if you don't do a curtain thing, like with the letter A and the loop.

[@zulianfr]

@@griffpatch In any case it's great you thinking about people like me.

[@forevertoofr]

Français aussi ^_^

[@zulianfr]

@@forevertoofr Ravi de savoir que je ne suis pas tout seul ici !

[@BTRequiemOfficial]

i know im kinda late but clicking to change characters doesnt set my character to my mouse, and just fades away. The clones are also getting deleted immediately. how do I fix this?

[@oppositexnba]

This was made on April Fools... O_O

[@evanpaulson6096]

THIS VIDEO IS FLAWLESS, GREAT EXPLANATIONS, AND MORE. IF YOU SEE A RENDING GAME BY MCCHEEKA, KNOW IT WAS 99 PERCENT YOU ALL ALONG

[@wooper545]

4:11 griffpatch: "oh no, that's just not proffesional" me: it's like 4 frames which only takes about 1/6 of a second I mean really

[@maceater4565]

Thanks for uploading another video, they are well made. This video took me a while to figure out what was going wrong with my scripts. Keep up the great work!

[@realjames1]

Welp, this is a good thing to follow in quarantine. Amazing tutorials my man!

[@BrandonMakesGames_]

i spent two hours (not joking) trying to get my 3d rendering (also from your tutorials) to work with multiplayer (on this episode) 10/10

[@liamclery2457]

This is the best tutorial series yet!

[@imlenz4898]

This is probably the only legit video on KZbin tbh

[@Radlee.]

Part 3 came out! Let's go!! Thank you so much for making these!

[@ibpfan5549]

Thank you for the info! I have been trying to script that for a while now for a multiplayer hurricane game called “Hurricane” and your tutorial did really help me

[@relykz]

The legend has back! I didn't expect you doing part 3 of this series! This helped me a lot!

[@griffpatch]

I have so much more to cover! Hopefully we will see them all through together! :)

[@tejasnarula]

you are the best you explain the best your videos are clean and fast (thats good) keep it on i want more videos like this i always wait for your videos thanks

[@ruhanchaudhary123]

OMG ITS HERE THX SO MUCH! I already did it tho...(But it’s worse, a max of 5 players can be coded in) YOU ARE SO AWESOME!! Keep the tutorials coming ;D

[@КАПИТАНКАРТОШКА-г4ю]

you are the best teacher on youtube!

[@techmasterzack-yt6521]

About the loops slowing down, It works for me. That isn't a problem

[@2amateurs337]

Me in video 1: Ehh, that's nice, but I already knew how to do that Me in video 2: Wait why are we encoding? Oh, I see... Me in video 3: Aha! Brilliant! Also, good to know about the loops. Keep up the good work. :D

[@pnkajkum]

7:00 a truly fellow scratcher custom block: value = cloud # what he said: variable = cloud #

[@acc-lab1233]

Explaining really nice! I think I already know most of the coding's logic but this is the first time I use these thing together. Nice job griffpatch! Keep on great work! The long number comparing bug... wow it's the first time I know that XD

[@sarahmeisenhelter6222]

hey griffpatch, it's @screamingwolf123 here, I just want to say you make great projects and you inspired me to make games!

[@griffpatch]

Nice! :) Hope they turn out well!

[@judeposey2395]

Griffpatch is a legend.

[@trisXP]

:0 the legend is back! These are so cool! thanks for this series its really helpful! *jumps around when sees 3rd one is out*

[@trisXP]

Griffpatch loved! *faints*

[@centralkingdom23]

😀 you are very helpful griffpatch! I Subscribed! I am getting into coding because of you!

[@gamergrill9629]

I've been watching these cloud tutorials, and they're wonderfully made! Great explanations and editing. I've made my own cloud engine in the past, and it's surprising how many similarities it shares to your methods! The only thing I have to work out is how to predict where players will be to reduce latency haha

[@griffpatch]

Prediction is a bit of an art, and it's hard to get right except for games designed to mitigate the issue but moving slowly and turning slowly :)

[@gamergrill9629]

@@griffpatch Yes, that's very true lol - perhaps I'll just have to live with the .1 second latency!

[@griffpatch]

I'm afraid latency is much greater than that. 0.1 is the time between updates, bit it then takes more like 0.3 before another player gets the update, and then another 0 3 before your see them respond to your movement... Can be rather a long time!

[@gamergrill9629]

@@griffpatch Ah, that makes sense! - thank you for the info! I'm currently working on my cloud system; I appreciate the help!

[@gixtuh]

Thanks for the free encoder :D. With your encoder, I can finally make some cloud chat, a list, and more!

[@Freeborger]

griffpatch : being very helpful random guy : just gonna play this thing

[@raph_lenoob2805]

very good series it helped me a lot. there were good explanations. for me you are the god of scratch.

[@NeoniumOxide]

Thanks!!! Yesterday I can't do that but today it's works.I'am so happy!!!

[@04tmoodyscratch24]

Awesome! And it's not even an April Fools Prank!

[@amaurylecleziocoron7382]

it does not work for me, however, I did everything as in the tutorial! Do you know what can't work? Thank you

[@Straypique]

A lot thanks griffpatch I just learned this and won't forget in my whole life

[@KindPump]

You've been a role model for me since scratch 1.4 era! Thanks for this amazing tutorial series! Edit: I had no idea that's how variables that apply to that sprite only function that way!! Would have saved me lots of time throughout the years haha

[@killianbare9934]

it will not work on my end. whenever i start if i press 1, 2, or 3, it will not turn me into player 1, 2, or 3. but when i press 4, it works perfectly fine. do you know why this is happening?

[@braamcon]

Brilliant stuff, perfectly explained. Thanks!

[@thebrainsnthebrawn3690]

Amazing job! Also, no surprise you get 23,452 Scratch messages per day! 0:21

[@shrutiprabhune819]

GRIFFPATCH i wanted to find a platformer tutorial and i found urs and i LOVED it so i have subscribed!!! u r a GOD also u can actually just become a scratcher i wasn't and i clicked a thing beside the profile thing and i became a scratcher!

[@jcsig9195]

Thx griffpatch ive been waitin for dis one!

[@ikeokpaluba4339]

your voice just cheers me up

[@liamtoh6381]

I LOVE YOUR VIDS SO MUCH ITS SO EASY TO UNDERSTANT THANK YOU 😁🙏♥♥♥

[@austintruong7987]

woah two of my fav scratchers

[@Radioactivemeness]

this is really cool man

[@primewarrior9032]

Thank you! Love it!

[@Phiwipuss]

Hello! I would like to ask a question: So, I am making a cloud tic tac toe game, I want to start simple with cloud programming. I already made the offline version and I have an idea how to implement the game-board updating. The only thing I haven't figured out is how to switch between player's turns. I watched your video, but it didn't help be that much with my project. May I get some better explanation on how to make a player turns cloud switching system?

[@conmom456]

You could have a cloud variable that keeps track of who's turn it is, and change it based on that possibility.

[@pattilord23]

Awesome tutorial again! It has me wondering though if it would be easier to add the decoded cloud data to a list, since it would cut back the number of variables and would make it easier to add extra information in the future, and not force us to repeat [value = read from encoded] for every piece of information, especially if we wanted to add more. Either way I'm excited for part 4 :D

[@griffpatch]

You certainly can put them in a list if you would like, and then read them all back one after the other... but I like doing it like this because it means you can see exactly that data you are reading and when... A change I might introduce later is where you no longer just read strings, but have special readers for numbers as these can be more efficient than for strings and use less space. This would not work as well with a list type approach.

[@Tomothesun]

I really like this channel and i have learnt a lot thank you

[@powerfulgaming2634]

Griffpatch you make this look easy

[@TofiOfficial]

Nice Tutorial! Thank You Griffpatch!

[@KrypticDonut]

thanks for the tutorial i will use this to make a multiplayer shooter

[@bozostudio9926]

yay he is back!!!

[@floran9436]

Hi, brilliant tutorial! Really helped me with variables.

[@floran9436]

hey griffpatch, thanks for the like!

[@slt]

Thank you so much @griffpatch! I love these tutorials and they help so much!

[@SyanicalCyan]

thanks to you soon my online smash bros game will for everyone around Halloween, Oct31

[@huito_0]

Is this also mobile friendly? I’m trying to code that out. Anyways, always enjoyed your videos! Keep it up!

[@griffpatch]

It can be made to be - that would just be down to your controls (where we use key pressed blocks, replacing them with a cleve rmobile joystick script!)

[@sabatotd338]

youre back yes

[@TheFreshStart83]

I love your videos! One thing im having trouble with though is controlling the character with the arrow keys. is there any way to do that? do we go over it in a later video?

[@some-random-coder_]

my test cloud scripts were so much longer! this is a lot simpler!

[@ebikekid5894]

YES PART 3!!!

[@tkeis123]

11:30 When i seeing Griffpatch_tutor moving on this scene i was laughed too hard😂

[@user-mg5ck3ks4t]

nice i like this it is clear and goes in order :)