Simple Grid List Tutorial with Image Scanning

[@ThatMooseyMaxi]

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]

Well observed :) - This is how I always do it.

[@Jwang0509]

yeah its less confusing

[@amateurishanimation]

I noticed that too

[@freevipservers]

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

[@اماحمد-ك7ض7ز]

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

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]

I just want to make all sorts of projects and levels of project... That way there's something for everyone!

[@feasing]

Second?

[@griffpatch]

@@hotmatchstick5025 is your costume perfectly centered in the costume editor?

[@hotmatchstick5025]

@@griffpatch Ignore all of that, I hadn't added the +Tile width/2 yet 😂

[@hotmatchstick5025]

@@griffpatch How can you implement the path finding into the grid lists?

[@OneOverPi]

It is sooooo satisfying to watch the tile go row by row changing it's colour if it is touching the level sprite!

[@creeperdoesredstone]

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

[@GHOST-dg5tk]

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

[@Mechanik_69]

Bruh i literaly just got the exact same idea and also made the sqrt calculations... PS were you inspired by r/place?

[@cocotube-dq3yx]

Thanks for helping a entire generation of scratchers!

[@pixelguy2231]

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

[@TheDiamondLemon]

I love how organized your code is! If anyone said someone was better at explaining scratch than you, thats a lie. Thanks for the organized, easy to understand code!🙂

[@VSink7631]

even tough i am a experienced scratch user. i still am learning more from you.

[@griffpatch]

Excellent news!

[@Yazanbakr-p7u]

@@griffpatch Yes!

[@TheSpinningChipMeme]

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.

[@zoezoezoee]

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]

That's great, thanks so much for the feedback :D

[@sarthakbhatia6322]

You took my suggestion too. Telling how the floor operator work😀😀. Thanks a lot

[@griffpatch]

No problem 👍

[@focat]

Griffpatch: "All lists start at 1." Other programming languages: *Wait, that's illegal.*

[@KenzieAleron]

Yeah, lol. In python, a list with a single item has a length of Z E R O .

[@infiniti2011]

@@KenzieAleron No? Python lists have a length property that returns the number of items, 1.

[@KenzieAleron]

@@infiniti2011 Oh yeah, I forgot. Only the index returns the value zero. I'm still a beginner so yeah

[@AndyGun11]

Griffpatch TYSM!! I'm in a game jam, and this helped a LOT!

[@thegreenhoodieguy]

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]

could work

[@privatei3080]

"The most amazing, awesome, mega, spiral ever created" ...wait it looks like the remix button ; )

[@griffpatch]

Pretty much!

[@tatos529]

It’s simple, but effective

[@DUMB_PERSON_NEAR_ME]

me an scratch belike

[@Lukepuke311]

lol

[@Uartig]

yeah 😂

[@shwetalakhimpur]

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]

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?

[@Thyflooder]

Also i cant wait to see the finished version of do starve.

[@griffpatch]

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!

[@Thyflooder]

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

@@griffpatch hi griffpatch y nedd help in my proyect pls help me :(

[@peripheralzx11]

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]

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!

[@FeTetra]

I would use this to create a 3d rasterization algorithm. Thanks!

[@shadow_1363]

1:30 very nice quadkill

[@JWoo-qx5cz]

Finally, i finally got scratch dev tools! Thanks,Griffpatch.

[@aifenix6004]

I watch your tutorials almost every day while having lunch I watched most of them at least 3 times!

[@griffpatch]

That's great - I hope you are getting something useful out of them :D

[@keirontravis]

i don't watch every griffpatch video but i still know how good these tutorials are. keep up the good work 📈

[@WinterNox]

Scratch's most useful and interesting thing to mess with is surely the list feature!

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

[@Kirby_Super]

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)

[@SamFromSpaceOfficial]

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]

Lame jokes - lol

[@wapelican2530]

The Best Scratch Guy On KZbin!!

[@Ethan.YT.]

I can agree

[@dreyvonadamson]

Thanks griffpatch, I became a scratcher because of your tutorials.😀

[@nether_robot]

With clones: 17*17 grid With 2D lists: 447*447 grid wow this is ideal

[@goforit738]

omg thank you griffpatch now i could manage to slove some bug fix easy

[@ShiftClickLearn]

Woah! I didn't know it was possible to make pathfinding this simple!

[@hunterhall8390]

No>:(

[@kriblo5317]

You enthusiasm is infectious ;) Scratching is fun!

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

[@TotalRobloxian]

12:33: "I’m personally drawing the most amazingly awesome mega spiral ever created…. There, genius" - Griffpatch, 2021

[@theoldlaser]

1:27 As I said, make a griffpatch-gaming channel and play Scratch games!

[@peripheralzx11]

Hey, something I do with variables is when they are local variables, I add a little “_” at the front of them. This puts all of the local variables as first in the alphabetical order, and means that your variable list is sorted out better. You should try it

[@griffpatch]

Nice idea

[@cst1229]

I use the Scratch Addons addon that separates local and global variables. (on TurboWarp Desktop)

[@aleksandarilic2520]

I remember the Demo Grid part, I see 4 columns and 3 rows and that is 4*3=12 So 12 grids are in the 480 pixel wide, and 360 tall. In the every first grid at the left corner is the position = -480. Then, -120, 120 and 480. And the y, -180, 0 and 180.

[@DatoneGKfan]

I love your scratch vids it really helps me on scratch

[@squidpickle]

New favorite griffpatch quote: "The most amazing, awesome, mega spiral ever created!"

[@BhavneethAnimates]

The Guarentees of life : Death, Taxes, and Griffpatch Having at least 5 Variables in One project

[@jubejoob]

oh wow this looks incredibly useful. you could probably use this in most games

[@Arian-p8t]

griffpatch you are a very great teacher

[@ollieforbes7677]

Another great tutorial! I love how you explain the parts so well!

[@griffpatch]

Thank you so much!

[@victorygames9253]

I watch it every day!!

[@tortoiselover7215]

I barely even use Scratch, but I still enjoy your videos.

[@scratchcat5863]

You can index = grid x + 1 + (grid y * grid columns). That shortens it by 1 block :)

[@NO-pf2gp]

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]

well now we know griffpatch loves his grids as much as his lemons!

[@Impala101]

The debug update to Scratch Addons is amazing thank you

[@griffpatch]

Thank the Scratch Addon Team!

[@JoJo-164]

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?

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

[@nathn8830]

really nice tutorial, thank you!

[@jaecheokkim99]

i was wating till monday but early access yay

[@ConcretObsidian]

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!

[@GHOST-dg5tk]

There are multiple reasons on why lists are better than clones, like mentioned in the video, there is a limit on clones you can have in a project (300). But also clones slow your project down by a lot of there is a heavy loop unlike lists

[@SamuelCoupland]

Expertly introduced and very well thought out. Thank you for your tutorials

[@funi2477]

Thank you for the tutorials!

[@rayybeam1]

best tutorial maker ever

[@minaaaaaaaaaaaaaaaaaaaaaaaaa]

In the scan block, if you add a change color by 15 block, add it at the start of the repeat grid rows block, it will make it a rainbow color!

[@syberchase]

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.

[@Nolord_]

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]

I will cover the scripts to make the pathfinding work with lists in a few weeks hopefully :)

[@jaecheokkim99]

seemes like your quick and fun tutorials are getting many views i hope this one also get many views

[@griffpatch]

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!

[@piemonster7]

I’ve been doing this for a while! Nice tutorial 👍

[@IzzTheRealFive]

I am setting my tile width to 30, and the top-right corner is supposed to report on the index variable 192, but it’s reporting 161 instead, I need more help!

[@anithaaddagulla1674]

12:30 griffpatch: I am drawing a mega drawing and calles him self a genius me: lol

[@abzcbe]

I commented that aswell

[@anithaaddagulla1674]

Lol 😂

[@Redcraft7578]

I Just LOVE How Much Effort You Put Into These Videos! Keep Up =)

[@griffpatch]

I put it ALL in :D - Thanks x

[@dioni_progaming66]

@@griffpatch Hey griffpatch, congrats on 100k subscribers

[@kyle-nv2mv]

Could you make a Camera Platformer tutorial, it sounds cool :)

[@tommerwooper9677]

i like how griffpatch felt sinister for not telling us about the hidden variables

[@tdog_]

i recently made a grid renderer using the stamp pen tool. it was ok, but it isn't good for much. the coolest part is that you can change the resolution and the size uses math to make it work

[@Yea865]

Thanks for making these videos

[@griffpatch]

Glad you like them!

[@uqailisyraf4206]

Nice! Imma share this video to who thinks scratch is useless

[@cool_roblox_guy]

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]

Sounds really cool

[@PrivacyNProgramming]

6:31 Griffpatch: Start by removing the scratch cat, Sorry mate.. Scratch cat: it's ok :)

[@fangfriends700]

This is really good Griffpatch! Im only 9, with my brother, 7 yrs old 4 days after u shared the video!

[@TPS1001]

Nice I think I'll do a Level Editor with this. Thanks!

[@albertchosenko8514]

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)

[@jyke321]

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]

I LOVE LINKED LISTS :D hehe

[@griffpatch]

Algorithms and data structures are my fav part of computer science I think.

[@albertqiweiminsembawangps6395]

it feels rewarding to fix my problems

[@CP-dc5ov]

Another great tutorial by a great scratcher! 🐱

[@griffpatch]

Glad you enjoyed it

[@GoodByeStars]

I plan to make thriving life inside the list so how do I make it so one of the list gets replaced with something but not the other one? Like a movement, please make a tutorial of this!

[@thewideinstitute7872]

I want the seconds part , when will it come ??

[@jaecheokkim99]

im persenly crating the most amazing awesome mega sprial ever crated lol

[@griffpatch]

Glad you appreciated that awesome peice of 'art'

[@Thyflooder]

i cant wait to use this in future projects, thanks for teaching us again.

[@griffpatch]

You are so welcome!

[@Thyflooder]

@@griffpatch I love your intro and outro music

[@jaecheokkim99]

hey i have a idea how about we use the simple maze generation tutorial and this mixed with path finding tutorial and make a enemy in the maze

[@griffpatch]

I think we are working towards just that kind of thing :)

[@SURFNZYT]

Love the hype on the spiral then...

[@drippymissouri]

The 12 dislikes are people who messed up in the first part and gave up the tutorial

[@hadisantamaria8214]

Yay another amazing griffpatch tutorial

[@thewideinstitute7872]

Can you pls show how to change the tiles if they are already filled then how to again empty them ??

[@zwlw]

natuaria (a terraria style game im working on) also uses grid lists! pretty cool!

[@griffpatch]

Sounds great!

[@the_m_original]

thanks man, i just only needed the grid generation for one of my projects cause i was stupid enough to not been able to do it.

[@dragonovonice]

griffpatch, I am trying to press the space bar, but the red part is partially offscreen. (I am at 25:51). I have no idea on how to fix. Can you please help? Thanks.

[@griffpatch]

Did you get anywhere with that problem - Sorry I didn't reply for so long!!! Don't know how I missed it. If you still need help, then comment your scratch username and if your project is shared I can take a peek.

[@ashwinsolanki1933]

This is awesome...you won't believe it but I just made something like this for a text engine project in scratch

[@PixelsNotVectors]

Real well made. Thank you for all the amazing tutorials!

[@nivisingh]

This is cool! I have one little request can you make an RPG game from scratch? :) again this vid is so cool!

[@griffpatch]

Can you describe the type of RPG you are imagining, or name one that you like?

[@YeetoTheYeetafic]

A simple way of correcting the OFFSET X and Y position is just do OFFSET X = -180 and OFFSET Y = -120 but that is up. Yes, I didn't do that just to waste my time. Edit: That only works for 120 TILE WIDTH not smaller or bigger

[@ayandabose]

THANK YOU! u r a legend. I was trying for an hour and I couldn't figure it out!

[@gabrielfuhr5964]

this is giving me so many game Ideas! amazing tutorial.

[@griffpatch]

Hooray!

[@Ethan.YT.]

Thank you so much for this, this will really help