Simple Grid List Tutorial with Image Scanning

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024

Комментарии • 771

  • @ThatMooseyMaxi
    @ThatMooseyMaxi 3 года назад +142

    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
      @griffpatch  3 года назад +48

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

    • @Jwang0509
      @Jwang0509 3 года назад +5

      yeah its less confusing

    • @amateurishanimation
      @amateurishanimation 3 года назад +2

      I noticed that too

    • @freevipservers
      @freevipservers 3 года назад +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

    • @اماحمد-ك7ض7ز
      @اماحمد-ك7ض7ز 3 года назад

      @@griffpatch you do the best projects im making the same thing rn

  • @raaiwieinuk
    @raaiwieinuk 2 года назад +6

    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
    @04tmoodyscratch24 3 года назад +91

    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
      @griffpatch  3 года назад +11

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

    • @feasing
      @feasing 3 года назад +2

      Second?

    • @griffpatch
      @griffpatch  3 года назад +1

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

    • @hotmatchstick5025
      @hotmatchstick5025 3 года назад

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

    • @hotmatchstick5025
      @hotmatchstick5025 3 года назад +1

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

  • @OneOverPi
    @OneOverPi 3 года назад +2

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

  • @focat
    @focat 3 года назад +21

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

    • @KenzieAleron
      @KenzieAleron 3 года назад +1

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

    • @infiniti2011
      @infiniti2011 3 года назад

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

    • @KenzieAleron
      @KenzieAleron 3 года назад +2

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

  • @creeperdoesredstone
    @creeperdoesredstone 2 года назад +5

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

  • @TheSpinningChipMeme
    @TheSpinningChipMeme Год назад +1

    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.

  • @cocotube-dq3yx
    @cocotube-dq3yx Месяц назад

    Thanks for helping a entire generation of scratchers!

  • @TheDiamondLemon
    @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!🙂

  • @thegreenhoodieguy
    @thegreenhoodieguy 3 года назад +9

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

  • @VSink7631
    @VSink7631 3 года назад +3

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

  • @zoezoezoee
    @zoezoezoee 3 года назад +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
      @griffpatch  3 года назад

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

  • @pixelguy2231
    @pixelguy2231 3 года назад +1

    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

  • @GHOST-dg5tk
    @GHOST-dg5tk 3 года назад +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
      @michakuczynski8106 2 года назад

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

  • @FeTetra
    @FeTetra 3 года назад +6

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

  • @keirontravis
    @keirontravis 3 года назад +1

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

  • @JWoo-qx5cz
    @JWoo-qx5cz 3 года назад +1

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

  • @privatei3080
    @privatei3080 3 года назад +33

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

  • @aifenix6004
    @aifenix6004 3 года назад +1

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

    • @griffpatch
      @griffpatch  3 года назад +2

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

  • @shadow_1363
    @shadow_1363 2 года назад +1

    1:30 very nice quadkill

  • @AndyGun11
    @AndyGun11 2 года назад +1

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

  • @SamFromSpaceOfficial
    @SamFromSpaceOfficial 3 года назад +3

    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!

  • @sarthakbhatia6322
    @sarthakbhatia6322 3 года назад +2

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

  • @WinterNox
    @WinterNox 2 года назад +1

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

  • @kriblo5317
    @kriblo5317 3 года назад

    You enthusiasm is infectious ;) Scratching is fun!

  • @ShiftClickLearn
    @ShiftClickLearn 3 года назад +5

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

  • @shwetalakhimpur
    @shwetalakhimpur 3 года назад +4

    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
      @griffpatch  3 года назад +3

      It's my pleasure! - Hope we can keep going!!!

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

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

  • @gunterjudd5406
    @gunterjudd5406 3 года назад +34

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

    • @griffpatch
      @griffpatch  3 года назад +9

      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
      @gunterjudd5406 3 года назад +1

      @@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
      @grupoecoplasso586 3 года назад

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

  • @DatoneGKfan
    @DatoneGKfan 3 года назад +3

    I love your scratch vids it really helps me on scratch

  • @ollieforbes7677
    @ollieforbes7677 3 года назад +3

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

  • @Kirby_Super
    @Kirby_Super 3 года назад +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)

  • @dreyvonadamson
    @dreyvonadamson 3 года назад +2

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

  • @carteradams43
    @carteradams43 2 года назад

    I rewrote a scrolling map tile placer, previously based on inefficient and difficult to place clones, via this video. thanks for the help!

  • @TotalRobloxian
    @TotalRobloxian 3 года назад +1

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

  • @syberchase
    @syberchase 3 года назад +2

    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.

  • @wapelican2530
    @wapelican2530 3 года назад +2

    The Best Scratch Guy On RUclips!!

  • @goforit738
    @goforit738 3 года назад +1

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

  • @funi2477
    @funi2477 3 года назад +2

    Thank you for the tutorials!

  • @squidpickle
    @squidpickle 2 года назад

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

  • @piemonster7
    @piemonster7 3 года назад +2

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

  • @BhavneethAnimates
    @BhavneethAnimates 5 месяцев назад +1

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

  • @victorygames9253
    @victorygames9253 3 года назад +1

    I watch it every day!!

  • @aarjithpoosarla7207
    @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
    @nathn8830 3 года назад +1

    really nice tutorial, thank you!

  • @Redcraft7578
    @Redcraft7578 3 года назад +7

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

    • @griffpatch
      @griffpatch  3 года назад +3

      I put it ALL in :D - Thanks x

    • @dioni_progaming66
      @dioni_progaming66 2 года назад

      @@griffpatch Hey griffpatch, congrats on 100k subscribers

  • @Arian-p8t
    @Arian-p8t Месяц назад

    griffpatch you are a very great teacher

  • @ConcretObsidian
    @ConcretObsidian 3 года назад +1

    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!

  • @1tsm3owz3rs4
    @1tsm3owz3rs4 3 года назад

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

  • @NO-pf2gp
    @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.

  • @tortoiselover7215
    @tortoiselover7215 3 года назад

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

  • @jubejoob
    @jubejoob 3 года назад

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

  • @CP-dc5ov
    @CP-dc5ov 3 года назад +1

    Another great tutorial by a great scratcher! 🐱

  • @anithaaddagulla1674
    @anithaaddagulla1674 3 года назад +5

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

  • @nether_robot
    @nether_robot 3 года назад +3

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

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

  • @Nolord_
    @Nolord_ 3 года назад +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
      @griffpatch  3 года назад +2

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

  • @SamuelCoupland
    @SamuelCoupland 2 года назад

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

  • @hadisantamaria8214
    @hadisantamaria8214 3 года назад

    Yay another amazing griffpatch tutorial

  • @jaecheokkim99
    @jaecheokkim99 3 года назад +2

    i was wating till monday but early access yay

  • @hazratnizamuddin02
    @hazratnizamuddin02 3 года назад +1

    Exellent explanation, love it!!

  • @scratchcat5863
    @scratchcat5863 3 года назад +1

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

  • @albertchosenko8514
    @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)

  • @Impala101
    @Impala101 3 года назад

    The debug update to Scratch Addons is amazing thank you

    • @griffpatch
      @griffpatch  3 года назад +1

      Thank the Scratch Addon Team!

  • @Yea865
    @Yea865 3 года назад +1

    Thanks for making these videos

  • @dragonovonice
    @dragonovonice 2 года назад +2

    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
      @griffpatch  2 года назад

      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.

  • @tommerwooper9677
    @tommerwooper9677 3 года назад +1

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

  • @PixelsNotVectors
    @PixelsNotVectors 3 года назад

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

  • @kyle-nv2mv
    @kyle-nv2mv 3 года назад +2

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

  • @rayybeam1
    @rayybeam1 3 года назад

    best tutorial maker ever

  • @peripheralzx11
    @peripheralzx11 3 года назад +1

    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
      @griffpatch  3 года назад

      Nice idea

    • @cst1229
      @cst1229 3 года назад +1

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

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

  • @stevethepuppet5539
    @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
      @griffpatch  3 года назад +1

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

  • @n0ut4j4
    @n0ut4j4 2 года назад

    Just watched this video with my 11 yo scratcher. Excellent and very well presented grid to list example. I am scratching to find out what difference would run-lenght encoding do on list lenght? And algorithm speed? RLE could even use indexing without needing to unpack, I suppose?

  • @keonscorner516
    @keonscorner516 2 года назад

    Here’s what REAL image scanning looks like: ruclips.net/video/3lz1nylUHiY/видео.html

    • @RuardOozer
      @RuardOozer 29 дней назад

      the purpose of this video is to scan images into game elements (like walls), not to fully scan images. although, yes that is real image scanning

  • @YMY001
    @YMY001 2 года назад

    Love the hype on the spiral then...

  • @JoJo-164
    @JoJo-164 3 года назад +2

    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?

  • @jyke321
    @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
      @griffpatch  3 года назад +1

      I LOVE LINKED LISTS :D hehe

    • @griffpatch
      @griffpatch  3 года назад +1

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

  • @TPS1001
    @TPS1001 2 года назад

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

  • @PrivacyNProgramming
    @PrivacyNProgramming 3 года назад

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

  • @Ethan.YT.
    @Ethan.YT. 3 года назад

    Thank you so much for this, this will really help

  • @GarnettSypher
    @GarnettSypher 27 дней назад

    Thanks for the analysis! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (behave today finger ski upon boy assault summer exhaust beauty stereo over). Could you explain how to move them to Binance?

  • @lasercatto
    @lasercatto 3 года назад +5

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

  • @uqailisyraf4206
    @uqailisyraf4206 3 года назад

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

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

  • @tdog_
    @tdog_ 2 года назад

    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

  • @fangfriends700
    @fangfriends700 3 года назад

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

  • @gabrielfuhr5964
    @gabrielfuhr5964 3 года назад

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

  • @chaching7276
    @chaching7276 3 года назад

    Tjanks for the tutorial I cant wait for the next one

  • @Kim-qn4wz
    @Kim-qn4wz 3 года назад +3

    Wow that's awesome! :D And I'm amazed at your slither.io play lol

    • @griffpatch
      @griffpatch  3 года назад +3

      It was rather entertaining he he

    • @Kim-qn4wz
      @Kim-qn4wz 3 года назад +2

      @@griffpatch lol

  • @Opti234
    @Opti234 3 года назад

    Me: sees that griffpatch uploaded a video
    *likes it immediately before watching it*
    Nice job griffpatch!

  • @proffessor4039
    @proffessor4039 3 года назад +3

    new video, thanks :D
    Woohoo!!

  • @jaecheokkim99
    @jaecheokkim99 3 года назад +5

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

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

  • @GHOST-dg5tk
    @GHOST-dg5tk 3 года назад

    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

  • @samiabed2206
    @samiabed2206 3 года назад

    Awesome, really helpful!

  • @IzzTheRealFive
    @IzzTheRealFive 4 месяца назад +1

    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!

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

  • @CMM47
    @CMM47 2 года назад

    I love your outro music 🎶

  • @nicoscool2333
    @nicoscool2333 2 года назад

    Thanks! This’ll be REALLY useful for the btd6 clone I’m trying to make!

  • @shalinibaranwal5449
    @shalinibaranwal5449 3 года назад

    Great Video as Always!!