Simple Grid List Tutorial with Image Scanning
Рет қаралды 264,310
Күн бұрынToday we learn how to store a Grid of information in a Scratch List. We'll create a level costume scanner, and also cover the theory behind how a simple list can be used to store a 2d grid of data, like a board game, tile based scroller, art project, spreadsheet, maze, pathfinder, light tracer, water or other scientific simulation! This is a simple primer to learning to code all of these advanced subjects!
🚀 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
🐱 Sand And Water Simulator
scratch.mit.edu/projects/2068...
🐱 Scratch Studio for this Tutorial
scratch.mit.edu/studios/29926...
👀 Playlist of all Quick and Fun Scratch Tutorials
• Quick and Fun Scratch ...
❤️ Enhanced Scratch Developer Tools
www.griffpatch.co.uk/
📹 The Awesome Video Editing software I use (Camtasia)
techsmith.z6rjha.net/5bajbo
-------------Video Chapters-------------
0:00 Intro
03:50 Demo grid
06:25 Drawing a grid
12:18 Scanning a costume
14:54 Saving to a grid list
21:19 Screen position from Grid index
27:44 Outro
@ThatMooseyMaxi 3 жыл бұрын
I love how you name your variables. If the variable is for all sprites, you give it all caps. If the variable is for the sprite only, you make it lower-cased.
@griffpatch 3 жыл бұрын
Well observed :) - This is how I always do it.
@Jwang0509 3 жыл бұрын
yeah its less confusing
@chcolate_chip3020 3 жыл бұрын
I noticed that too
@freevipservers 3 жыл бұрын
its because most devs write there constants like tile width in full caps. correct way to go would be camel case where you do something like this: firstWordIsNotCapatilized
@user-ec9wy1fh4w 2 жыл бұрын
@@griffpatch you do the best projects im making the same thing rn
@raaiwieinuk Жыл бұрын
I started coding a tetris game using grids (for line checking) and wasn't sure exactly the best way to impliment it. This tutorial has given me the tools to forge forward! Thank you!!
@04tmoodyscratch24 3 жыл бұрын
Yay, this is very well explained! I can't wait for all the possibilities this opens up! I'm so happy you are willing to dive into more complex topics and making them accessible, instead of sticking to basic simple tutorials. Really hope these catch on, they could change the future of scratch's creators!
@griffpatch 3 жыл бұрын
I just want to make all sorts of projects and levels of project... That way there's something for everyone!
@feasing 3 жыл бұрын
Second?
@griffpatch 3 жыл бұрын
@@hotmatchstick5025 is your costume perfectly centered in the costume editor?
@hotmatchstick5025 3 жыл бұрын
@@griffpatch Ignore all of that, I hadn't added the +Tile width/2 yet 😂
@hotmatchstick5025 3 жыл бұрын
@@griffpatch How can you implement the path finding into the grid lists?
@focat 3 жыл бұрын
Griffpatch: "All lists start at 1." Other programming languages: *Wait, that's illegal.*
@KenzieAleron 3 жыл бұрын
Yeah, lol. In python, a list with a single item has a length of Z E R O .
@infiniti2011 3 жыл бұрын
@@KenzieAleron No? Python lists have a length property that returns the number of items, 1.
@KenzieAleron 3 жыл бұрын
@@infiniti2011 Oh yeah, I forgot. Only the index returns the value zero. I'm still a beginner so yeah
@XGgamerdev 3 жыл бұрын
1:31 the biggest gamer move ever!
@griffpatch 3 жыл бұрын
It was rather spectacular - I was laughing most of the time because I was recording it... I just started the game and it just happened :D - I took a risk at the end in the hope I might pull off one more... but couldn't turn in time.
@wapelican2530 3 жыл бұрын
Yep Gamer move there
@XGgamerdev 3 жыл бұрын
@@griffpatch Why dont you make gaming a part of your life now you get paid a million dollars maybe you can get paid BILLIONS!!!!!!!!!!!!!!!
@XGgamerdev 3 жыл бұрын
@@griffpatch Also lol I found you on facebook and I commented you there!
@samuelolatona3658 3 жыл бұрын
why isn't griffpatch a gamer
@OneOverPi 2 жыл бұрын
It is sooooo satisfying to watch the tile go row by row changing it's colour if it is touching the level sprite!
@creeperdoesredstone 2 жыл бұрын
Great tutorial! I am making Chess in Scratch, and having this tutorial helps reading the index of the chessboard easier (to later record the chess moves).
@FeTetra 3 жыл бұрын
I would use this to create a 3d rasterization algorithm. Thanks!
@gunterjudd5406 3 жыл бұрын
Also i cant wait to see the finished version of do starve.
@griffpatch 3 жыл бұрын
Poor Don't Starve... I really enjoyed getting the basic engine going, but I think I lost steam on it... there was just so much to do, and too many animations to draw!
@gunterjudd5406 3 жыл бұрын
@@griffpatch oh, well hay cant get them all they say. still it was cool seeing something like that you really do put a lot of effort into what you, its what makes me want to watch your channel so much.
@grupoecoplasso586 3 жыл бұрын
@@griffpatch hi griffpatch y nedd help in my proyect pls help me :(
@AndyGun11 Жыл бұрын
Griffpatch TYSM!! I'm in a game jam, and this helped a LOT!
@sarthakbhatia6322 3 жыл бұрын
You took my suggestion too. Telling how the floor operator work😀😀. Thanks a lot
@griffpatch 3 жыл бұрын
No problem 👍
@privatei3080 3 жыл бұрын
"The most amazing, awesome, mega, spiral ever created" ...wait it looks like the remix button ; )
@griffpatch 3 жыл бұрын
Pretty much!
@MeNotTadget 3 жыл бұрын
It’s simple, but effective
@DUMB_PERSON_NEAR_ME Жыл бұрын
me an scratch belike
@Lukepuke311 Жыл бұрын
lol
@Uartig Жыл бұрын
yeah 😂
@keirontravis 3 жыл бұрын
i don't watch every griffpatch video but i still know how good these tutorials are. keep up the good work 📈
@thegreenhoodieguy 3 жыл бұрын
I have a few ideas for tutorials like these: 1. Conways game of life (I heard you mention it at the beginning and my mind just thought “hmm yes griffpatch should have a tutorial on this”). 2. A self drawing image (Sort of like this one but also like one of your projects with the man in the hat). 3. A cloud platformer (Because you said that before).
@RGC_animation 3 жыл бұрын
could work
@BhavneethAnimates Ай бұрын
The Guarentees of life : Death, Taxes, and Griffpatch Having at least 5 Variables in One project
@JWoo-qx5cz 3 жыл бұрын
Finally, i finally got scratch dev tools! Thanks,Griffpatch.
@PixelsNotVectors 3 жыл бұрын
Real well made. Thank you for all the amazing tutorials!
@TheSpinningChipMeme 8 ай бұрын
Love your stuff! This is amazing! I cannot tell you how long I spend yesterday trying to find a grid tutorial for scratch 3.0! There is also a glitch where if you drag your mouse out of the grid the stamps will go out of alignment.
@ollieforbes7677 3 жыл бұрын
Another great tutorial! I love how you explain the parts so well!
@griffpatch 3 жыл бұрын
Thank you so much!
@zlatak1050 3 жыл бұрын
That's a very helpful tutorial! I used to make grid lists in Python, but it was a bit easier because lists there start from item zero. Also, I was able to create lists inside the "grid" list. It was useful because each list inside the big list contained information about a certain row. However, it was pretty hard to find a certain grid square in so many lists! I wanted to create a grid list in Scratch, but I didn't know how to do it without creating lists in lists, which is impossible in Scratch, so this tutorial is very useful!
@griffpatch 3 жыл бұрын
That's great, thanks so much for the feedback :D
@funi2477 3 жыл бұрын
Thank you for the tutorials!
@GHOST-dg5tk 3 жыл бұрын
I recently made a cloud drawing game. Basically its just a canvas where everyone can draw on at the same time. How it works is it has 8 cloud variables to store a huge list (it uses 8 because 1 cloud variable can only store 256 characters and sqrt(256) = 16 so the max would be a 16x16 grid) I spent a really long time on how to split the list into chunks of 256 characters. This video basically explains everything you need to know about how to use lists effectively to store a grid
@michakuczynski8106 Жыл бұрын
Bruh i literaly just got the exact same idea and also made the sqrt calculations... PS were you inspired by r/place?
@piemonster7 3 жыл бұрын
I’ve been doing this for a while! Nice tutorial 👍
@wapelican2530 3 жыл бұрын
The Best Scratch Guy On KZfaq!!
@Ethan.YT. 3 жыл бұрын
I can agree
@SamFromSpaceOfficial 2 жыл бұрын
Thank you for being such an amazing person. I love your projects, videos and lame jokes. Your tutorials have really helped me as a scratcher! Very well explained!
@griffpatch 2 жыл бұрын
Lame jokes - lol
@VSink7631 3 жыл бұрын
even tough i am a experienced scratch user. i still am learning more from you.
@griffpatch 3 жыл бұрын
Excellent news!
@user-dk8yz9io4h 2 ай бұрын
@@griffpatch Yes!
@pixelguy2231 3 жыл бұрын
BRO WHAAT, YOU MADE LIKE A CUSTOM LEVEL EDITOR TO PATHFIDING GAMES, that's impressive man, now we just need to make a level generator and done, zombie game on a maze that draw the path
@SamuelCoupland 2 жыл бұрын
Expertly introduced and very well thought out. Thank you for your tutorials
@kriblo5317 3 жыл бұрын
You enthusiasm is infectious ;) Scratching is fun!
@stevethepuppet5539 3 жыл бұрын
Thank you so much for making these educational vids, there awesome!! I’ve learned so much just by watching your videos. I will 100% join the membership thingy when you add it!!
@griffpatch 3 жыл бұрын
Thank you! And Its already added if you wanted to join :) just look under the video or on my channel page for the join button :)
@DatoneGKfan 3 жыл бұрын
I love your scratch vids it really helps me on scratch
@Kirby_Super 2 жыл бұрын
I just had really good Idea for another way of using this! You could modify the scanning to detect some colors aswell, and then you could (theoretically) use this to create a list that contains steps to remake a sprite in a 3D engine! (theoretically)
@ConcretObsidian 3 жыл бұрын
YOU ARE SO AMAZING GRIFFPATCH!!!! Your tutorials help so much , thank you so mch for helping others you deserve all the attencion and folowers/subscribers!
@dreyvonadamson 3 жыл бұрын
Thanks griffpatch, I became a scratcher because of your tutorials.😀
@aifenix6004 3 жыл бұрын
I watch your tutorials almost every day while having lunch I watched most of them at least 3 times!
@griffpatch 3 жыл бұрын
That's great - I hope you are getting something useful out of them :D
@WinterNox 2 жыл бұрын
Scratch's most useful and interesting thing to mess with is surely the list feature!
@jaecheokkim99 3 жыл бұрын
i was wating till monday but early access yay
@nathn8830 3 жыл бұрын
really nice tutorial, thank you!
@victorygames9253 3 жыл бұрын
I watch it every day!!
@ShiftClickLearn 2 жыл бұрын
Woah! I didn't know it was possible to make pathfinding this simple!
@hunterhall8390 2 жыл бұрын
No>:(
@kyle-nv2mv 3 жыл бұрын
Could you make a Camera Platformer tutorial, it sounds cool :)
@nicoscool2333 2 жыл бұрын
Thanks! This’ll be REALLY useful for the btd6 clone I’m trying to make!
@Ethan.YT. 3 жыл бұрын
Thank you so much for this, this will really help
@goforit738 3 жыл бұрын
omg thank you griffpatch now i could manage to slove some bug fix easy
@chaching7276 3 жыл бұрын
Tjanks for the tutorial I cant wait for the next one
@NewtYT 2 жыл бұрын
Very well explained! This will be really helpful for my ball physics game (also from your tutorial)
@syberchase 3 жыл бұрын
Hi griffpatch! I love this tutorial! Can you please do more livestreams? It would be nice for people to be able to ask questions in real-time.
@peripheralzx11 3 жыл бұрын
Wow I just finished coding a puzzle game using this and thought I was a genius for coming up with the idea of using a list to represent the grid, but now everyone is going to use them!
@griffpatch 3 жыл бұрын
You did good to come up with the idea :) but I'm afraid is been common practice for as long as computers have been around he he!
@jubejoob 2 жыл бұрын
oh wow this looks incredibly useful. you could probably use this in most games
@aarjithpoosarla7207 Жыл бұрын
griffpatch, i really just love your vids and the way u teach it to us is just awesome. thankyou and hope you continue these vids
@carteradams43 Жыл бұрын
I rewrote a scrolling map tile placer, previously based on inefficient and difficult to place clones, via this video. thanks for the help!
@griffpatch Жыл бұрын
Glad it helped!
@tommerwooper9677 2 жыл бұрын
i like how griffpatch felt sinister for not telling us about the hidden variables
@TheMarioMakerMaster 3 жыл бұрын
Yay another amazing tutorial!, I might make it for my game im working on
@hadisantamaria8214 3 жыл бұрын
Yay another amazing griffpatch tutorial
@aksha2039 3 жыл бұрын
Thanks for this tutorial! It rlly helped ^^
@hazratnizamuddin02 3 жыл бұрын
Exellent explanation, love it!!
@griffpatch 3 жыл бұрын
Great to hear!
@jaecheokkim99 3 жыл бұрын
seemes like your quick and fun tutorials are getting many views i hope this one also get many views
@griffpatch 3 жыл бұрын
Me too :) I was worried this one works but go down as well, but lots of people seem to have appreciated it so that's good!
@lasercatto 3 жыл бұрын
1:27 As I said, make a griffpatch-gaming channel and play Scratch games!
@Jason-sw5uy 3 жыл бұрын
This is so cool! I'm trying to implement pathfinding with this grid system but I can't figure it out. Either way, incredible video!
@Kim-qn4wz 3 жыл бұрын
Wow that's awesome! :D And I'm amazed at your slither.io play lol
@griffpatch 3 жыл бұрын
It was rather entertaining he he
@Kim-qn4wz 3 жыл бұрын
@@griffpatch lol
@neilasc2680 3 жыл бұрын
holy moly im exited to do this
@TotalRobloxian 2 жыл бұрын
12:33: "I’m personally drawing the most amazingly awesome mega spiral ever created…. There, genius" - Griffpatch, 2021
@shadow_1363 2 жыл бұрын
1:30 very nice quadkill
@CP-dc5ov 3 жыл бұрын
Another great tutorial by a great scratcher! 🐱
@griffpatch 3 жыл бұрын
Glad you enjoyed it
@nether_robot 3 жыл бұрын
With clones: 17*17 grid With 2D lists: 447*447 grid wow this is ideal
@shwetalakhimpur 3 жыл бұрын
You are covering the important concepts and explaining them so well. This really helps fellow Scratchers see a higher potential in using Scratch for more creative projects. Thank You for your time, energy and efforts. 🙏
@griffpatch 3 жыл бұрын
It's my pleasure! - Hope we can keep going!!!
@gabenugget114 Жыл бұрын
@@griffpatch Hello Mr. Griffpatch! I was wondering how to do a right-to-left grid list? Could you do that in a Part 2?
@NO-pf2gp 3 жыл бұрын
Oh my god, your a youtuber. Me and my brother found your stuff years ago. Always wondered why someone with so much talent was using Scratch.
@1tsm3owz3rs4 2 жыл бұрын
well now we know griffpatch loves his grids as much as his lemons!
@gabrielfuhr5964 3 жыл бұрын
this is giving me so many game Ideas! amazing tutorial.
@griffpatch 3 жыл бұрын
Hooray!
@samiabed2206 3 жыл бұрын
Awesome, really helpful!
@squidpickle 2 жыл бұрын
New favorite griffpatch quote: "The most amazing, awesome, mega spiral ever created!"
@marcboss 3 жыл бұрын
Thanks so much!
@Scott170c 3 жыл бұрын
nice tutorial! this is a pretty good one for beginners.
@Redcraft7578 3 жыл бұрын
I Just LOVE How Much Effort You Put Into These Videos! Keep Up =)
@griffpatch 3 жыл бұрын
I put it ALL in :D - Thanks x
@dioni_progaming66 2 жыл бұрын
@@griffpatch Hey griffpatch, congrats on 100k subscribers
@elwan_ 3 жыл бұрын
SO USEFUL, so cool! :D
@jyke321 3 жыл бұрын
I love your videos, and now that I'm studying computer science I find it cool to see what I'm learning in c applying here. Was totally off guard when you mentioned linked lists lol.
@griffpatch 3 жыл бұрын
I LOVE LINKED LISTS :D hehe
@griffpatch 3 жыл бұрын
Algorithms and data structures are my fav part of computer science I think.
@tuttu6287 Жыл бұрын
We can use this to create custom levels really fast. Just use a list per level. If we creating many levels using other keys or bools we can make different types of blocks . A really good way of using lists.
@JoJo-164 3 жыл бұрын
Next can you teach how to make a cloud ranking system? I know how to make a regular one, but how do you save it?
@TPS1001 2 жыл бұрын
Nice I think I'll do a Level Editor with this. Thanks!
@Impala101 3 жыл бұрын
The debug update to Scratch Addons is amazing thank you
@griffpatch 3 жыл бұрын
Thank the Scratch Addon Team!
@tortoiselover7215 3 жыл бұрын
I barely even use Scratch, but I still enjoy your videos.
@geoparkie 3 жыл бұрын
Thanks for the tutorial! it was really helpful, and I might use it for one of my games coming soon. And also, you should make a game like DDR on scratch with the arrow keys!
@Yea865 3 жыл бұрын
Thanks for making these videos
@griffpatch 3 жыл бұрын
Glad you like them!
@Rory432 3 жыл бұрын
Sick dude!
@albertchosenko8514 2 жыл бұрын
I like how all of your video tutorials are "simple" but I sometimes just don't understand anything. (You explain everything very well, I'm just not that good at scratch)
@meinbrotnachname269 3 жыл бұрын
thanks it's saves my life
@TgFx22 3 жыл бұрын
this is another great tutorial
@Sebwazhere Жыл бұрын
Great tutorial, I want to make a new type of 3D Engine using this because I know about raycasting and clone engines but I want to make one similar to your raycasting, just without the raycasting and a different system to make it 3D.
@YMY001 2 жыл бұрын
Love the hype on the spiral then...
@shalinibaranwal5449 3 жыл бұрын
Great Video as Always!!
@proffessor4039 3 жыл бұрын
new video, thanks :D Woohoo!!
@Thepookiebearfaris 3 жыл бұрын
That looks fun
@scratchcat5863 3 жыл бұрын
You can index = grid x + 1 + (grid y * grid columns). That shortens it by 1 block :)
@cool_roblox_guy 3 жыл бұрын
I've made a rythme game with scratch, the costumes change when you press WASD or Up Down Left Right, I can make a map (I did the stair bit of Glitcher), the arrows work, you have some time to hit the arrows after they pass the players input notes, it reads doubles, triples and full bars and is fairly simple to map, they're are no hold notes yet (and I'm not planning on adding any) as I'm to smooth brain to make them
@griffpatch 3 жыл бұрын
Sounds really cool
@fangfriends700 3 жыл бұрын
This is really good Griffpatch! Im only 9, with my brother, 7 yrs old 4 days after u shared the video!
@-Tenebris- 3 жыл бұрын
SO COOL!! 👍👍👍👍
@josafatquijano6028 3 жыл бұрын
Thank you
@gorkemvlkncoskn479 3 жыл бұрын
very lively
@Nolord_ 3 жыл бұрын
That is actually funny, I was just trying to make a pathfinding algorithm thanks to your pathfinding tutorial, but with what you call grid list. But I just i hit a wall, if the tile size is < 12, then I hit the clone limit while pathfinding. But in other cases it works perfectly. So I was wondering how you pulled that off at 0:20. But nonetheless, that's a great video for intermediate Scratchers !
@griffpatch 3 жыл бұрын
I will cover the scripts to make the pathfinding work with lists in a few weeks hopefully :)
@Johnkhang 3 жыл бұрын
Thanks you!!!