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

Рет қаралды 731,359

Күн бұрын

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

Пікірлер: 2 400

@nothingnesss6337 Жыл бұрын

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

@coldfrozenmuscles1575 10 ай бұрын

huh?

@Retro_noobie 9 ай бұрын

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

@Retro_noobie 9 ай бұрын

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

@svien777 8 ай бұрын

true

@Gemster-uw4ig 7 ай бұрын

??? Might be a bug 😕

@a17waysJackinn 2 жыл бұрын

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

Nice

@evilfire94090 2 жыл бұрын

Thats already possible im sure

@on-point-skillet8660 2 жыл бұрын

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

@Alekspfg 2 жыл бұрын

raytracers already exist :)

@Alekspfg 2 жыл бұрын

@@evilfire94090 yea

@roderickmesa9478 2 жыл бұрын

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.

@Karsito-rh1rs 14 күн бұрын

I learned how to use the "Mod" Block from His Platformer tutorial.

@juliocesarcamilo5132 13 күн бұрын

i wouldnt what a custom block was without griffpatch

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

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

@vladimir6201 2 жыл бұрын

How did he not think of a sniper scope 😂

@Ipostmemes1 2 жыл бұрын

Yes his tutorials are amazing 🤩

@Ipostmemes1 2 жыл бұрын

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

@lightning_11 2 жыл бұрын

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

@@lightning_11 hrmm

@SamuraiDestroy 2 жыл бұрын

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

Yes, we NEED texture mapping

@Francisco1234Cruz 2 жыл бұрын

Yes, just, yes

@Shadedsun011 2 жыл бұрын

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

This could really help with a my Windows 95 Screensaver project

@TheOfficialSocksNSandals 2 жыл бұрын

@@IceGuy369 yesss

@lechuga2820 2 жыл бұрын

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

same

@travisdowning9788 2 жыл бұрын

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

@litterallyjustmebro 2 жыл бұрын

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

@danielszap6794 2 жыл бұрын

This is hands down, my favorite series in all of KZfaq. (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 2 жыл бұрын

Woohoo!!! :D

@AlexanderO_TheGamer 2 жыл бұрын

Can you release part 4? I like your coding griffpatch

@danielszap6794 2 жыл бұрын

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

@jaydenmedina6110 2 жыл бұрын

yaaaaaaaaaaaaaaaaaass

@jannlebeau1566 Жыл бұрын

@soapfaces 2 жыл бұрын

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

@legosinmotion1231 2 жыл бұрын

I love how he explains everything so well

@FitWithJenish 11 ай бұрын

From where we can get height plz replay

@ABunchaWeirdos 5 ай бұрын

@@FitWithJenish Episode 2.

@sirborkyes 2 ай бұрын

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

@N3ME5l5 2 жыл бұрын

Can we appreciate how much effort griffpatch put into editing

@griffpatch 2 жыл бұрын

So much - hehe

@Ipostmemes1 2 жыл бұрын

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

@GAMEOVER-ud3rp 2 жыл бұрын

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

@Ipostmemes1 2 жыл бұрын

@@GAMEOVER-ud3rp idk either

@tudormol9449 2 жыл бұрын

Its scratch

@koberto6267 2 жыл бұрын

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

Glad you like them!

@haticedemirgan4296 2 жыл бұрын

@🟡 Ali's Game World 🟡 Me too

@Ipostmemes1 2 жыл бұрын

@@griffpatch The tutorials are amazing

@nathanaelchia7167 2 жыл бұрын

@@haticedemirgan4296 Me three!

@blooket3_3 2 жыл бұрын

@@griffpatch Awesome!

@DaBuddies-td5qk Ай бұрын

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

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

@VeryCrazyDude 2 жыл бұрын

3D in scratch never ceases to amaze me

@MegaDestroyer1 2 жыл бұрын

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!!!

@beepymemes 2 жыл бұрын

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

@bamiyani2958 4 ай бұрын

I gona Remake the backrooms.

@BSBOS1 Ай бұрын

Me too

@bamiyani2958 Ай бұрын

@RandomRydersbro Ай бұрын

Noice

@Mr.Voidess Ай бұрын

Me too

@Ducky-Dude76 Ай бұрын

There's a bunch of games like that

@Kim-qn4wz 2 жыл бұрын

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

@Kim-qn4wz 2 жыл бұрын

@Kaniishh Jaey - Fortnite Fun

@MamaMoLangNaman20 2 жыл бұрын

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

@RandomGeometryDashGuy 2 жыл бұрын

@@MamaMoLangNaman20 cuz he's a member

@MamaMoLangNaman20 2 жыл бұрын

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

@MamaMoLangNaman20 2 жыл бұрын

@@RandomGeometryDashGuy what?

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

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

dumb it down by alot pls

@gyk-zb2fm Жыл бұрын

@@drawsap lol

@user-lq9rq3lx7w Жыл бұрын

I just love how much efort you make in these videos

@LionAviationAndRoblox 3 ай бұрын

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!

@a17waysJackinn 2 жыл бұрын

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

@kennethmackissack9022 2 жыл бұрын

I tried making Maps. its hard.

@TheDakey12 2 жыл бұрын

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

@jofsalter 2 жыл бұрын

@@kennethmackissack9022 agree

@jofsalter 2 жыл бұрын

@@TheDakey12 please explain i am very confused

@adarsharun4352 2 жыл бұрын

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

@malikaoliver3182 2 жыл бұрын

Sometimes people underestimate Scratch's possibilities

@rickroller1566 2 жыл бұрын

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.

@BNDev5624 2 жыл бұрын

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

@griffpatch 2 жыл бұрын

Splendid

@jakobarena1060 2 жыл бұрын

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

@Bruh-bv8mn 2 жыл бұрын

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

@nguyentram1483 2 жыл бұрын

This man explains everything so well and easy too learn

@blockhead3585 2 жыл бұрын

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

Wow, thanks!

@jaydenmedina6110 2 жыл бұрын

i like you griff

@Freddygastank 2 жыл бұрын

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

@Chaobai Жыл бұрын

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

@xiuzhang5536 2 жыл бұрын

It's cool thx for the tutorial!

@GreatCooker 2 жыл бұрын

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

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

@MBSfilms77 2 жыл бұрын

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

@penguinzoneyt 2 жыл бұрын

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

@redrainbowscratch 11 ай бұрын

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

@ZacR564Gaming Жыл бұрын

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

@Grezza 2 жыл бұрын

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

deffinitly

@buildandcodewithethan9649 2 жыл бұрын

Probably could he made on with stairs before

@maxsanby9974 2 жыл бұрын

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

@EvanWiederandersJazz 2 жыл бұрын

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

@EvanWiederandersJazz 2 жыл бұрын

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

@pietrusbauerus1819 2 жыл бұрын

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

@quinnojala8099 2 жыл бұрын

This is The BEST tutorial ever

@-CosmoCode Жыл бұрын

Thanks for This series!

@jusstjohnny Жыл бұрын

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

@saifuddingaming32 2 жыл бұрын

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.

@SamLunser 2 жыл бұрын

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!

@HeyEmricYT 2 жыл бұрын

10:11 That is so cool! Nice Job!

@agoisded 2 жыл бұрын

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

@PrivacyNProgramming 2 жыл бұрын

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

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

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

@js62926 2 жыл бұрын

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

@PrivacyNProgramming 2 жыл бұрын

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

@caramenal 2 жыл бұрын

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

i mean, the maths kinda confuses me soooo

@caramenal 2 жыл бұрын

@@neo1754 Lol true

@kayalvilethiruvarulruban4928 Жыл бұрын

I can't help liking it like mad

@larandomgurl 2 жыл бұрын

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

@matthurkot5554 2 жыл бұрын

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

@Aiaimonkey8093 2 жыл бұрын

Oh yeah like a portal, that would be so cool

@js62926 2 жыл бұрын

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

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

@waxdlightlywethrdcutcopprstair Жыл бұрын

This is so awesome. This guy is quite an expert

@jewarpl Жыл бұрын

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?

@krishnav4sfs 9 ай бұрын

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

@adamskipps6384 4 күн бұрын

same

@nov387 2 жыл бұрын

my guy making the backrooms 💀

@7Spooner 2 ай бұрын

💀 why is that so true

@mariowariocentral 2 жыл бұрын

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

@Septagon_Sep 2 жыл бұрын

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

Please Reply Griffpatch if You Like It!

@griffpatch 2 жыл бұрын

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

@parthsolanki2617 2 жыл бұрын

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

@NotMutantmikan Жыл бұрын

@@parthsolanki2617 TRAMPOLINESSSSSSS

@NotMutantmikan Жыл бұрын

and TELEPORTERS

@brettbreet 2 жыл бұрын

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

@connorschulte8700 2 жыл бұрын

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

@justquarkmain Жыл бұрын

just trust the lag!

@AverageDryBones Ай бұрын

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

@Gemster-uw4ig 7 ай бұрын

Good Job Griffpatch!!! Keep up the awsome work

@megaturtle9547 2 жыл бұрын

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)

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

@Coding_and_Gaming 2 жыл бұрын

thanks very good, inspiring, educating and improving

@HeyEmricYT 2 жыл бұрын

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!🤩

@jaecheokkim99 2 жыл бұрын

you should change the "simple" in the description

@griffpatch 2 жыл бұрын

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

@jaecheokkim99 2 жыл бұрын

@@griffpatch i think so!

@neo1754 2 жыл бұрын

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

@-JustLuna-x 2 жыл бұрын

😸 thank you for this it really helped

@c06-caoquangnhatkhoa85 2 жыл бұрын

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

Are you a kid

@VeerPandey-kb6rg 14 күн бұрын

SO easy to understand and is very cool👌

@IliketobuildLegos 9 ай бұрын

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

@heziob77 Жыл бұрын

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

@SSukram_ 2 жыл бұрын

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

@joeyschon9466 2 жыл бұрын

Amazing Content I Love It!

@blazedoesSHORTS Жыл бұрын

i am amazed by griffpatch explaining math like spittin' bars

@albertdonovan9743 Жыл бұрын

This is awesome

@salih2d486 2 жыл бұрын

I love this tutorial

@nvshrushikeshreddyvii-b5076 2 жыл бұрын

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

@beans5747 2 жыл бұрын

That cool!

@shijurajan288 Жыл бұрын

❤ Excellent. Keep it up.🎉😊

@wuriyetlitip6254 2 жыл бұрын

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

@olek3ddesign440 8 ай бұрын

after fixing some bugs i got it working mann yea!

@kriperproyoutuber 2 ай бұрын

Thanks griffpatch for tutorial! I realy need the tutorial!

@uitoll5314 2 жыл бұрын

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

@castipro 2 жыл бұрын

set griffpatch subs to (1 000 000 * 999999999999999)

@marianrocky669 2 жыл бұрын

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

@NonaSoft4274 8 ай бұрын

4:52 a wild lemon appeared!

@kylaratchford6720 Жыл бұрын

it was an awesome expereance

@noface7842 2 жыл бұрын

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

@Chelsea-cz8ch 2 жыл бұрын

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