Tile Scrolling Platformer | 2. Grid List

How to create a tiled scrolling platformer in scratch - part 2
Games that use scrolling tile grids for their levels are hugely common and feature in many of the best games that we all love to play (like Mario or Geometry dash). Today we learn how to display a level defined in a List.
👉 Next Episode - Part 3 - Tile Collisions
• Tile Scrolling Platfor...
🐱 Scratch Starter Project Game Assets
scratch.mit.edu/projects/4858...
👀 Playlist of all Tile Scrolling Platformer Episodes
• Griffpatch's Tile Scro...
🚀 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
In this tutorial we will learn how to:
* map a 2d level to a 1d scratch list using number squares
* generate a simple boxed level
* extend the size of the level
* add scrolling limits to prevent scrolling out of bounds
I have used this very technique to create Paper Minecraft, Geometry Dash, Scratchnapped, Epic Ninja, Turrican 2, Appel and so many more games. Hopefully you will find this tutorial easy to follow and helpful.
** I used the awesome Camtasia video editor to make this video **
** Check it out here: techsmith.z6rjha.net/5bajbo **
#Scratch #Scratch3 #Scrolling #tile #tilemap #map #Game #Platformer #Tutorial #griffpatch

[@kingbacon2937]

Heh, not only is Griffpatch the best scratcher of all time, he's kind enough to share he's knowledge and teach us things we are REALLY gonna need in the name of coding. Again, thank you!

[@oPlazmaMC]

what i do when i make something 1: watch griffpatch tutorials and do them 2: customize everything 3: coding in my own ideas

[@mattsnows7971]

It's really impressive how much information you can fit within such a short time frame while still explaining how it works. On top of that, you're editing is smooth and focuses on what needs to be seen. Saying thanks is an understatement!

[@griffpatch]

Wow, thank you! - That pretty much sums up what I'm trying to do lol - So woohoo...I even edited out some of my wisdom I'm sorry to say - but I do go on sometimes hehe.

[@mattsnows7971]

@@griffpatch Haha, personally I'd like to hear as much as I could about how it works, though I get how keeping a video short makes it a lot easier to follow, especially if the information isn't totally nessacary. Looking forward to the next part :D

[@derpguy4146]

@@griffpatch Yea I just wanna say how good the editing has become. It adds a whole new dimension on programming and explanations into like, 19 minutes.

[@vincentgagnow56]

@@griffpatch pls upload a vid of all the cut out stuff from your most popular vids

[@NoktarYoutube]

Hello griffpatch! I wanted to ask you a question : how can i make the level higher?@@griffpatch

[@InverseOfficial]

These videos are so high quality we're getting spoiled!

[@AndyWandyBandy]

Never gets old. I've watched this video over and over to review how to add proper tile scrolling, and I always enjoy watching every time! Keep up the great work!

[@dr.a.r.nigwal8559]

The way you explain is literally amazing man

[@oscarbluewolf--9147]

In 10000 years, griffpatch is gonna become a legend

[@oscarbluewolf--9147]

@Sup#2.0 Lol true

[@tristontherailfan]

@@oscarbluewolf--9147 yeah

[@Enderia2]

@Sup#2.0 well technically a legend is a great thing we don’t think or isn’t true.

[@deandrawsalot4913]

amen

[@Enderia2]

@ziad islam 2011 likely another personio

[@verticalquack]

One of my favorite parts of Griffpatch’s tutorials is that they are completely customizable. He always uses variables to make it so the person following the tutorial can modify things like the height and width of the level. Thank you Griffpatch!

[@szymonz8693]

The editing is just... FANTASTIC!! :D

[@mr.widdershins1263]

this tutorial is INCREDIBLE! well done with the effects and thank you for taking the time to even set up pre-made sprites. I am very grateful and am very excited to finish this project along with you!

[@alexFireAKanimations]

Hey, Griffpatch! I want to tell you, that your tutorials are something that saved me from spending whole summer trying to find out how create each script! Thank you so much!

[@griffpatch]

Glad I could help!

[@blurrysquire6671]

This is so complicated yet easy at the same time! Keep up the great work Griffpatch!

[@haydenjarvis6196]

Fantastic editing! So excited for part 3!

[@ntsmne]

Yay! It's finally out! I'm so excited to code!

[@snelake]

Really great series! I really enjoy seeing how it turns out, especially since I’m using different textures to you, it’s great to see how they are different and yet so similar!

[@tcnade1864]

i have been searching for a scrolling platformer tutorial since ages thank griffpatch!

[@exoticonvr]

Wow! I love the intro! The editing skills have improved a lot! Stay safe during times like these and keep scratching!

[@ajanimations3284]

your videos are so well edited and they help me a TON! keep up the great work!

[@jmejuniper]

Yes! Another griffpatch video! Also that editing is amazing :0

[@04tmoodyscratch24]

Wow! You've done it again! And faster than I expected! FANTASTIC job explaining such complex topics in an easy way. I've learned so much from the subtle little techniques you use. And the editing is phenomenal! Keep it up!

[@griffpatch]

You're too kind - thanks for that! It means I lot to know that I am getting over the concepts... I do spend a lot of time thinking about how to go about it :D

[@uwuilly]

This is amazing! I know for a fact that this will help a *LOT* of people with their tile scrolling platformers.

[@MatiEP09]

I ve been waiting for it :D

[@skull0gd222]

This is just what I’ve been looking for! I love this series because it goes at a perfect speed and you explain it so well! When this series is done my games are gonna be 10x better!

[@Opti234]

No, it’s going to be 1000x better! :)

[@andrewzhuo6399]

@@Opti234 No it's going to be 10^10000^1000000^1000000000^10000000 times better

[@w7u]

No it’s going to be Graham’s number times better

[@Opti234]

@@w7u No it’s going to be googolplex times better. Or planck reversed.

[@Opti234]

@@andrewzhuo6399 That’s...big. 1 followed by 27 zeroes. But not as big as griffpatch’s or Einstein’s brain. :)

[@pikachu5664]

wow this is so good! I really had absolutely NO idea how to make scrolling games with tiles! I cannot wait for part 3!

[@FeniteFr]

GREAT !! griffpatch explains very well we understand everything and the editing is too good

[@andrewzhuo6399]

It's great! I wonder why some variables need to be this sprite only.

[@griffpatch]

The for all sprite variables are shared between all sprites and clones, if the value is changed by one script, all other scripts everywhere will see the value change... BUT, for this sprite only means that every sprite AND CLONE has it's own version of that variable (just like they all have their own x position value or costume). So changing the value of a "for this sprite only" variable does not effect the other sprite's versions of that variable.

[@realBHGTV]

@@griffpatch WAIT WHAT? REALLY? New Dimensions of coding are now available 😳👍

[@razkanaz]

It's because if you do only this sprite, each clone will have a different version of that variable

[@ntsmne]

@@griffpatch Yes, as when in the last tutorial, I accidentally made some variables for all sprites, which made the project have the error where it stacks all the blocks on top of each other.

[@explosionimplosion4679]

It makes stuff much cleaner in different sprites, and clones each have a separate value for this. E.g. one clone can have an x variable of something different than another clone.

[@clashgaming2073]

Yay! I was waiting for part 2, this will be interesting

[@talkinghandsmath2424]

This is an amazing tutorial! I'm watching once and pausing to make sure I understand, then I'll watch with Scratch open to follow along. I'm super excited to make this project.

[@griffpatch]

That's awesome :) you could consider joining my membership of you want to support this channel and the work I've put into it :) Cheers

[@oxygen1725]

I love how you explain everything.

[@liquidportal9082]

I must say, the improvement of overall quality is exponential! Your video and audio quality have gotten much better

[@griffpatch]

Yay, thank you! - I've got a reasonable mic, and a new software package for editing... So I've really gone to town. :)

[@dylanedwards8418]

This is by far the best scratch tutorial I've ever seen! I learned more than I usually do at school!

[@griffpatch]

Wow, thanks!

[@dylanedwards8418]

@@griffpatch Your who inspired me to start scratch :)

[@chiroyce]

Woah! I didn't expect Part 2 to be out so soon! Thanks! I'll get to work straight away ;)

[@chiroyce]

Also, those little details in your videos make it soo much better to watch :D

[@infrences]

This guy made my 2017 so much better back then

[@calmguitar8530]

These are the MOST high quality scratch videos! You deserve 10 million subscribers. It’s just amazing how you can make games in a simple web browser coding software into games made in Super advanced game engines.

[@access_was_denied]

nah 20 mil

[@3615_TT]

@@access_was_denied nah 30 mil

[@elvingpierre8060]

Awesome! I can't wait for the collision part!

[@nyoho5554]

Collision is not gonna be that hard, since the sprite 2 won't count if you touch it. You could litterally say if touching Tiles and then your collision script

[@restlesshusky2306]

@@nyoho5554 But he said "In the world of tile-based games" So I think it uses some sort of other thing.

[@darkstrike886]

My favorite thing about you and the reason your my favorite scratcher is because you are original and don't use any code from others you use your amazing brain and make original code, I don't know how you do that. to be honest, I just do what you do, I don't even understand anything. You have LOTS of talent and millions of people agree, keep up the amazing work, you inspire lots and lots of scratchers to do what you do.

[@codingguy2246]

Thank you griffpatch for all these tutorials!

[@DUMB_PERSON_NEAR_ME]

griffpatch must be one of the scratch team

[@CoolScratcher]

That intro is professional. Great job Andrew!

[@ntsmne]

Wait--that's his actual name?

[@mcstutter8179]

@@ntsmne Y E S

[@mcstutter8179]

N ' T

[@chiroyce]

how do you know his name???

[@ntsmne]

@@chiroyce maybe they know each other irl

[@UlemjErdeneMunkhbat]

its just FANTASTIC

[@noot_noot843]

Finally! I love these tutorials! :)

[@weegie3343]

personally, I use a pen tile engine instead of clones and in my engine, list support is done by countless tile detection scrips like with mario. suprisingly, the engine is really fast and causes almost no lag. nice to see an aproch with clones

[@wojtekgame]

Stamps are laggy though, but the pen up/down aren't :)

[@weegie3343]

@@wojtekgame It got improved a lot in scratch 3

[@wojtekgame]

@@weegie3343 yay? :|

[@bigmancozmo]

14:05 *is it just me or did that block just float without him dragging it*

[@lasercatto]

0_0

[@isimsoyisim460]

well the cursor is edited in most of the time

[@mr.mystical9776]

Really high quality, awesome explaining!

[@jamiechevassut6684]

This is so helpful. I love all your tutorials (I have been trying to figure out x and y scrolling ever since I saw the x-scrolling tutorial). :D

[@kiweez3823]

they should put youtube rank for griffpacth

[@sergeudev]

you just uploaded the first part 3 days ago and... the part 2 is already out :0

[@Opti234]

Ikr?

[@Poizon_SSBU]

I was def afraid of using lists until this tutorial. thanks.

[@razkanaz]

Wow, that was fast, can't wait for part 3!!!!!

[@ZainTheMan]

for some reason, after doing 9:02 it only shows that the whole grid is made of one sprite

[@chubbachoo7448]

Exactly my problem but NOBODY HAS A SOLUTION

[@ZainTheMan]

@@chubbachoo7448 ill try and figure it out, also I just skiped and worked from ep 17

[@jamiezr]

order-loving eyeballs ima quote you on that

[@Enderia2]

ORRRRRRRDEEEEERRRRR *stares*

[@ShowCM]

At first I had problems but after redoing it everything worked well in end thanks Griff

[@funi2477]

I'm very excited for part 3

[@magnetickz3130]

Griffpatch, Please help i just cant figure out what's wrong at 9:10. Cuz somehow my screen is stil filled with one type of tile (I only have one tile :D). I think there's something wrong with the TILE GRID or tile index. And i have checked everything atleast *FOUR* times. If you know how to fix this please reply.

[@OreoTheCat-ZQY]

9:20 not workin' (crying)

[@Delter416]

If you had problem with the box, go to 7:46 and make sure your TILEX (outside the repeat block is 16)

[@joneybob3133]

Wow, part 2 can fast! I am so excited for this series!

[@nick-team-kinetic-energy]

Thank you so much! I have always wondered how to create scrolling games and you saved me week of testing!

[@gamedevelopmenttutorials2172]

Did anyone else notice that he animated thw cursor after recording

[@h-Films]

Its satisfying

[@hAck_3r64]

When I move camera Y, the blocks start disappearing and shuffling around the screen, but camera X works fine. (I have done everything in this video)

[@elkasaca]

I think it is when you move the set tile to the position tiles you need to put: set tile to item tile index of tile grid.

[@vidhyasaivishruth]

@@elkasaca but same here, why is there a gap betweeen tiles?

[@PeChips]

@@vidhyasaivishruth maybe because your tiles aren't 16x16 pixels 🤔

[@smritijaiswal2977]

mine is just turning into costume 10 idk why

[@soniyachavan7728]

griffpatch I love when you create projects

[@thechubbybacon]

I love this series!!

[@NoahSties]

Hey griffpatch, do you think there would be an easy way to make a mode 7 style tile engine? Like adding some perspective to these same scripts using the size block (and scaling them on the x axis accordingly)? Just an idea I was playing around with.

[@griffpatch]

I wish there was - But I can't advice anything that would look very good. You would need to split tiles into strips to allow you to add perspective to them, and then use stamping I'd expect...

[@Jwang0509]

that will be laggy I think

[@davinchristino]

You can't stretch and shear in scratch... wish they added it

[@davinchristino]

But rotation is definitely possible

[@yeegordon8285]

When we finish the tile base tutorial, can you make a tutorial on how to turn this game into a cloud multiplayer game?

[@griffpatch]

Nice idea :)

[@starting7725]

I think we have to use cloud list

[@yeegordon8285]

@@starting7725 No, cloud list doesn't exist, we have to use a "separator" to convert a cloud var to list and vice versa

[@noot_noot843]

@@yeegordon8285 yeah I think. I think its something like his tutorial about a cloud multiplayer.

[@yeegordon8285]

@@noot_noot843 And he also promised to implement the cloud engine in a game.

[@fuzzyplayz1510]

YES! I literally waited 4 days for this YES!

[@G_l_o_b]

This is the best tutorial for scratch!

[@buck_cover_up7955]

3 minutes that means early 100!

[@Opti234]

Ikr? This was from 15 minutes ago and it already has a couple of hundred views and likes! And 95 comments.

[@albraaxes1811]

10:46 I Have a question ... How 0-Clone Count X will do it? i

[@griffpatch]

Previously we had Clone Count X * -32. This has been re-written to be "-(Clone count X * 32)". Do you see? so 0-(Clone count X * 32).

[@albraaxes1811]

@@griffpatch very clever!

[@artaishahrami727]

Wow it's so cool how you can use lists to make levels

[@JKmasterOno]

I've always wanted to scroll the screen in Scratch to make action games, so I'm very happy to find such a great video. I'm sorry I'm not good at English using Google Translate.

[@kayayavuz8890]

Did you study Scratch?

[@TheKoalaGamerYT]

probably lol

[@0mega457]

When I test my project for the first time (around 9:10 in the video) all I get is my entire project is the wooden block and there is no empty spaces. I've followed every step shown in the video.

[@griffpatch]

Can you share the project ID?

[@0mega457]

@@griffpatch The project ID is (490202341)

[@griffpatch]

@@0mega457 Your project is PERFECT except in the Generate Sprite you used "Add 10 to TILE GRID" instead of "Add 0 to TILE GRID" on the Add Boxed Column in the repeat loop :)

[@0mega457]

@@griffpatch Thanks for the help!

[@Hey-withrizz]

mine does the same thing and i dont know whats wrong

[@boonjiboi]

THANKYOU FOR PART 2! I'm finally now gonna start doing this!

[@kobi...]

Part 2 :) cant wait for the 3rd

[@isarlonngren3265]

SO SMART! I love this videos!

[@WenBS_YT]

Thank you very much Griffpatch! It's awesome

[@kindasus2732]

Super excited For This !!

[@isabellecall9859]

You make the best tutorials! Can't wait for the next one!

[@madmon9119]

Thanks so much!! I rally enjoyed making this and am working with your newer tutorials for this!!

[@a38rushikeshsalave37]

That's Fantastic. Thank you🙂

[@notkaif]

This is amazing! This will be so useful for scratch games! Thanks so much

[@SimpleFox08]

I just love to watch how things get to work as we expected😸 He plays with blocks!

[@alejandrovaldez9398]

Best Content on KZbin for Scratch

[@KennethPlaysOfficial]

thank god you exist griffpatch your a legend.

[@arminebrahimi92]

I love griffpatch's videos

[@justbetterbruh]

Thanks Griffpatch!

[@taloyewunmi1089]

The editing is so good!

[@wenliangchen7655]

That was super awesome I test it and it all works finely!

[@BlakeAnimatesCauseYes]

using this tutorial, i edited it to make a working chart reader for my game! THX!

[@AldenMoellerInc]

You are literally the best Scratcher of all time

[@tribalcat226]

Thank you griffpatch for this wonderful tutorial

[@pearpear4319]

I love you Griffpatch! Keep making awesome tutorials!

[@MrFreshStart]

Thanks griffpatch! cant wait untill #3 comes out :D

[@user-rl4pr5pc1n]

this is amazing thanks to griffpatch i can let him figure out how to Mario in scratch and then he can show me how to do it to. thanks griffpatch

[@CoolRubiksCube]

Thanks for another great tutorial again Griffpatch!

[@aaronlongin1051]

You're so good at everything on the computer editing coding etc. Wow you are insane. 👑👑

[@botixya2023]

Keep this up griffpatch!

[@mr.tissuepaper3933]

This is so helpful!

[@callumthompson4202]

OH MY GOD this tutorial saved my life... thank you so much !

[@Azerty-zo1bo]

This is just amazing!

[@shannonroffey2503]

I love the names of custom blocks and variables

[@-zerx-7333]

yessss, it's out! that came out quick!