Sprites in a 3D World | E3. Crazy Fun Raycasting

How to make a simple 3d game (Raycaster) in Scratch. In this episode we project a 2d sprite (entity) into our 3d raycast world. We also fix the camera so that we have accurate straight lines, and can zoom like a real camera with Wide Angle and Telephoto views! So cool!
Don't forget to submit your projects to the studio linked below by commenting the project URL in the studio comments.
My tutorials are for all budding game & software developers using Code Blocks. Scratch On guys!
👀 Next Episode #4 - • Sprites Behind Walls (...
🔥 Bug Fixes - • Quick Fixes for Raycas...
🚀 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/31013...
👀 Part 1 - • 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:11 Begin with a Tidy up
4:21 Linear ray distribution explained
7:53 Coding the linear ray distribution
10:11 Field of View is not just horizontal
11:44 Entities - Enemies & Collectables
18:04 Preparing a 2D sprite for use in a 3D scene
20:45 Projecting the 2D sprite into 3D
24:45 Outro

[@nothingnesss6337]

griffpatch is like that one teacher who trys to be funny, cool and understanding... ...and succeeds

[@coldfrozenmuscles1575]

huh?

[@Retro_noobie]

How can you not understand that .-. @@coldfrozenmuscles1575

[@Retro_noobie]

How is this the top comment if it only has 30 likes

[@BasicGamerYoutuber6219]

true

[@Gemster-uw4ig]

??? Might be a bug 😕

[@a17waysJackinn]

scratch in 2022: we can finally be able to create perfect 3d game.. scratch in 2069: now how beautiful that ray-tracing graphics we are making..

[@beepymemes]

Nice

[@evilfire94090]

Thats already possible im sure

[@on-point-skillet8660]

scratch 3033: you can use the block codes to hack into russias systems and launch all of the missiles onto russia

[@Alekspfg]

raytracers already exist :)

[@Alekspfg]

@@evilfire94090 yea

[@roderickmesa9478]

I love how griffpatch shares his knowledge to other Scratchers that needed help on their projects. I often learned how to use blocks that I haven't used before.

[@benji_bon]

i'm makin one of these in python, and this was the best tutorial I could find! , even though it isn't in python, the way he makes complex concepts so easy to grasp is brilliant!

[@onyxtautuhi3473]

Honestly, I can't help being mind blown by the clever techniques you place in your tutorials! It's amazing!

[@vladimir6201]

How did he not think of a sniper scope 😂

[@Ipostmemes1]

Yes his tutorials are amazing 🤩

[@Ipostmemes1]

@@vladimir6201 it’s still 3d it doesn’t need that

[@lightning_11]

Now I finally understand why Minecraft completely breaks when you swap the sin and cos functions. I used to think they weren't very important, but it turns out they're used a ton for rendering 3D games! I had no idea!

[@paxarite]

@@lightning_11 hrmm

[@SamuraiDestroy]

It would be really cool to see how to make the walls have patterns, add looking up and down, add objects and make the map bigger using some sort of scrolling mechanism. Maybe even add random or infinite map generation.

[@puganimations2418]

Yes, we NEED texture mapping

[@Francisco1234Cruz]

Yes, just, yes

[@Shadedsun011]

I bet you could do it with lists. You could probably turn a list into a cube list instead of a grid list, and store the colors as the values for the list. When the raycaster senses a wall, it can detect what color you want by what value is in the list

[@IceGuy369]

This could really help with a my Windows 95 Screensaver project

[@TheOfficialSocksNSandals]

@@IceGuy369 yesss

[@litterallyjustmebro]

It's amazing how the projects can be created so easily with these awesome tutorials!

[@MegaDestroyer1]

This is probably one of the best ray-casting tutorials out there! However, I really need to be able to hide enemies and not see them through walls soon, so if you could release episode 4 soon that would be amazing!!! Thank you!!!

[@danielszap6794]

This is hands down, my favorite series in all of KZbin. (I really love programming.) so ofc, griffpatch’s series are the best, and his 3D series is definately the best series out of all of the ones he had made. All of this 3D stuff is super cool, and makes me super excited. I love it!!! I hope griffpatch doesn’t hold back on fear that it might get to difficult. I really love learning about all of this, and am really confident in my ability to follow along. I want to put all of this 3D stuff to it’s fullest potential.

[@griffpatch]

Woohoo!!! :D

[@AlexanderO_TheGamer]

Can you release part 4? I like your coding griffpatch

[@danielszap6794]

@@AlexanderO_TheGamer I’m sure he’s working on it. Just give him some time.

[@jaydenmedina6110]

yaaaaaaaaaaaaaaaaaass

[@jannlebeau1566]

Ye

[@soapfaces]

This is simply incredible! It amazes me that someone can create this in scratch!

[@jakobarena1060]

I love this type of series please continue making Videos about this 3D stuff I'm very excited!!

[@legosinmotion1231]

I love how he explains everything so well

[@FitWithJenish]

From where we can get height plz replay

[@soldier8610]

@@FitWithJenish Episode 2.

[@koberto6267]

hello Griff, I love your tutorials and games on scratch and am currently working on a platformer using your series. Keep up the amazing work.

[@griffpatch]

Glad you like them!

[@haticedemirgan4296]

@🟡 Ali's Game World 🟡 Me too

[@Ipostmemes1]

@@griffpatch The tutorials are amazing

[@nathanaelchia7167]

@@haticedemirgan4296 Me three!

[@blooket3_3]

@@griffpatch Awesome!

[@N3ME5l5]

Can we appreciate how much effort griffpatch put into editing

[@griffpatch]

So much - hehe

[@Ipostmemes1]

@@griffpatch I would think so and the editing is amazing 🤩 never better

[@GAMEOVER-ud3rp]

@@Ipostmemes1 idk what's the application he uses 🧐, pls tell me

[@Ipostmemes1]

@@GAMEOVER-ud3rp idk either

[@tudormol9449]

Its scratch

[@lechuga2820]

When I turn away from my entity, it just gets bigger and bigger until it loops back around, becomes really small, and then grows again until i'm looking back at it.

[@neo1754]

same

[@travisdowning9788]

Same

[@Stellar-Insight]

Go to entities code and for the set VY to make sure that it’s X times sin of camera DIR PLUS NOT MINUS Y times cosine of Camera DIR that should fix it

[@Authaire1]

Same idk why

[@MCMUNKEYY]

Make sure that you didn’t delete the purple square

[@sirborkyes]

you just gotta love griffpatch's videos, he's just always so cheerful and fun to watch! just how he interacts with Nano is fun and playful, and it just creates such a welcoming and happy atmosphere for the video. absolutely just a joy to watch and follow along

[@Kim-qn4wz]

Dang! The quality of this video! As always, awesome tutorial! And thanks

[@Kim-qn4wz]

@Kaniishh Jaey - Fortnite Fun

[@MamaMoLangNaman20]

How is this 3days ago if this episode is only today

[@RandomGeometryDashGuy]

@@MamaMoLangNaman20 cuz he's a member

[@MamaMoLangNaman20]

@Kaniishh Jaey - I Make Games it says day at my screen 😅

[@MamaMoLangNaman20]

@@RandomGeometryDashGuy what?

[@VeryCrazyDude]

3D in scratch never ceases to amaze me

[@AstroFIIIX]

Hello, I love what you do and I'm a scrapper too! And thanks to you, I'm getting better and better! Thank you for these tutorials that allow passionate scratcher like me to do things (like you) incredible!

[@Bruh-bv8mn]

I really love this series! I can’t wait for part 4!!!!!!!

[@blockhead3585]

This is one of your best videos. Your making harder and tougher projects to code for long-time fans like me. Keep it up griffpatch!

[@griffpatch]

Wow, thanks!

[@jaydenmedina6110]

i like you griff

[@beepymemes]

I still can't believe the 3D part was already made in part 2. Keep up the good work!

[@jakobarena1060]

I definetly subscribed !! Hiw couldn't I ?!?!?! AWESOME PROJECT you're the best teacher ! I am so excited to learn more about anything in scratch, I live Programming!

[@silentviolent5373]

Hey griffpatch, love your tutorials. They are very clear and in depth. I have a request, can you make a video on a topic we all are afraid of? Lists! Seeing your other tutorials I am sure that you'll explain this topic very well. Thanks

[@amogus9152]

Wow I love it, its so easy to copy these tutorials and slowly, I'm becoming smarter in coding! I'm sure all your fans are having the same thing griffpatch! We all would like to thank you for this!

[@griffpatch]

Great to hear! - Thanks a lot - and Scratch on!

[@MBSfilms77]

i am having the same experience, griffpatch is a hero!

[@user-lq9rq3lx7w]

I just love how much efort you make in these videos

[@redrainbowscratch]

thank you so much for this tutorial griffpatch! these tutorials have helped me so much.

[@penguinzoneyt]

Amazing series Griffpatch! You make coding really easy! I learnt a lot from you!

[@malikaoliver3182]

Sometimes people underestimate Scratch's possibilities

[@BNDev5624]

i like your tutorials Griffpatch, because instead of repeating your moves i actually understand them!

[@griffpatch]

Splendid

[@rickroller1566]

I understand the whole thing and even came up with the rotation beforehand with complex numbers but I would have never come up with this myself. Amazing work griffpatch! However I think an SDF raymarching that allows for a z position would be great to have. Here are some useful formulas if you need them: Union of A and B: min(a, b) Intersection of A and B: max(a, b) B subtracted from A: max(a, -b) Where a and b are the SDFs of A and B respectively.

[@a17waysJackinn]

14:47 imagine we can definitely make a 2d mini map display then put it at any viewport corner

[@kennethmackissack9022]

I tried making Maps. its hard.

[@TheDakey12]

Easy make a map grab the same collision script then, put it at the exact position your standing, then you're done

[@jofsalter]

@@kennethmackissack9022 agree

[@jofsalter]

@@TheDakey12 please explain i am very confused

[@adarsharun4352]

@@jofsalter He means scaling down the collisions of the map and sticking it in the top right as another sprite, but I don't know about the player and other stuff

[@pietrusbauerus1819]

This is just amazing! I hope you will release some more videos on how to add stuff in 3D!! Btw. this game reminds me of The elder scrolls 1 or 2 :D

[@nguyentram1483]

This man explains everything so well and easy too learn

[@jewar]

i really appreciate how you explain all this stuff, these tutorials are so good

[@griffpatch]

I try my best :) thanks

[@jennygardner1171]

@@griffpatch you are amazing

[@NikoCubeRoot]

@@griffpatch When i do the thing on 8:50, it just breaks the raycasting and it just became one-dimensional raycaster. How am i gonna do that if it just goes 1D instead of being working as a 3D?

[@user-rw4xq6tv8m]

Method of creating a floor: after drawing a ray, you need to set the brightness to 100% and set the color of which will be the floor and after that you need to move the drawing lines to the edge of the map.

[@drawsap]

dumb it down by alot pls

[@gyk-zb2fm]

@@drawsap lol

[@jusstjohnny]

me after showing this to people knowing damn well i have no clue what i did

[@ZacR564Gaming]

love it griffpatch and my raycaster work perfectly so far thanks man

[@c06-caoquangnhatkhoa85]

This is so cool!!! There is patterns, raycasters, and even enemies! I like to give this 1 000 000 out of 10 bc it blow my mind .

[@WinterNox]

Are you a kid

[@nov387]

my guy making the backrooms 💀

[@7Spooner]

💀 why is that so true

[@Grezza]

If it's possible, you should make a episode where you can change the walls appearance, have ramps or stairs or make it able to have outside areas

[@liberalbeanieguy]

deffinitly

[@buildandcodewithethan9649]

Probably could he made on with stairs before

[@maxsanby9974]

that impossible because in episode one he said make sure there are no gaps otherwise we would get great lag

[@EvanWiederandersJazz]

To make stairs, you need to heavily modify scripts to make the project support stair collision.

[@EvanWiederandersJazz]

@@maxsanby9974 It is possible, you just need a different type of raycaster. Adding stairs does not mean you have to leave gaps on the edge.

[@Gemster-uw4ig]

Good Job Griffpatch!!! Keep up the awsome work

[@-CosmoCode]

Thanks for This series!

[@saifuddingaming32]

I made some slight changes with the FOV change, In "Define (Single Ray)" script, scroll down until you see the "set pen brightness" block. "Set pen brightness to (120 - (distance / (DV / 300)))" When you do that, when you slide up the fov, the brightness will change even darker, like the player moving.

[@agoisded]

If you are going to make a new one, could you add textured walls?? Maybe with sprites or pen patterns

[@PrivacyNProgramming]

only issue(s) 1. Alot of M A T H 2. How to make the pen correctly draw the texture but its a great idea since textured floors and walls makes the game look better

[@js62926]

@@PrivacyNProgramming no its simple, you can just use another go to x x y 0-height/2 pen down set y to height/2 pen up

[@PrivacyNProgramming]

@@js62926oh, i thought it would be much harder but thanks :)

[@js62926]

@@PrivacyNProgramming actually i messed this up a bit, you just tweak it around a bit and it should then eventually work

[@PrivacyNProgramming]

@@js62926 oh ok, its fine since we can wait till the next part :)

[@LionAviationAndRoblox]

i used this for my 3d plane game and my engine 2 engine, thank you for this series! without this series I could not have made my 3D scratch games!

[@mariowariocentral]

Thanks griffpatch for the amazing tutorial! it helped me a lot!

[@sparty2116]

I love his humorous and fun way to teach. The other tutors are usually like, put this and that and here and there and you have it, your game. We don’t learn anything.

[@neo1754]

i mean, the maths kinda confuses me soooo

[@sparty2116]

@@neo1754 Lol true

[@krishnav4sfs]

WE GONNA MAKE BACKROOMS AND THE ENTITIES WITH THIS ONE!!🔥🔥🔥

[@DaBuddies-td5qk]

Grifftpatch is not only the best scratcher, but also a very good person at maths.

[@Chaobai]

i remember that griffpatch's first platformer video was still really good - this is even better

[@matthurkot5554]

In the next episode can you make something like doors to next levels? That would be cool

[@Aiaimonkey8093]

Oh yeah like a portal, that would be so cool

[@js62926]

@@Aiaimonkey8093 thats actually simpler than you think, you can just make it when the player touches a sprite on the map, teleport them to this x and this y. and you can also add raycasting to that as well

[@thomasshelbyasmrconnoiseur7046]

@@js62926 you can just change the level costume if the player sprite touches a certain portion of the map. used this to code in some dynamic obstacles

[@pixmon6717]

I'd love to see how I can make the player look up or down, and how to move the camera with the mouse, like in games like COD or Minecraft, it would be VERY useful :D

[@HeyEmric_Official]

10:11 That is so cool! Nice Job!

[@uitoll5314]

Thank you for making the best tutorials! You would deserve 1 000 000 subs

[@castipro]

set griffpatch subs to (1 000 000 * 999999999999999)

[@TheJimmyCartel]

I used your random maze script with this project as well. i had to change the stamping of corridors into clones to get it working in game, however the moment i start raycasting clones, the game gets really laggy compared to when it was only raycasting off a single large sprite. anyone find a way to generate random mazes without lagging the raycaster?

[@Septagon_Sep]

That's Awesome! Could You add the Following Episodes in a Platformer Tutorial? - 12: Moving Saws and Trampolines! - 13: Add Death animations - 14: Smooth Platform Movements - 15/Final Episode: Bosses and Goal!

[@Septagon_Sep]

Please Reply Griffpatch if You Like It!

[@griffpatch]

I do love all those! I have a similar list myself :D

[@parthsolanki2617]

@@griffpatch Make a Episode of platformer game it is been long time for that episode

[@NotMutantmikan]

@@parthsolanki2617 TRAMPOLINESSSSSSS

[@NotMutantmikan]

and TELEPORTERS

[@xiuzhang5536]

It's cool thx for the tutorial!

[@joeyschon9466]

Amazing Content I Love It!

[@megaturtle9547]

something i really like about this is how when i set the FOV to a multiple of 180 everything just flips again, and again, and again yet nothing else changes. (like how it works in other games)

[@bamiyani2958]

I gona Remake the backrooms.

[@BSBOS1]

Me too

[@bamiyani2958]

ok

[@RandomRydersbro]

Noice

[@Mr.Voidess]

Me too

[@Ducky-Dude76]

There's a bunch of games like that

[@waxdlightlywethrdcutcopprstair]

This is so awesome. This guy is quite an expert

[@HeyEmric_Official]

Griffpatch! Thanks you for adding my 3D Raycaster E3! Oh, It has 53 views! That is the most amount of views I have ever seen on my Scratch account!🤩

[@brettbreet]

I think this is the episode where things go from "simple and intuitive" to "just trust the maths!"

[@connorschulte8700]

There's a reason he dropped "simple" out of the title in favor of "fun".

[@justquarkmain]

just trust the lag!

[@jaecheokkim99]

you should change the "simple" in the description

[@griffpatch]

I already did... But the post link perhaps doesn't change?

[@jaecheokkim99]

@@griffpatch i think so!

[@neo1754]

@@griffpatch im encountering a bug where when i look around my entity just zips and zaps around the random spots on the map?? but when i check my code its the exact same as yours

[@SamLunser]

I love Griffpatch's enthusiasm, It just makes coding a lot more fun, and it makes learning so entertaining! It really makes me want to continue game development! Thanks, griffpatch!

[@reyaannolongerexists3284]

I love this!

[@-JustLuna-x]

😸 thank you for this it really helped

[@wuriyetlitip6254]

Really delighted to see griffpatch again and I'll be able to study that even it's truly hard LOL😝

[@heziob77]

At every video you broke my brain with your ingenius ideas ! Sorry for my english, I'm french

[@Coding_and_Gaming]

thanks very good, inspiring, educating and improving

[@albertdonovan9743]

This is awesome

[@quinnojala8099]

This is The BEST tutorial ever

[@pumpkinsquash8249]

griffpatch: changes (set height to 4000 / distance) to (set height to dv / distance) me: does the same thing my game: OH BOI WE ZOOMIN

[@kayalvilethiruvarulruban4928]

I can't help liking it like mad

[@eayuwna]

Thank you for all your efforts. My 9 year old son is now the king of his code club having followed your tutorial and has started asking me to teach him what sin, cos and tan are - wish me luck ;-) Your content is so well put together thank you so much. We had a couple of troubleshooty moments that were a bit challenging along the way and it would be really useful if you could add some screenshots of the complete finished code blocks somewhere to help though?

[@sammy847wastakenbysomeprick]

I really considering using the same maths to make a 3d raytracer that can look up and down, however it will be voxel based so It would be like minecraft, wonderful tutorial griffpatch.

[@virtuedreamer6623]

I love how much this looks like you're just teaching us how to make it run Doom. Because Doom looks a lot like it uses the same formulas!

[@virtuedreamer6623]

I CAN SEE WHY LITTLE ME WAS SO OVERWHELMED NOW... The new position after rotation formula is making my brain hurt just by looking at it

[@modables]

@@virtuedreamer6623 bro a whole different person in under a month

[@exhaust_momyrow2702]

I’m killing myself because of how hard the rotation formula is

[@beans5747]

That cool!

[@noface7842]

Using this series along with help from a bunch of my friends, I will make a horror game!!!

[@shijurajan288]

❤ Excellent. Keep it up.🎉😊

[@IliketobuildLegos]

You are the best scratch helper ever thanks you for all of your help

[@blazedoesSHORTS]

i am amazed by griffpatch explaining math like spittin' bars

[@lerandomgurl]

Omg thank you so much now my game doesn't feel empty anymore

[@AverageDryBones]

man, i like how griff went from "easy scratch game" to TRIGONOMETRY

[@marianrocky669]

I've been making a perfect doom edition an i needed help then I realized you an you helped, thanks

[@salih2d486]

I love this tutorial

[@kriperproyoutuber]

Thanks griffpatch for tutorial! I realy need the tutorial!

[@olek3ddesign440]

after fixing some bugs i got it working mann yea!

[@nvshrushikeshreddyvii-b5076]

If there was an award for the best scratcher of the year , then it would be you griffpatch.

[@fahameduddin9754]

like the videos but the hell anything when i do solo make sense to me you're a lifesaver

[@fahameduddin9754]

they barely make sense

[@SSukram_]

Oh this is the perfect way to make a multiplayer scratch game

[@kirkmembe7113]

wow so cool

[@yar2011onscratch]

cool game,you is great!

[@kylaratchford6720]

it was an awesome expereance

[@m1L3zzz766]

hi griffpatch if you see this when you set distance to vy, vy doesnt pop up and also when you set size to height i can't find the height block please respond.

[@collinnabrotzky]

Griffpatch is the GOAT

[@im_a_random_guy2279]

I need some help pls. I followed your tutorials exactly on Nanos position with my own photo is it possible that uploaded sprites from the computer won't work? It doesn't stand in one place, instead, the sprite just goes back and forth to the sides of the screen whenever I walk

[@Chelsea-cz8ch]

My heart is still shaking of horror because I’m making a horror game with this and I wanted to see my like freaking SCP HERE and it popped into my face and I don’t know I I passed out or not

[@turboplayzthis6968]

Also if u dont mind me asking, when i hit the green flag my sprite wasn't infront of me so I had to turn left to see it unlike yours so I don't know what to do to fix it