CRAZY COOL JOYSTICKS 🎮 - How to make your Scratch Games Mobile Friendly

[@griffpatch]

New Multi Touch Tutorial - kzbin.info/www/bejne/mXqUnpeMi9t2jbs 🔥🔥🔥 Early Access / Channel membership - www.youtube.com/@griffpatch/join Scratch Studio for this tutorial - scratch.mit.edu/studios/31206995/comments Quick and Fun Tutorials - kzbin.info/aero/PLy4zsTUHwGJKByTn_qV76oTpEYGczqEb_

[@kevinoutofcontext]

LETS GO

[@NotRealChatGPT]

how do you get the guy and the flags?

[@DUMB_PERSON_NEAR_ME]

@@NotRealChatGPT griffpatch have the membership future

[@morganisapro7K]

how do you make the joystick only go left and right?

[@elijah44gd79]

@@morganisapro7K just make the player change x by stick x

[@quickshark9536]

When you made it to where you could only use the joystick by clicking on it WITHOUT “when this sprite clicked”, it actually helped me with something completely unrelated. I was making a mobile keyboard for a Morse Code translator, but had tons of buttons that I wanted to keep on one sprite. Thank goodness I saw this before finishing the code for a whole control-button system. This channel has taught me many ways to avoid big messes. Thanks a lot!

[@griffpatch]

That's excellent news, exactly what I hope

[@Mr.Feast6000millionsubs]

O

[@Ninad145]

@@Mr.Feast6000millionsubs Spider man go away from home

[@smth35]

The same effect could also be achieved by using the "set mode to draggable" block, and "if " then limit the stick, and "if not ", then reset the stick.

[@griffpatch]

That is a good idea, but it would be too tricky to ensure the user actually clicked on the stick to start moving it

[@adrianroqen3743]

@Zi Zoy Nacho Maybe that works too.

[@smth35]

@@griffpatch moving the stick would be needed only to limit it or reset its position. The "set drag mode [draggable]" block from the sensing category does the work of moving the sprite/clone while it is held. Also i realised while writing this that the only difference is you have to move the stick every time you press it, instead of just pressing the area of the stick

[@joshieree3036]

@@griffpatch nice

[@chivixta]

That’s what I was thinking this video would be about-

[@braysonrosenberg4940]

Hey Griffpatch! I just wanted to say thank you so much. Im currently making a game and you have really helped me with these tutorials. In fact, i would be completly lost on how to even properly code the PHYSICS ENGINE without you. So yea, keep up the good work, and thank you again! :)

[@DrAlphys2]

I actually had to shorten the scripts, but got the same results !! Well done Griffpatch!!

[@chiroyce]

I loved the section where you implemented it in others' games, much fun! :)

[@BuzzyBee13]

Chiroyce, what are you doing here?

[@izaanhafid]

@@BuzzyBee13 LOL

[@maplario4366]

Woah, Chiroyce!

[@BuzzyBee13]

@Samfitzgamer, what are you doing here?

[@BuzzyBee13]

@Samfitzgamer Hehe, ok I'll stop. But watch Twishorts to see where I get it.

[@lamegamertime]

Personally I think if you are using a joystick for a platformer, it’s best to use a square joystick. That way it is easier to run and jump, as the corner where both are possible is larger. Though it would be even better if Scratch had some kind of multi-touch capability… It might make things more difficult to code, but it would be easier to play when you can press a separate button for jumping as for running.

[@griffpatch]

You are very right! I think just the same thing. Although, by using joystick > 0.5 you actually end up with just such a design in reality :) - And yeah - Scratch should support multi touch somehow!!!

[@BOLT_THUNDERSPHERE]

I also agree

[@16.7mtiletheplanet5]

@@BOLT_THUNDERSPHERE Agree:D

[@аленакарпычева]

How

[@Theo_drawi]

I agree

[@anilkumarvelayudhanpillai2651]

Just Added the joystick in my classic platformer and tested it with my mobile device! It turned out so well, So smooth and easy to use! Thank you griffpatch! You never fail to amaze me!

[@griffpatch]

Great to hear!

[@cristianospohr69]

@@griffpatch i agree. also, there is some kind of Pc = mobile type of the mobile controls [5 keys, 3 moving keys[left,down,right], 2 jumping keys [space,up].]

[@CreativeGrow69]

Never stop scratching there are only a few scratch tutorial makers and you are one of the best sadly I don’t know where you get your sprite designs from but that’s not your fault it’s mine for not learning. Keep it up!

[@guaufito]

6:50 you can add a {join(Control )(Stick)}

[@Resseguie]

I love it! I just added a version of this to my Rocket Canyon game (and submitted it to your studio). But I also experimented with only turning on the joystick once they click on the screen so it doesn't get in the way of the game if playing on the computer. Thanks again for a great tutorial (and worth waiting for)!

[@griffpatch]

Very cool, I have a small update to make it even better, but that will have to wait

[@zachcapricorn3512]

For the changing size, maybe add a icon and make it 100 for regular size and 200 for big size or something

[@Kadyboo5]

​@@griffpatch CHECK YOUR MESSAGES

[@Lemonade-r2m]

Hi

[@Matthewgames2028]

​@@griffpatch i love your vids

[@TtEL]

I went to the Scratch homepage and saw that you were following "Crazy Cool Joysticks" and thought, "Oh, I guess he posted a video of that." Sure enough, here it is. I can't use Scratch on my iPod because there is no Apple app, and the website is too big. What a great series. Finally, a break from raycasting!

[@rishavarya4966]

Who else likes how enthusiastic griffpatch is always makes every second of the vid interesting and fun

[@creativezone590]

yeh

[@wolfgangr.3268]

He's the Bob Ross of Scratch coding.

[@RyteoyGamingCommunity]

he is the wrost

[@handyperalta9654]

@@RyteoyGamingCommunity you this is wrost

[@wh0sV4N]

@@RyteoyGamingCommunity correction YOUR THE WORST*

[@destructo_mamba_embergb]

Hey griffpatch can you tell the scratch team to make scratch multi touch? Thanks.

[@faisal2o14]

2 sec later ROBLOX IN SCRATCH FOR MOGILE

[@Arvans_world]

Yea its a roblox moving stick😂😂😂😂

[@Really101yak]

Mogile

[@rstudios123]

You miss spelled

[@IkaraPopsicle]

I hope not

[@diehardvn1]

2 secs? G’arn m8 r u rekt? No wey you mak gam 3D les tan 2 secs

[@thenewkoopanetwork7016]

Griffpatch: this function is relatively simple also Griffpatch: Explains quantum physics and the relative law of black holes in under 40 seconds.

[@superyoutubeguy5999]

Lol

[@rayyanrahman8115]

I didn’t get it lol

[@masterwaregaming489]

@@rayyanrahman8115 lol

[@zachcapricorn3512]

For the going to center thing, use this: Go into 1 sprite then use the go to block to select the sprite, then move the sprite into the Control Stick sprite and tada.

[@markeisha9213]

Thank you so much!!! I was making an game where you use your keyboard but I realised I could not test the game on the go. I came across this and tought it was perfect for me as it is easy to understand. It also works very well.

[@GREYanimationofficial]

I love watching these tutorials because they’re that entertaining

[@BlastingBricks2023]

Crazy cool... you are undoubtedly the BEST scratcher in scratch! I haven't shared a project with a joystick but I will certainly do it soon!

[@artsygirlforlife]

I have always wanted to learn how to do this, especially with the growing amount of people on mobile devices. This is really helpful!

[@mudchute4dlr]

For a lot of games, on the cat sprite use a ‘set rotation style left-right’ block inside the forever loop, but not in the ‘if Stick Power > 0’ block.

[@BLACKER_SCREEN]

At 20:80 I left the Set STICK X and Y out and it still worked. I think this is because you are multiplying the X and Y by Stick power and when you let go is is set to 0 so its multiplying Stick X and Y by 0 (making it 0). Thank you so much for your tutorial's they have help me start coding on scratch and understanding it.

[@tEmMiEyAyAyA]

20:80?

[@angelaokyere7925]

I've made a tap-joystick for my platformer. To do it, first go into the player sprite. Then, make two new variables, mouse x and mouse y. Then go two Controls Left and Right. Set KEY X to mouse x.

[@yesimhairy]

I think you should do things in other people's code more often, I find this really entertaining for some reason 😅

[@RidyDaBidy95]

True....

[@AshtonDavies_]

That would be funny.

[@adrianroqen3743]

Same

[@victorius2975]

somehow you've again made a undercomplicated script that functions the same as a 500 block long script. Wondering if you could attempt Binary Space Partitioning though. That'd mean you could make a true 3d engine. And you can also add actual up&down movement without the image weirdly shifting. That'd probably make the project run far too slow but a full on 3d engine will being able to have many old gems to be ported over to scratch. I know that you've attempted something similar a long time ago but this could be a chance to remake it but extremely easy to port over like the stick and have many extra things like textures and shading.

[@thelegoreaper]

This really helped! Ive always failed at joysticks!

[@thepenguin_1]

same lol

[@sheluhhvy4572]

the problem is the small circle moving out of the big one

[@Jerraf2p0]

Same

[@danielfeng3991]

Same :)

[@jilljohn2638]

✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓✓

[@xxstrawberryteaxxmonsterhi4455]

I love how he just starter Tallinn att licorice. I love this guy’s way to talk

[@Twisted0812]

17:21 u can devide the size by 2 and u need to be in the radius of the base to use the joystick and i think it works well!

[@coolswag352]

sorry but *you*

[@Twisted0812]

@@coolswag352 ?wym

[@simplylou8631]

@@Twisted0812 you said “u” instead of “you”

[@Twisted0812]

@@simplylou8631 ye ik it is easier

[@Radlee.]

Oh, yes, yes, yes! The perfect tutorial for a joystick! I'm excited for this one, as I've always been working on mastering my joystick code! Thank you so much again, griffpatch!

[@SpyofXANE]

You can replace that IF block (if stick x > 0,5 then change x by stick x * 6; if stick x < -0,5 then change x by stick x * 6) to this (if abs of stick x > 0.5 then change x by stick x * 6) Apply it for stick y.

[@Yeetyok]

This is great! I am looking forward to another tutorial like creating an inventory with draggable items.

[@AshtonDavies_]

Griffpatch, you can actually get the control stick position option in another sprite and then drag the block to the stick sprite instead of using a variable.

[@DoxxTheMathGeek]

He did it in one of the Tile Scrolling Plattformer Video.

[@darrickhans9478]

@@DoxxTheMathGeek And also shiftclicklearn did that.

[@1080GBA]

@@darrickhans9478 did you join his discord?

[@1080GBA]

@@DoxxTheMathGeek and in raycasting pt 5

[@darrickhans9478]

@@1080GBA No.

[@Speed-TV]

Thank you for making this tutorial so the mobile joystick can become more popular, I am tired of those terrible mobile controls where you have to hold a specific section of the screen and stuff.

[@BGDMusic]

18:20 i imagined you could check if stick power is within a certain angle, for example you could check 35° within directly up and jump if true

[@milankarow6567]

Awesome tutorial! This has been a much sought-after feature in our coder dojos! And it's actually much more straightforward than I thought it would be! And what a cool idea to port it to other proj... HOLY COW 24:14 - you have 2.4 MILLION unread notifications?!

[@griffpatch]

Awesome - I would be super pleased if this will be of use and is followable enough! Got a bit worried when I used the trigonometry - you could always bypass that by using a (position x - x position of myself) / max stick. That does the same thing in the end... but is a little more wordy.

[@somebody_2837]

@@griffpatch Agreed

[@milankarow6567]

@@griffpatch yeah, actually the kids can use your implementation as some sort of "library" or component, which is a neat way to introduce the concept of code reuse beyond remixing "complete" scratch projects. I don't necessarily expect them to understand how sine and cosine work (since most of them still have years before they learn it in school), but the joystick sprite will enable them to share their projects even better (since mobile devices are so ubiquitous).

[@jorsamhan4486]

They are probably 75% advertisers

[@reuellewistansherngvictori2425]

Ah yes the notifications

[@fungus0713]

Thank you, it really help me improve, long time ago, I very been trying to do the same as yous but it never worked, thank you, after watching your video, I could do more programing

[@Punbloxanimates]

thank you very much! tomorrow is my birthday and i need something to play with my cousin so i decided to make an game instead of downloading a game, and i am making an online game with mobile friendly because my cousin only have a phone, thank you!

[@blasphemizerr]

its cool because everything can be easily customized in the joystick, the look of the base, stick, shape of the base too

[@Arvans_world]

Thank you i got 1.30$ and 68 people downloaded my game in 1 day!

[@AnonymousEMPTY]

How

[@Arvans_world]

@@AnonymousEMPTYi put in on appstore

[@Ahmadasadi01]

اوحهحه 😂 اوقحقه😂اوطحطهحخهجحه😂

[@mayankyadav621]

Great brother 👏🏻

[@mayankyadav621]

But which platform you are using ?

[@BusinessMonkeys1]

I love how enthusiastic griffpatch is with each video! Also helpful how he explains everything making it easy to make quick tweaks. I was wondering how to do it for your recent scratch RPG series? The movement didn’t seem to work the same for the player. 😢

[@huckjeffrey5057]

Technoblade never dies

[@GeraldsGangOfficial]

6:24 "for this lemon only." XD

[@user-abcdefghijklmnopqrstu-f6u]

for this lemon only griffpatch you are quite humorous

[@SeniorBonnie]

WE LIKE UR GAMES A LOT, GRIFFY

[@christoschristopoulos8758]

🌍🎮 the BEST and by the way do you realy have a small brother because i met him in the comments of a game😎😏

[@nia_plays2606]

bro My Kaitty is fast??🤣🤣

[@roderickmesa9478]

My projects are only for computers which means I can't use my phone whenever I open my Scratch games. Thank you so much griffpatch for teaching me how to pull this off!

[@tamon2020]

Thanks Griffpatch! I'm make a new game but I need joystick but you helped me!

[@mikavankooten]

That moment that you say let’s get scratching. It feels so trusty.

[@DoorsBlox]

"this lemon only" how enthusiastic is griffpatch like every second of the video?

[@melljay123]

Literally my game is actually good because of your tutorials, This is the definition of PROJECT UPGRADING. Like watch a random tutorial from another channel, Not that good right? Now watch a griffpatch video, BOOM, INSTANT PROJECT UPGRADED, YOU ACTUALLY ARE THE MAIN PART OF SCRATCH.

[@diegostuff0611]

Hey great tutorial worked with the cat, but when I put it into my game it wouldn’t work, does anyone know why Thanks

[@real_ninjaz1255]

18:48 He Started A Science Class

[@tevmonkey7243]

Thank you so much for this tutorial! i made a game but people wanted it to be mobile too so this helps a lot.

[@OperacaoEpa]

My most popular project on scratch is Dan Adventures, and it was based on the great platformer tutorial from griffpatch! Thank you so much.

[@Srinikesh-j9b]

I also tried it on your rpg tutorial, it just worked. I am so ☺️

[@bendymivn3784]

6:57 what I find it interesting: you can replace it with glide (0.1) secs to ( myself variable) instead of go to, which makes it looks better for me

[@luisBlog675]

Thank you, Griffpatch, for teaching me about Scratch coding

[@King-cobra-creations]

This is the first vid of your channel I've seen and it instantly earned a subscribe from me👍 good job and keep creating amazing vids

[@luckyfunky1178]

Amaizing tutorial, it explains every thing slowly and makes every one understand

[@BelminPashalik]

6:25 GOT ME ROLLING

[@whitecatfn1]

Griffpatch is the most SMARTEST scratcher i ever seen! i should tell EVERYONE to subscribe to u!!!

[@imnot_here9856]

WOW this helps alot! and thank you! ❤️👍

[@XavierGG-og6vc]

Best scratch tutorial, understand easily and specific explanation, keep up the good work

[@PurpleTurd91]

Griffpatch is the kind of guy who listened in class (Unlike me, Griff you are amazing)

[@joelknowsgeographyandflags5578]

"Or even better, a møøřbø." - griffpatch, the most famous scratcher

[@stanisawkowal9853]

Griffpatch you are a legend, you even made geometry dash in scratch!

[@haroonkids3222]

Is there a way you can make the joystick toggle when people are specifically using mobile devices? or does it always have to be there including when people are using a computer?

[@kodingwithkumud4398]

Love it! Could you tell me what platform you use to add text and edit your videos? It’ll really help!

[@braylenhammond12]

you could also use the desktop app, if you want to edit offline

[@platinumapartmentownersass9164]

This will be great for my RPG project. Thank you so much for this tutorial.

[@Hellcrusher56x]

This is probably good but I did manage to get one working in a quarter hour solo,would recommend if you're up for a challenge

[@kpopslayerunion]

The big-hearted person who teaches how to make educational and fun games instead of nonsense videos: griffpatch

[@Fumbleer]

keep the tutorials up and it helps A LOT of people like me! :)

[@Nosh6464]

Instead of using a variable to go to the centre of the sprite always you can just go into a different sprite get a go to block set it to the joystick and drag it into the sprite

[@juandt1234]

6:30 Griffpatch: Set "myself" to the name of this sprite. *Casually turns into Control Stick*

[@natthananla-orphunphol4395]

Thank you for sharing this. This VDO help me a lot to create new scratch project.

[@AmeliaMueller-c5l]

thank you griffpatch so much !!

[@DesquidwasTaken]

0:57 WHAT IS THAT AMAZING TRANSITION

[@teddygidey8600]

All of the games you're making of you and it's so fun

[@milangvideoblogger7811]

Thanks! Now i have mobile in my cube combination game

[@TheRealMangoDev]

i think using left, right and up buttons is more comfortable for platformers

[@CodingWithAlbert-O]

Best tutorial ever ! This video made my game interesting than ever!~

[@peanuttrain585]

thanks! my scratch projects did indeed get more popular.

[@alexandern.9666]

you dont have to add a variable called myself, you can make a new sprite drag the go to random position block click the dropdown and say your joystick's name, then drag it into the joystick sprite itself and it will stay that way. then drag it over the wait until and it works like gold

[@zenaelbehery9352]

Are you the one who made appel?! I love appel! I have been playing appel for a long time.

[@Chadz_Leeonel]

IDK about this but in 9:25 there is a secret gray scratchy

[@stereomadnnesgames]

Lol

[@asanthimendis]

You are always so energetic! These guides help me a lot!!!!! Thanks you!

[@Onetaro]

It will be helpful! I will now use your skills in my work. Thank you :D

[@Lilmisstroy]

you deserve your own tv show

[@thirishwehlaing2274]

(when you said for this lemon) only got me laughing

[@FaidoPlays]

Amazing tutorial. I will say however, it can get really laggy when using the custom blocks. So you can just drag it in the if, if not block.

[@LouisKieu]

Man this was amazing! I tried to code a clone snake out of it but I am probably one of the worst scratchers so I don't know how to make the clones and get them to go to the last position of each one.

[@ShadowSamurai14]

This was extremely helpful!

[@supermariokingdom-official8975]

I have a faster option for the problem where there's not the sprite shown in the list ( go to"... "block) . If that can help you of course.... You select the Cat sprite, you pick a go to " " block and you choose your Joystick sprite. Last you drag this block to the joystick sprite and voilà! Hope we'll be helpful to you.

[@xandoog]

This is great really useful your tutorials are awesome

[@Fateh_the_genius]

Btw i made a platformer and mario game using your tutorial but i added joystick control :)

[@akimyoun1423]

Worked like a charm

[@SpyofXANE]

You no need for "myself" variables. Click on other sprite, then grab the block "go to [x]" to its coding background. Set [x] to "Control Stick". Then, grab it to "Control Stick" popup. Easy way!

[@ItzEnochYT]

Hi Griffpatch can you make a tutorial like this but it is driving game please