Crazy Simple Raycasting E1 - 🎮 How to make awesome 3d games in Scratch

How to make a simple 3d game (Raycaster) in Scratch. This is part 1 of a short series where we build a level arena/maze and learn how to code player movement including arrow keys and WASD for strafing. Wall collisions are also handled, and we dig a big deeper in to how to best handle getting snagged on a wall. Awesome!
My tutorials are for all budding game & software developers using Code Blocks. Scratch On guys!
🚀 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 tutorial - scratch.mit.edu/studios/30909...
👀 Episode 2 - • Crazy Simple Raycastin...
👀 Full Episode Playlist - • Crazy Fun Raycasting (...
👀 Quick and Fun Tutorials - • Quick and Fun Scratch ...
❤️ Scratch Addons - scratchaddons.com/
📹 Video Editing Software - techsmith.pxf.io/c/2682566/50...
-------------Video Chapters-------------
0:00 Intro
1:05 Part 1 - Level & Navigation - Drawing the Level
3:04 The Player
4:08 Coding the Player - Setup
5:03 Player - Movement
6:48 Player to wall collisions
9:33 Player Hitbox
11:10 Sticky Walls / Wall Snagging
15:24 Player Strafing
17:20 Outro

[@griffpatch]

EPISODE 2 - kzbin.info/www/bejne/jJrLo2CGi8-KfJY Full Episode Playlist - kzbin.info/aero/PLy4zsTUHwGJKolO9Ko_j6IStFIJnTYBul Quick and Fun Tutorials - kzbin.info/aero/PLy4zsTUHwGJKByTn_qV76oTpEYGczqEb_ Channel membership with perks - www.youtube.com/@griffpatch/join

[@pidx]

ok

[@OiasCommunist]

tysm!!!

[@phonghoangthanh5658]

I copy your maze

[@Home_universek8]

Next thing bro is making gta 3 bruh😂 nice

[@Jackthebestt1]

Hey um l have a question about 4:37 I tried doing it but it a loop do you know to how to fix it?? Thank you 🙏

[@irwinrudolf]

In case anyone here is curious, we say dx and dy because d stands for delta, which basically just means difference or change, so dx means the change in x, and dy means change in y

[@tanayanshureddy7323]

hmmmmm are you sure d isnt direction?

[@justarandomnerd5520]

@@tanayanshureddy7323 It is delta of x, in mathematical denotation it is usually delta of x

[@khiemgom]

u sure it isnt deridative

[@justarandomnerd5520]

@@khiemgom It's delta for sure

[@irwinrudolf]

@@tanayanshureddy7323 d usually stands for delta, and the variable is basically the change in x, so if it was for direction,it would be called direction

[@SIG7Pro]

Griffpatch: this is simple Also Griffpatch: proceeds to explain quantam physics like spitting bars

[@koji-11]

Literally

[@klolddlolk3488]

me: NO 1 + 5 IS 2!!!!!!!!!!!!

[@alraodah]

@@klolddlolk3488 then 6 + 1 is 3 not really

[@Fortplayzthis]

\\@@alraodah 6 + 1 is 3

[@icydragon3874]

So true. However, I don't know why I actually understand every piece of code griffpatch codes, but when I watch other youtubers, I just copy, I don't understand any code.

[@RGGaming940]

Coming back to the series that got me into programming after finishing making an entire 3d engine in c and c++ from nothing, cool. Glad to see I can go back to simple times.

[@ishaanbansal1089]

I really wanted to code, and I was relieved at 4:12 when you said we were finally going to code!

[@narutouzumaki-fh1zl]

how old are you brother

[@LYB4]

@Pineapple Sandwich ? it would be "are," he's calling Ishaan brother

[@simplylou8631]

@@pineapplesandwich3906 "how old *is* you" isnt proper english i think you need to go back to school

[@LukasDrakon]

@@simplylou8631 true but he could also be saying "how old is your brother"

[@forever_put_at_ease]

@@LukasDrakon brother is just a thing people call each other

[@EnterChannelNameWasTaken]

The fact that people are actually able to make stuff this complex on scratch is just downright awesome

[@InvertedByDefault]

Yeah, like, old me would just say "H O W ? !"

[@DevXP]

Wow this is incredible, to see how 3D graphics in scratch are unheard of!

[@kelzlovinlifetwinflame1755]

This is how you start it stupid

[@igglywigglyw0rm]

Check out the green flash for actual 3d projects. This is raycasting and can only draw WALLS. Still Pretty cool though

[@DevXP]

@@igglywigglyw0rm Good Point! but from a technical point the Pen blocks are more efficient. They are more optimized than clones HOWEVER Clone ARE better in some cases such as for very detailed Sprites but each side has their pros and cons. :D

[@thetechpanda6151]

I love your great joy and energy its contagious and makes my day! Your understanding of coding is incredible, Keep up the brilliant work!

[@icydragon3874]

Imagine this tutorial, but the level is made by griffpatch's random maze generation tutorial! How fun would that be?

[@star_fall_1]

Best idea ever

[@najwafitri9798]

@@star_fall_1 I agree

[@koji-11]

OH NOOOOOOOOOOOOOOOOOOO

[@TtEL]

Imagine this tutorial, but the tutorial (script and everything) is made by Griffpatch's Random Maze Generation!

[@techneam5952]

OMG complicated mazes

[@charliebowditch7975]

Finally a method to stop the wall snagging! I figured out everything else but could never find a way around it until now :D

[@amthystxx]

Deleting scratch cat is like the scratch equivalent of deleting the starting cube in blender.

[@GigaBaconGaming]

LOL true i just delete the cube to insert a new cube

[@FadeWARZONE]

Not gonna lie i binge watched this series and it went absolutely flawless!

[@thelegoreaper]

Congrats on 100K subs! I can’t wait to make a mystery style game out of this!

[@noogbei-roblox]

about he had 99k subs i subscibed to him

[@thelegoreaper]

@@noogbei-roblox he had about 70 K when I subbed I’m pretty sure. It was when he made episode 3 of classic platforming

[@kiritofansgamingwithcamel5391]

@@noogbei-roblox he would be 103K I subbed Him and he's now 104K !!

[@xoS1d]

@@kiritofansgamingwithcamel5391 i subbed when had like 40k maybe?

[@kiritofansgamingwithcamel5391]

@@xoS1d Hmm well ok.

[@KatOnMelon]

Congrats 100k! this tutorial's amazing I always wanted to make these kinds of games!

[@endergaming5357]

Omg, I'm so excited for this! I already have lots of ideas, and been wanting to make a 3D game in scratch for a long time. Thanks for the tutorials you create, it helps me learn a lot!

[@yourlocalcommenter9948]

I like how we explains everything super simply so that even beginners can understand it

[@chipm0nk]

Gosh, this has so much potential!! I can't wait to see what amazing things the community will make out of this!

[@ballsexisking]

Im gonna make doom!

[@Dichete]

d o o m

[@malariathegreat]

O_O I HAVE SEEN YOU ON SCRATCH!

[@WA-Y]

@@Dichete exactly what I thought

[@anomynusbob4146]

literally creates a rickrolling maze

[@tabbytobias2167]

I've never actually watched your tutorials before, because i usually get on fine by my self, but when it comes to 3d game making, I get stuck :/ thank you for being here to help so many scratchers. : )

[@PandaGaming_Official]

This tutorial set is amazing! I have been working on a 3D speedrunable minecraft recreation on Scratch and I think I can finally master the art of 3D! Thanks!

[@Seedx]

Minecraft uses very different 3D mechanics than raycasting. Raycasting isn't actually 3d, it's just 2d but with length. For this reason, you typically can't look up and down with raycasting. Minecraft uses actual 3D objects and rotates them around with trigonometry

[@batidudeex]

0:08 "Perhaps just two episodes"

[@laky2k866]

Yay! I really wanted a 3D/2.5D Scratch tutorial, and as it seems griffpatch really does listen to his fans! Really nice :)

[@griffpatch]

I do, I do :D

[@malikaoliver3182]

I can't wait for part 2, I wouldn't have been able to make things like this without you!

[@SombreroMan716]

For those that are confused about the sine and co-sign, they are just trigonometric functions that allow you to find side lengths of a right triangle.

[@aliashraf123]

Thanks for this griffpatch! Your tutorials are amazing

[@ethanlemon]

Can't believe you made a whole tutorial without using a single variable. Also thanks for the video I can't wait for ep 2!

[@griffpatch]

You're welcome!

[@alihesham8167]

me wh0 hasnt watched it all yet: he didn't?

[@DamageMaximo]

...

[@minix07]

Ikr

[@Enderia2]

@@alihesham8167 yeah exactly

[@seeforkat]

Thank you so much for sharing these stuff for free. Huge respects.

[@whirrrl]

i had a different approach to 9:32 instead of adding a hitbox, you can also check if the player collides with anything when turning, this way the collisions are more realistic and you can turn without getting inside the wall

[@elijah44gd79]

its gonna look weird on the 3d part of the tutorial though

[@RiversEltor]

I was just checking out the ray casting but this actually helped me solve my collision script too! thank you for this tutorial griffpatch

[@user-te3pc5pd1q]

This episode was amazing! I can not wait for part two!

[@freedelahoya3601]

AMAZING !! I really wanted to make a 3d maze so Thank you for making this tutorial

[@mpyc81]

Give me your fafnir

[@co1iharshkale255]

this channel is my favourite channel thank YOu so much griffpatch!!!

[@Chaobai]

I like how short griffpatch's code is and so simple but it makes such good gameplay.

[@crazyknexkid]

That's how you know he's a genius!

[@sjpressplayshorts140]

Oh my gosh! Thanks so much for this! I found this extremely helpful! (By the way I am a big fan of you griffpatch.)

[@shock59]

The most excited-sounding griffpatch intro yet

[@koh3nplays]

I play ur geometry dash scratch game during school with my friends, u did a amazing job! I just found this channel to and subbed😊

[@bjhenry7988]

me: IQ = 3 griffpatch IQ = infinity

[@chezz0]

The wall collision detection that he taught us really helped me! I was having trouble with it, but then I watched this video for fun, and I learned how! thanks!

[@tech-coder9462]

Congrats on 100K! Awesome Tutorial!

[@user-xt8yo8xe9v]

i cannot possibly explain how helpful and easy to understand fof foreigners these tutorials are

[@griffpatch]

Wow really? Is that because I add my own subtitles? :)

[@AnnietoRN]

I know that Griffpatch is always excited about new projects!

[@FeniteFr]

Wohoo 🎉 we have the video 3 days early - or even more 😍 THANK YOU GRIFFPATCH ❤️ I CURRENTLY FOLLOW THE TILE SCROLLING GAME SERIE, YOUR TUTORIALS ARE AWESOME 🔥

[@ziggydexy8502]

ty for making your awesome videos! I have no idea what the scratch could've done without you!

[@Willbin23]

these 18 minutes of my life felt like seconds! thank to you griffpatch for this awesome tutorial. I will now go watch the 2nd episode and hopes it will be as fun as this one.

[@clusekids1715]

I am using Scratch 2 and this still works. Thanks Griffpatch!

[@Lukeless1]

I just spotted your channel pop up in my recommended today, I can't believe after all these years you are still doing scratch! I remember finding your scratch profile many years ago, glad to see you are still going! :)

[@griffpatch]

Ikr :) these latest videos have started being recommended to everyone who has used scratch at some point I think ha :)

[@Twin138956Productions2019]

Very nice tutorial. I love how this is going. Congrats on 100k subs too!

[@Twin138956Productions2019]

and congrats on being verified too

[@dhimansaha6538]

grifft patch your tutorial are amazing i love them so much i made so many of them ranging from the rpg to this raycasting episode

[@Lemonely01]

This is like my favorite videoooo!!! I am so excited! :)

[@jayden3988]

You're literally the best scratcher ever. This tutorial is AMAZING!!

[@Iluhaschanel-wh8pt]

i think two

[@projectinfinite7992]

Hi griffpatch! Thanks for the amazing tutorial! You always manage to take complex concepts and break them down into easy and simple steps. Can't wait for part 2! Also Congratulations on 100k subs! It would be cool if you made some tutorials on Full-3D and Infinite cloud engines in the future - I know they are complicated but I think you could explain it very well :).

[@griffpatch]

You're very welcome!

[@atrowell]

Griffpatch, I don't have to tell you this is good, but it is good. :-) I really appreciate the illustrative graphics, the clear explanation, and just the rapid development of a minimum viable product. Very fun and educational.

[@tinnguyenanimations522]

the wall snagging part was useful for helping me with a game i was coding (i was trying to code collisions) thanks!

[@_Sp_Cd_]

Yes I needed this thanks for making the tutorial and congrats on 100k

[@gotosleepqueen7959]

Combining this with multiplayer would make for very interesting games

[@trifori]

i love watching this guys tutorial because he gives useful tips for every type of game every video so i learn alot even if i dont recrreate the thing

[@teenakarimpil9949]

Thanks for this series!

[@Atari-Dude]

I've been on Scratch since basically its inception, around 2007, when I was like 4... I have some semi-popular projects over the course of my 2 main accounts (only a couple projects I think are actually descent and deserve it), but I've never tried dabbling in the 3D before, except for looking at your 3D FPS demo from many years ago, but that was WAY over my head at that time lol. The only thing I knew how to change was the sound effects, so I added Perfect Dark Falcon 2 sfx and PD soundtrack. 😅 I'm probably not gonna actually get back into releasing Scratch projects, the last time I was active in that regard was 2017-18 with my NES Mario Odyssey project... but I'm definitely curious to see how easy you can make 3D raycasting be! You've always been the king of Scratch so I'm excited to follow on along

[@griffpatch]

Awesome :) - That's so cool. I wonder if I saw your Mario Odyssey project...? I might have done!

[@junk2040]

Eyy remember me?

[@finder2022]

@@griffpatch There was an episode without the custom block

[@Atari-Dude]

@supernom Yep! I was working on it very hard after Odyssey got announced at E3 2017, and New Donk City was a big focus of the game at the time, so it seemed like a good place to set my demo! With my old laptop, it became very hard to keep running the game in a playable state since I didn't really know how to clean up the code much to improve performance (I feel it could have been done by someone like Griffpatch, haha). Otherwise, I would have added a LOT more to the game-- I had big ambitions, evident by all the unused content in the project! Lol

[@svshhsbs]

@@griffpatch your verified lets g

[@lemnps4]

I can’t wait for part 2 of this tutorial, I loved the first one and u make understanding it easy

[@griffpatch]

It's coming tomorrow!

[@raycast_rae]

i will simplify this as good as possible. You create a map with a player, and the rays can be explained by if the longer the ray is, the darker and smaller it is. if it is too dark, it should dissapear from the player’s perspective.

[@luckylmj]

This looks amazing, I was messing around the other day with making a fully-3d game but I was having a lot of problems with it, I should probably start with something simpler (such as this).

[@vyomaggarwalplayer2327]

bro i was thinking this too but..........

[@vyomaggarwalplayer2327]

i have a lot of work

[@jumpwithkarl]

happy 100k griffpatch! (also I found appel at 2:08)

[@user-kl1yi6vo6s]

Im coming back to this to make a 3d sonic fangame. Will take a while but im hypes for it

[@jackadack555]

griffpatch: perhaps just 2 episodes series: NUH UH!!! 10 WHOLE EPISODES

[@DaBuddies-td5qk]

You don't have to do all 12 if you just want a 3D maze then take the first 2 but next level? Then you may take some of the other 10, or even crazier all 10.

[@Big_Con]

This is such a great tutorial, I’ve ALWAYS had issues with movement and collisions, but your system is so simple! I always thought about using hit boxes but always as separate sprites, I didn’t think that quick swapping costumes would actually work and not look weird.

[@GDCyberHehe]

absolute legend i love how he does not beg people for subs in his video that is why he is so awesome! this guy is so good at coding even if he keeps making videos coding genre like platformers every single time, people still enjoy it heck his vids are so good i can watch his outro which nobody does

[@user-nx9it5yl9e]

stop run without screen refresh

[@GDCyberHehe]

@@user-nx9it5yl9e 💀💀💀💀💀💀

[@bandutime.mp4]

me: i dont want videos to be too long griffpatch: gives 18 minutes of awesomeness me: thanks

[@paragpatil713]

Bro so many calculations 😓💀💀💀☠️☠️

[@guizhong_yay]

I've Went To Robotics School, And Made A Awsome Game In Scratch, Made Millions More Games, I Would Be Happy To Takes Things To Another Level, Thank You So Much for The Tutorial. I Subscribed :)

[@funandmorecoolkinghershey9536]

if you don't know what cos and sin is then I will tell you cos and sin are the line lengths form the Hypotenuse. sin starts as a angle form one of the sides that is not 90, and going in a Stright line will be the opposite line from the angle so sin=o/h cos is the line adjacent from the angle that is not the Hypotenuse so cos=a/h 12:30

[@redhawk6518]

This is amazing! Can't wait for part 2. I subscribed and liked the video. I want to make a horror-style game

[@jamesnicolailorenzo9714]

facinating tutorial! this will be fun. 🙂

[@OpTracerTheKing]

I Can't Believe How Good You Are At Scratch! Thanks For The Video Btw!

[@The-EJ-Factor]

Here’s an idea for movement you have an invisible sprite that follows the mouse take the X of the sprite and once the sprite goes too far from the center it turns, the farther it is from the center the faster it turns. You can do this by the sprite being greater then like X100 or less than X-100 and use variables to communicate that to the player sprite. Then you can have WASD/arrow keys in one hand mouse in the other

[@Aiaimonkey8093]

It's like a super crazy illusion done by the awesome griffpatch!

[@RaizenK]

6 months later doing it again! ty griffpatch for making this thanks for the help :D

[@coraxcurvus1586]

This man is a legend i love him!!!

[@stevesteenbrink7267]

How to clip trough a wall: 1. Walk into a wall 2. Hold the opposite key for walking 3. Release the first key you walked with to the wall 4. YOU CLIPPED TROUGH A WALL

[@mikeythestickman7829]

Lol i can imagine someone exploiting a 3d game and litteraly finishing the game in a matter of seconds

[@anygamer681]

I clipped through my wall irl

[@oldact2852]

Congrats on 100k. :b Always wanted to make a Petscop-ish type game. Bet this will help.

[@stickboi9589]

i dont wanna like comment couse i wanna keep it at 21

[@spiderbatkids5317]

Griffpatch: Perhaps just 2 episodes Also griffpatch: makes more than 10

[@lyfe345]

mate, people are using this for other engines like gamemaker! its just such an amazing tutorial that you can follow even tho you arent using scratch

[@redtheimposter5215]

OMG AM SO EXCITED FOR THE NEW LESSON I BERRALY HAD A PROBLEM THEN I FIXED IT PLS DO EPISODE 2 WERE WAITING!!!!!!

[@lasercatto]

I almost forgot; congrats on 100K! Your channel is growing faster than I'd ever imagined, both in content and in audience count! 📈📈📈

[@griffpatch]

And thanks so much for being one of my longest standing members :D That means a lot! Thanks for your support

[@funky_______]

@@griffpatch hey can u make a video about mobile support?

[@helengraceaure2278]

I can't wait what it will look like at the end!

[@theshadowcaverns]

gonna be using this tutorial for a 3D AY minigame, i don't think it's ever been done before

[@TtEL]

8:15 13:28 You can also multiply by -1 If we combined this with Sprite Layering, we could make good 3d!

[@spidreditz]

griffpatch when i was doing this my cat spud flopped onto the keyboard and i had to wait for him to get up lol (i became a member yesterday so this is my first early access video)

[@griffpatch]

He he :) cats! Welcome to the membership and give spud a tickle from me :)

[@trinh49-trinhthithuy12]

@@griffpatch Cat? What the hell...

[@FriskyTheCatGaming]

Heya Griffpatch! 2D map is works! Congrats on doing this tutorial!

[@Clay-Dough]

love ur vids❤❤i've been watching u for so long :)

[@TheDakey12]

Griffpatch: *Physical quantity: A physical quantity is a quantity in physics that can be measured, thus a physical property that can be quantified. Examples of physical quantities are mass, amount of substance, length, time, temperature, electric current, light intensity, force, velocity, density, and many others.* *A physical quantity is a physical property of a material or system that can be quantified by measurement. A physical quantity can be expressed as a value, which is the algebraic multiplication of a numerical value and a unit. For example, the physical quantity mass can be quantified as n kg, where n is the numerical value and kg is the unit.* Everyone: *ok i understand you because this is a kids app*

[@sklutz]

Yes.

[@livioplaystoomuchminecraft2648]

wut?

[@Chaobai]

@@livioplaystoomuchminecraft2648 wut as well this looks like what a physicist would say

[@itsplatinum101]

Griffpatch: *explains quantum physics* Also Griffpatch: good job everyone!

[@tabebenznolpe1002]

*do 19 year old math* Also Griffpatch *good gob I like it*

[@thecrazycreeper7959]

1:49 truly beautiful (he goes perfectly to the 50)

[@LiteralThePerson]

I forgot to understand for the 9th time and now I need to watch this series again.

[@KaydenAP]

This is inasne! I love your videos! Keep it up you're amazing.

[@pastelstwo2252]

This tutorial was so fun! I'm so excited for part 2!

[@ThunderFound]

Im too :D

[@funraven659]

Tell me about it, Griffpatch’s videos excitement is like excitement you get from gucci bags Louis Vuitton, or a new IPad or iPhone

[@causeimbored6130]

Me: This would be great for a year 3 computer class! Griffpatch: Starts explaining trig like it's adding apples

[@burnt-potatoes]

4:00 for anyone on chromebook, make sure to use ctrl instead of alt

[@NewtYT]

3:30! I honestly thought you were going to draw a lemon for the player...

[@darealrandomperson]

Are we going to be adding enemies that follow the player? If so, this could make some really cool puzzle/escape games :D

[@smal5504]

Like Zardy's maze! :D

[@mcchaos2137]

Doom in Scratch?

[@lerandomgurl]

Or backrooms

[@icybanana1gaming829]

@@lerandomgurl I’m making the backrooms with this, I just have to figure out how to do enemies

[@cheating6319]

@@lerandomgurl or FNaF

[@meowmeow4803]

im so happy i did this. i will watch your vids every day. im also liked and subed.

[@JohnJohnsFishing]

Hello griffpatch! I am a scratch user from the United States of America, and I am using your tutorials to make my own 3d liminal space maze! ill reply as soon as its done! :)

[@familyworld7967]

YAS LET GOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO MAKE LIVE MULTIPLAYER FIRST-PERSON PLATFORMER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!