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

Рет қаралды 2,403,412

Күн бұрын

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

Пікірлер: 3 500

@griffpatch 8 ай бұрын

EPISODE 2 - kzfaq.info/get/bejne/jM-YpZCBu9C7dmg.html Full Episode Playlist - kzfaq.info/sun/PLy4zsTUHwGJKolO9Ko_j6IStFIJnTYBul Quick and Fun Tutorials - kzfaq.info/sun/PLy4zsTUHwGJKByTn_qV76oTpEYGczqEb_ Channel membership with perks - www.youtube.com/@griffpatch/join

@pidx 7 ай бұрын

@OiasCommunist 7 ай бұрын

tysm!!!

@phonghoangthanh5658 7 ай бұрын

I copy your maze

@Devin_Kevin 5 ай бұрын

Next thing bro is making gta 3 bruh😂 nice

@Jackthebestt1 3 ай бұрын

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 2 жыл бұрын

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 2 жыл бұрын

hmmmmm are you sure d isnt direction?

@justarandomnerd5520 2 жыл бұрын

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

@khiemgom 2 жыл бұрын

u sure it isnt deridative

@justarandomnerd5520 2 жыл бұрын

@@khiemgom It's delta for sure

@irwinrudolf 2 жыл бұрын

@@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 2 жыл бұрын

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

@koji-11 2 жыл бұрын

Literally

@klolddlolk3488 2 жыл бұрын

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

@alraodah 2 жыл бұрын

@@klolddlolk3488 then 6 + 1 is 3 not really

@Fortplayzthis 2 жыл бұрын

\\@@alraodah 6 + 1 is 3

@icydragon3874 2 жыл бұрын

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.

@icydragon3874 2 жыл бұрын

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

@star_fall_1 2 жыл бұрын

Best idea ever

@najwafitri9798 2 жыл бұрын

@@star_fall_1 I agree

@koji-11 2 жыл бұрын

OH NOOOOOOOOOOOOOOOOOOO

@TtEL 2 жыл бұрын

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

@techneam5952 2 жыл бұрын

OMG complicated mazes

@EnterChannelNameWasTaken 2 жыл бұрын

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

@InvertedByDefault 6 ай бұрын

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

@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.

@ishaanbansal1089 2 жыл бұрын

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

@narutouzumaki-fh1zl 2 жыл бұрын

how old are you brother

@LYB4 2 жыл бұрын

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

@simplylou8631 2 жыл бұрын

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

@LukasDrakon 2 жыл бұрын

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

@forever_put_at_ease 2 жыл бұрын

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

@charliebowditch7975 2 жыл бұрын

Finally a method to stop the wall snagging! I figured out everything else but could never find a way around it until now :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!

@FadeWARZONE Жыл бұрын

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

@thelegoreaper 2 жыл бұрын

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

@noogbei-roblox 2 жыл бұрын

about he had 99k subs i subscibed to him

@thelegoreaper 2 жыл бұрын

@@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 2 жыл бұрын

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

@xoS1d 2 жыл бұрын

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

@kiritofansgamingwithcamel5391 2 жыл бұрын

@@xoS1d Hmm well ok.

@ethanlemon 2 жыл бұрын

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 2 жыл бұрын

You're welcome!

@alihesham8167 2 жыл бұрын

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

@DamageMaximo 2 жыл бұрын

...

@minix07 2 жыл бұрын

Ikr

@Enderia2 2 жыл бұрын

@@alihesham8167 yeah exactly

@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 2 жыл бұрын

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

@ballsexisking 2 жыл бұрын

Im gonna make doom!

@Dichete 2 жыл бұрын

d o o m

@malariathegreat 2 жыл бұрын

O_O I HAVE SEEN YOU ON SCRATCH!

@WA-Y 2 жыл бұрын

@@Dichete exactly what I thought

@anomynusbob4146 2 жыл бұрын

literally creates a rickrolling maze

@WanderingTraderer 2 жыл бұрын

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

@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

@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

@tabbytobias2167 2 жыл бұрын

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. : )

@malikaoliver3182 2 жыл бұрын

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

@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

@Lemonely01 2 ай бұрын

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

@seeforkat 2 жыл бұрын

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

@TtEL 2 жыл бұрын

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

@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.

@dhimansaha6538 9 ай бұрын

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

@user-te3pc5pd1q 2 жыл бұрын

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

@cheesygingerbread 2 жыл бұрын

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!

@ProgrammingNCodingWithHarsh Жыл бұрын

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

@user-kl1yi6vo6s 4 ай бұрын

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

@laky2k866 2 жыл бұрын

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

@griffpatch 2 жыл бұрын

I do, I do :D

@Didyouknowthatiexist 2 күн бұрын

2.5?

@sjpressplayshorts140 2 жыл бұрын

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

@thatonekid3885 14 күн бұрын

well you got me curious and I now know how to use sin cos and tan thank you griffpatch!

@notChocoMilk 13 күн бұрын

i am unironically using this for pygame & opengl to create something similar & it is actually very helpful

@ziggydexy8502 2 жыл бұрын

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

@funandmorecoolkinghershey9536 2 жыл бұрын

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

@batidudeex Жыл бұрын

0:08 "Perhaps just two episodes"

@annateresa8869 21 күн бұрын

now ten episodes

@tinnguyenanimations522 4 ай бұрын

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

@freedelahoya3601 2 жыл бұрын

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

@mpyc81 2 жыл бұрын

Give me your fafnir

@FeniteFr 2 жыл бұрын

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 🔥

@clusekids1715 Жыл бұрын

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

@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😊

@shock59 2 жыл бұрын

The most excited-sounding griffpatch intro yet

@Big_Con 2 жыл бұрын

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.

@helengraceaure2278 Жыл бұрын

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

@user-ym9ut1ww5e 3 күн бұрын

Thank you griffpatch! It really wrams my heart when the code is also explianed so our minds aren't left tinkering about. ❤

@user-ym9ut1ww5e 3 күн бұрын

I really meant warms in the section that said wrams

@_Sp_Cd_ 2 жыл бұрын

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

@Atari-Dude 2 жыл бұрын

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 2 жыл бұрын

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

@junk2040 2 жыл бұрын

Eyy remember me?

@finder2022 2 жыл бұрын

@@griffpatch There was an episode without the custom block

@Atari-Dude 2 жыл бұрын

@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 2 жыл бұрын

@@griffpatch your verified lets g

@boiyoubetter5761 Жыл бұрын

I watched this video and then came out, knowing how to fix like all of my scratch games

@Coolio79RisesGaming 10 ай бұрын

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

@Lukeless1 2 жыл бұрын

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 2 жыл бұрын

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

@gotosleepqueen7959 2 жыл бұрын

Combining this with multiplayer would make for very interesting games

@Chaobai Жыл бұрын

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

@crazyknexkid 11 ай бұрын

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

@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

@jayden3988 2 жыл бұрын

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

@Iluhaschanel-wh8pt 7 ай бұрын

i think two

@tech-coder9462 2 жыл бұрын

Congrats on 100K! Awesome Tutorial!

@RandomRydersbro Ай бұрын

Thank you so much I tried other codes but only yours worked!

@marycolhoun6610 Жыл бұрын

You KNOW I am going to combine your multiplayer game tutorial with this, Griffpatch

@lemnps4 2 жыл бұрын

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

@griffpatch 2 жыл бұрын

It's coming tomorrow!

@aliashraf123 2 жыл бұрын

Thanks for this griffpatch! Your tutorials are amazing

@WingsOfGamingOfficial Ай бұрын

Grifftpatch thank you for making these videos!!!

@redtheimposter5215 2 жыл бұрын

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

@darwizzler29 2 жыл бұрын

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 2 жыл бұрын

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

@trinh49-trinhthithuy12 2 жыл бұрын

@@griffpatch Cat? What the hell...

@theshadowcaverns Ай бұрын

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

@luckylmj 2 жыл бұрын

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 2 жыл бұрын

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

@vyomaggarwalplayer2327 2 жыл бұрын

i have a lot of work

@projectinfinite7992 2 жыл бұрын

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 2 жыл бұрын

You're very welcome!

@the-dark_guy1000 Жыл бұрын

griffpatch without u i wasnt going to be able to do such a coll project

@HrishikeshNeverUploaded 5 ай бұрын

Thanks! Just Imagining The Games I Can Make Now!!!

@redhawk6518 2 жыл бұрын

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

@jumpwithkarl 2 жыл бұрын

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

@teenakarimpil9949 Жыл бұрын

Thanks for this series!

@ChocolatBs Жыл бұрын

Thank you to help us so much !

@Twin138956Productions2019 2 жыл бұрын

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

@Twin138956Productions2019 2 жыл бұрын

and congrats on being verified too

@TheDakey12 2 жыл бұрын

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 2 жыл бұрын

Yes.

@livioplaystoomuchminecraft2648 Жыл бұрын

wut?

@Chaobai Жыл бұрын

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

@cricky8799 Жыл бұрын

Thank you, this will help for my SUPERHOT remake!

@stevesteenbrink7267 2 жыл бұрын

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 2 жыл бұрын

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

@anygamer681 2 ай бұрын

I clipped through my wall irl

@The-EJ-Factor 2 жыл бұрын

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

@Clay-Dough 3 ай бұрын

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

@SanityInAnAmazonBox 9 күн бұрын

Ww1: a bullet Ww2: guy who failed art school Ww3: griffpatch releasing 0.000001% of his fans

@Aiaimonkey8093 2 жыл бұрын

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

@GDCyberHehe 2 жыл бұрын

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 7 ай бұрын

stop run without screen refresh

@GDCyberHehe 7 ай бұрын

@@user-nx9it5yl9e 💀💀💀💀💀💀

@LucyFur. Жыл бұрын

gonna take notes and watch the video and do something like this for my final coding class project if I don't do something in python or unity

@meowmeow4803 Жыл бұрын

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

@NewtYT 2 жыл бұрын

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

@bjhenry7988 2 жыл бұрын

me: IQ = 3 griffpatch IQ = infinity

@YTNorkTheGamer123 14 күн бұрын

WOW im only starting the video and I love it!

@abdulrahmanbahanshal4614 Жыл бұрын

Love it!

@itsplatinum101 2 жыл бұрын

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

@tabebenznolpe1002 Жыл бұрын

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

@KaydenAP 2 жыл бұрын

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

@helengraceaure2278 Жыл бұрын

Thanks another. I've been looking long how to make a 3D game

@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 :)

@oldact2852 2 жыл бұрын

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

@stickboi9589 2 жыл бұрын

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

@darealrandomperson 2 жыл бұрын

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

@smal5504 2 жыл бұрын

Like Zardy's maze! :D

@mcchaos2137 2 жыл бұрын

Doom in Scratch?

@larandomgurl 2 жыл бұрын

Or backrooms

@icybanana1gaming829 2 жыл бұрын

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

@BrightestEclipse 2 жыл бұрын

@@larandomgurl or FNaF

@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.