🐱 Infinite Scrolling & Tiles - Scratch RPG Tutorial Episode 2

Поділитися
Вставка
  • Опубліковано 10 лип 2024
  • We continue our Scratch RPG tutorial, and today we code infinite scrolling backgrounds. We look at the tile costumes. Create Grid Lists to store tiled levels, and introduce sprite stamping using the pen extension.
    🚀 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
    👀 Episodes in the series:
    Ep.1 - Craft your dream Scratch Game - • RPG Tutorial | Craft y...
    Ep.2 - Infinite Scrolling & Tiles - • 🐱 Infinite Scrolling &...
    Ep.3 - I AM SPEED - • ⚠️ LAG FREE Scrolling ...
    Ep.4 - Build a LEVEL EDITOR in Scratch - • Code a LEVEL EDITOR in...
    Ep. 5 - Split Screen & Multi Tile Assets - • EDIT FASTER ⚡ Tile Tra...
    Ep. 6 - Layers & Onion Skinning - • LAYERS 🧅 "Onion Skinni...
    🐱 Scratch Starter Projects with Assets - Remix this!
    scratch.mit.edu/projects/7255...
    🐱 Scratch Studio for Your projects
    scratch.mit.edu/studios/32038...
    👀 Related UA-cam Videos - Don't miss these!
    Devlog e01 - • Scratch RPG | Devlog #...
    Devlog e02 - • Scratch RPG | Devlog #...
    Tutorial #1 - • RPG Tutorial | Craft y...
    Crazy Cool Joysticks - • CRAZY COOL JOYSTICKS 🎮...
    Code a TEXT ENGINE - • Code a TEXT ENGINE | A...
    -------------Credits-------------
    💾 The BEST pixel artist: o-lobster - o-lobster.itch.io/adventure-pack
    💾 Awesome Player Character by Vryell - opengameart.org/content/tiny-...
    -------------Video Chapters-------------
    0:00 Intro
    0:56 Slow Project Loading
    1:34 Scrolling & the Camera
    5:25 Infinite Scrolling Background
    7:10 Tiles Costumes
    8:55 Tiles & Pen Stamping
    10:42 Offscreen sprites and fixing Sprite Fencing
    11:42 Stamping an entire grid of tiles
    13:37 Perfect Pixel Alignment
    15:40 Grid List
    20:29 Stamping from the Grid List
    21:35 Huge Tiles Maps - The problem
    22:54 Outro

КОМЕНТАРІ • 975

  • @griffpatch
    @griffpatch  Рік тому +246

    This video was getting so long that i had to split it in two! - Sadly, I didn't notice that at the point i stopped you can't move very far before the screen stops scrolling! Don't worry - This will all be solved shortly in episode 3, it's nothing you've done wrong! - My apologies, and Scratch On guys :D

  • @kurtiskurt1
    @kurtiskurt1 Рік тому +189

    This guy is a lot like my 7th grade history teacher. He's very enthuseastic about the subject and makes it fun to learn for the class. Thats why he's my favorite teacher. Thank you girffpatch :)

    • @NateTheGreat529
      @NateTheGreat529 Рік тому +5

      Yea, facts

    • @AndyWandyBandy
      @AndyWandyBandy Рік тому +3

      OMG! Same! Mine was my home room who taight history, geography, etc. Lol

    • @NateTheGreat529
      @NateTheGreat529 Рік тому +6

      Fell asleep watching this guy, so peaceful

    • @AndyWandyBandy
      @AndyWandyBandy Рік тому +4

      @@NateTheGreat529 Lol

    • @asheep7797
      @asheep7797 Рік тому +2

      So is your favorite teacher your 7th grade history teacher or griffpatch?

  • @MrWumpi3000
    @MrWumpi3000 Рік тому +111

    Griffpatch today: we are coding our own RPG game
    Griffpatch in 2 years : today we are coding our own programming engine in scratch...
    Love your content ❤️❤️❤️
    You are amazing 😍

    • @rohansachdeva4952
      @rohansachdeva4952 Рік тому +10

      he has actually made scratch in scratch! look at his projects

    • @Farleigh1050
      @Farleigh1050 Рік тому +6

      Griffpatch in 10 years: Today we are coding roblox studio in scratch (working with cloud stuff and it actually adds to the official roblox game)

    • @ChatkarewithKalpana
      @ChatkarewithKalpana Рік тому +2

      Making our programming language in scratch is easy I've made it serveral times
      .

    • @battleforpolygonsanimations
      @battleforpolygonsanimations Рік тому +4

      Griffpatch in 25 years: Hello Fellow Scratchers! Have you ever wanted to code a real life simulator is Scratch?

    • @AndevOG
      @AndevOG Рік тому +1

      @@Farleigh1050 someone has actually made an amazing version of roblox in scratch before. And multiple people have made coding languages and scratch in scratch before. A real life simulator could possibly be accomplished but wouldn't run very well on regular scratch.

  • @nicoperez2188
    @nicoperez2188 9 місяців тому +21

    Griffpatch is like the teacher everyone wants

  • @GooseOnoob
    @GooseOnoob Рік тому +5

    I just finished this part and I already can't wait for the next one! Really appreciate the effort you put into these tutorials! :D

  • @Yubbzy
    @Yubbzy Рік тому +9

    In my 2-3 years of scratch experience, I did notice that projects moad so much faster when you view the project page instead of inside the project.

  • @milankarow6567
    @milankarow6567 Рік тому +44

    Woohoo! I'm finally putting that early access privilege to good use by building along to the video on the first weekend. Great fun! Looking forward to the next episode!

    • @griffpatch
      @griffpatch  Рік тому +12

      Excellent! :)

    • @bilalbasharat2544
      @bilalbasharat2544 Рік тому

      @@griffpatch griffpatch is great in scratch its like he created scratch welldone griffpatch keep up the hard work 😁😁

  • @Resseguie
    @Resseguie Рік тому +11

    It's great seeing it all come together!

    • @griffpatch
      @griffpatch  Рік тому +3

      Thanks - This video didn't end as I intended, but it got too long! I had to cut off the last third... It has been a busy week and this had a lot of edits to make!

    • @griffpatch
      @griffpatch  Рік тому +3

      Hey, out of interest what was the notification like that you got for this video? UA-cam has updated to actually notify early access members by itself now! (about time ha)

    • @Resseguie
      @Resseguie Рік тому +2

      @@griffpatch I got a standard in app notification. And if I recall correctly a home screen notification too, though that was when I first woke up and I was rapidly clearing out overnight updates and not paying that much attention. I think it was only that one video or two that I never got a notification for. Otherwise I almost always see them right away.

    • @Resseguie
      @Resseguie Рік тому +1

      @@griffpatch I had also explicitly selected the bell with "all" selected and not just "personalized" so I'm not sure if that makes a difference.

  • @tabithablackmon9377
    @tabithablackmon9377 Рік тому +7

    Props to anyone who’s making this by hand as well as the person who made this downland as well as Griffpatch himself

    • @M4DD3R_
      @M4DD3R_ 4 дні тому

      I am not. it would be too hard, there are lots of sprites, if you drew this by hand you would take hours😓😓😓

  • @Dassad
    @Dassad Рік тому +6

    Im MEGA Excited for Part 3! Thanks Griffpatch!

  • @tommyanepicgameer
    @tommyanepicgameer Рік тому +13

    My other predictions for e3:
    1. A similar fps improvement script just like the ray-casting e6 one.
    2. In the player sprite, make the player swing his sword upon a press of the spacebar.
    3. Try loading only the tiles around the player (not touching the edge)
    And that’s it!

  • @ganeshs7642
    @ganeshs7642 Рік тому +1

    Very cool and awesome tutorial! Starving for part 3 of this series! As always thank you Griffpatch for making these awesome tutorials for the scratch community😄

  • @FranciscoAnes
    @FranciscoAnes 6 місяців тому +3

    I love your delivery. While most tutorials have a monotone (boring voice), you bring excitement to it. Thank you for putting these together. Im learning a lot!

  • @rpaareacts6969
    @rpaareacts6969 Рік тому +4

    I bet you my money that this will turn into a full-on series like the platformer tutorial! I cannot wait for everything to be posted, so i can finally code it

  • @DevXP
    @DevXP Рік тому +3

    This is amazing. I love how anyone can access this type of content we need, keep it up :)

  • @T101G
    @T101G Рік тому +4

    I can already tell how epic this will be when it is done!

  • @marcostark8926
    @marcostark8926 Рік тому +7

    We need more off those epic videos. Far more people should click this video :D I feel like Griffpatch has also a fun challenge making these projects as easy as possible. Keep up your amazing work :)

  • @caldrenate
    @caldrenate Рік тому +19

    This project is really beautiful. As I have said before, Scratch is REALLY PROGRESSING FAST.
    At the time of the platformers, I decided to make a humongous RPG series (which is still not done).
    Now...we have a different kind of RPG, and a more advanced one it is.

    • @MagdaW-cm5hi
      @MagdaW-cm5hi Місяць тому

      Whats the series called? I'd love to play it.

  • @MagdaW-cm5hi
    @MagdaW-cm5hi Місяць тому

    this series is probably my favorite, I've wanted to learn to make an RPG game for so long! You are awesome griffpatch.

  • @sirplatypus3943
    @sirplatypus3943 Рік тому +5

    It's excellent how he shows what you can do with a simple website...

  • @inter.search
    @inter.search Рік тому +4

    So Excited for Part 3!!!

  • @AmazingCheezYT
    @AmazingCheezYT Рік тому +7

    I actually decided to make my own custom assets for the project. I’m excited for what comes next.

  • @cubic7844
    @cubic7844 Рік тому +1

    I am very excited for part 3!! Great video

  • @AnjaniKumarSharma
    @AnjaniKumarSharma Рік тому +1

    This is truly amazing, Keep on going! Can't wait for more videos!!

  • @thethree13o
    @thethree13o Рік тому +4

    WOOHOO! Griffpatch uploaded! I love your videos. You always get me hyped whenever I see you've made a new video! Can't wait for episode 3!

    • @griffpatch
      @griffpatch  Рік тому +1

      Yay, thank you!

    • @thethree13o
      @thethree13o Рік тому

      @@griffpatch no problem :)

    • @Celery_Fan8
      @Celery_Fan8 9 місяців тому

      @@griffpatch My stamps aren’t going to the front of the stage, is it because I’m using custom sprites or did I do something wrong in the code?

  • @iluvbiryani
    @iluvbiryani Рік тому +3

    i love your content griffpatch!
    you help me understand everything in the easiest ways possible!
    i thank you multiple times for teaching all of us how to code!

  • @scaras159
    @scaras159 Рік тому +1

    I love the "Opps" when you drag out the "background" Sprite

  • @Phillip_Anatra
    @Phillip_Anatra Рік тому +2

    I'm so excited to get started on this project! I've always wanted to make an rpg, and I have a cool story in mind :)

  • @KaydenAP
    @KaydenAP Рік тому +8

    I love this series!!!!! I get so hyped whenever I see a new one release!

  • @raaiwieinuk
    @raaiwieinuk Рік тому +27

    Another great episode in this huge project. Thank you. Just a question: do you plan out big projects like this in your head or on paper before coding (maybe a flow diagram with variable names etc), or do you just start coding with a basic idea and see how it goes? Basically, what level of planning do you do? I'm not referring to making tutorial videos like this, just how you make games in general. Are there any "good practises" that can be passed on?

    • @griffpatch
      @griffpatch  Рік тому +15

      I generally have a plan in my head, and then get coding, but I do a lot of work to then make a tutorial out of it :)

  • @jasonponce7415
    @jasonponce7415 Рік тому +2

    Thanks for explaining it really well! I've been putting off learning soft soft cuz it looks so intimidating but now that I easily understood the

  • @jeeral
    @jeeral Рік тому

    I never knew that project loading trick! That'll sure help with some of the bigger games I have planned.

  • @two2fiv67
    @two2fiv67 Рік тому +14

    Did you use the same method of getting the costumes as shown in the text engine videos or did you use a different way? If you used a different way, how did you do it?

    • @griffpatch
      @griffpatch  Рік тому +7

      We'll continue this in episode 3

    • @_Squidlin
      @_Squidlin Рік тому +1

      @@griffpatch oh no griffpatch is becoming scott cawthon and giving messages that will help and confuse

  • @allanortegren8446
    @allanortegren8446 Рік тому +6

    Hello Griffpath! I have an idea: After the RPG tutoriel it would be cool if you made a complex clicker game. I know it sounds easy, but you can maby buy upgrades and have a cool clicker animation like in cookie clicker!

    • @griffpatch
      @griffpatch  Рік тому +1

      Did you comment that twice, or did UA-cam lose by reply lol? - Yeah that's a great idea - It's already on my todo list :D

    • @ItsAlMPS
      @ItsAlMPS 9 місяців тому +1

      Griffpath 💀

  • @user-ym9my8yx8e
    @user-ym9my8yx8e Рік тому +1

    Your tutorials are super easy to under stand. Keep up the good work!

  • @-undertale--pro-
    @-undertale--pro- Рік тому

    Ok quick info, I’m making a left 4 dead fangame on scratch and there are sooooo many bugs. For example, the player wall collisions will sometimes not work but now I realize I can use this tutorial to help! Thanks a lot Griffpatch!

  • @georgeleoutsarakos2145
    @georgeleoutsarakos2145 Рік тому +3

    Wow this is turning out amazing! I have only one question; Will you release this game to the public when it's finished? I would love to play it.

  • @FriskDreemurrExplains
    @FriskDreemurrExplains 9 місяців тому +3

    griffpatch makes us watch more of his videos before watching this one, more watch time. he is truly a genius, not only at scratch but at youtube too.

  • @NickEgg
    @NickEgg Рік тому

    Hey man love the series so much cant wait for the next one.

  • @Marc_659
    @Marc_659 Рік тому

    i cant wait for next one! im working on this and im sooo exited

  • @LatestDefinition
    @LatestDefinition 10 місяців тому +6

    Griffpatch is a legend bro is doing things i thought were impossible in more complex coding but instead hes doing it in block coding, thats crazy keep up the good work

  • @KotMurmaPlayShow
    @KotMurmaPlayShow Рік тому +5

    Scrolling is not infinite on the right and top

    • @Mothcotlz
      @Mothcotlz 2 місяці тому

      Check your variables ^^

    • @electrogrape
      @electrogrape Місяць тому

      true

    • @Lawfayette
      @Lawfayette Місяць тому

      Not entirely true, if you set the max X and Y values to infinity, or just loop the background, you can scroll infinitely.

  • @HurelyDev
    @HurelyDev Рік тому

    I cant wait to add this to my game later 👍 keep up the good work griffpatch!

  • @K0nut
    @K0nut 10 місяців тому

    This tutorial is so useful that it helped me with a game that isn't even a tile scroller or an rpg

  • @genesisjackelineportillopi1945

    Thank you Chris. I really appreciate it and that was exactly what I was trying to do. No fuss and helping people get on with what they need

  • @DannymationsTheAnimator
    @DannymationsTheAnimator 3 місяці тому +1

    Griffpatch makes learning block coding so fun! He's such a friendly guy.

  • @Twin138956Productions2019
    @Twin138956Productions2019 Рік тому

    Also very good tutorial. Can't wait for Part 3.

  • @pandat1070
    @pandat1070 Рік тому +1

    Hello! I'm not sure if you'll see this comment or if you've seen my previous comments regarding styling this series as a Pokémon game, but I've managed to pull it off! I had to almost completely redo the movement system but I think it turned out well, I've submitted it to the studio. Thanks for the amazing tutorials!

  • @allanortegren8446
    @allanortegren8446 Рік тому +1

    I have waited for this very long!!!

  • @izzyxddz
    @izzyxddz Рік тому

    OMG! PART 2! SO EXITED TO START SCRATCHIN’!

    • @_Squidlin
      @_Squidlin Рік тому +1

      It's Scratchin'' Time.

  • @mr.someone.t4760
    @mr.someone.t4760 Рік тому

    I and my friend are coding a Spanish adventure game, and this really helps, we need episode 3!!!

  • @christelle5782
    @christelle5782 Рік тому

    LESGOO !! I LOVE THIS SERIES A LOT THANKS !

  • @ihavenoproblems2116
    @ihavenoproblems2116 Рік тому

    woohoo! i was so exited for that episode! man i was at vacations and also din't forget about that RPG series! I won' lose 1 single episode from that serie!
    fun fact: the game runs 2/3 FPS with ten thousand tiles

  • @adrianlabs1168
    @adrianlabs1168 Рік тому +1

    The Best Creator! Having Hopes For New Projects To Come Griffpatch! Keep Doing It! Your The Best!

  • @villeolof2000
    @villeolof2000 Рік тому +2

    Oh! I am soooo excited! I will do this video as fast as I have time! I have made a feature that you can zoom in and out! This is going to be great!

  • @SparrowTutorialsFun
    @SparrowTutorialsFun Рік тому

    Wohooo i was waiting for this!!

  • @moomoodylan
    @moomoodylan Рік тому

    FINNALY!!!! I'VE BEEN WAITING! Can't wait to start!!!!!!!!11!!!!!!!1!!!!

  • @byoungfox7547
    @byoungfox7547 7 місяців тому

    I havent watched the entire series because im trying to make a rpg in my own style but DAMN this video helped me get started

  • @1bustudios
    @1bustudios Рік тому +2

    Very good Tutorial, as usual. Good Job!! :D

  • @crackerpooppop
    @crackerpooppop Рік тому +1

    Yay! Was waiting for this all week :)

  • @kotterika
    @kotterika Рік тому +1

    Hello griffpatch! Thank you for always making funny and kind videos! Looking forward to part 3!

    • @user-ps7ju4dp2y
      @user-ps7ju4dp2y Рік тому

      なんでおまえのなまえわ”てつぺい”?

    • @kotterika
      @kotterika Рік тому

      @@user-ps7ju4dp2y 名前間違ったから

  • @Gabriel-tn1lx
    @Gabriel-tn1lx Рік тому

    This is all coming so fast o cant wait

  • @BusinessMonkeys1
    @BusinessMonkeys1 Рік тому

    Amazing series griffpatch! Thanks for the coding help.

  • @jacksfunfactory
    @jacksfunfactory Рік тому +1

    Love your work griffpatch!!🤗

  • @xyzombs
    @xyzombs Рік тому +1

    Hey griffpatch! I really love your projects and tutorials. I hope for the best :D
    Edit: OMG, thank you for the heart!!
    -Xyrtron on Scratch

  • @crovat5218
    @crovat5218 7 місяців тому

    Another grid list approach could be to have items for each row that are filled with tiles separated by a delimiter (if they are longer than one letter that is), in case they are single letter, you could just join them together using join()().
    This would make tile extraction far easier as we could get the item the tile is on (tile y), the letter or spot between delimiters the tile is on (tile x) and just read that string (tile).
    Keep this in mind just in case.

  • @Rudra_Singh_Bhardwaj
    @Rudra_Singh_Bhardwaj Рік тому +1

    Thanks griffpatch for the amazing tutorials! You helped me get an A in computer! Thanks for your support! And I hope you continue to make amazing tutorials!

    • @ChatkarewithKalpana
      @ChatkarewithKalpana Рік тому +1

      I got A+

    • @itsentdev
      @itsentdev Рік тому +1

      I got A* muahahaha

    • @itsentdev
      @itsentdev Рік тому

      @Khánh Đỗ Nam It's the British A-Level equivalent of an A++, or a GCSE 9.

  • @ticyyy2336
    @ticyyy2336 Рік тому +1

    Great Video! This gives everyone so many new ideas!

  • @dragonnreal
    @dragonnreal Рік тому

    I've been waiting for this

  • @rexcreates6684
    @rexcreates6684 Рік тому

    Hess finally! I'm so exited!

  • @user-el5ki4nn7f
    @user-el5ki4nn7f 16 днів тому

    Griffpatch, you are truly the one of the best persons in the world, or if not, THE BEST person in the universe!

  • @ZacR564Gaming
    @ZacR564Gaming Рік тому

    love following along with this tutor love your stuff griffpatch thanks for the videos keep on keepen on

  • @RepressedButton
    @RepressedButton Рік тому

    I haven’t started this tutorial yet, and I’m 3 minutes into this video, but I’m getting flashbacks to the tile scrolling platformer lol

  • @musicrocks0138
    @musicrocks0138 Рік тому +2

    Hey @griffpatch! I know you probably won't see this, but it's sometimes hard to tell when you update your games. How about you unshare and reshare them to notify your followers you've updates it? That, or at least love/favorite them.

  • @minecrafterandmoregames9989
    @minecrafterandmoregames9989 Рік тому +1

    Thanks griffpatch for this awesome vid. Love you!

  • @user-js7lo9pu7t
    @user-js7lo9pu7t Рік тому

    I can't wait for episode 3!

  • @mrskullcrawler_lizardpcversion
    @mrskullcrawler_lizardpcversion 10 днів тому

    the most exciting line i ever heard before doing some codings and stuff is ''lets get scratching''

  • @AyaanShahbashUddin
    @AyaanShahbashUddin Рік тому

    this is my second time doing it and its going so well and i love it

  • @radactivi
    @radactivi Рік тому

    Wooooo part 2!!!

  • @Baldifancool6969
    @Baldifancool6969 7 місяців тому

    your tutorials were great! I appreciate you!

  • @HiImVetoboi21
    @HiImVetoboi21 Рік тому +1

    Yay, a new griffpatch video!

  • @jasondotjson34
    @jasondotjson34 Рік тому +1

    2:17 Homer Simpson 🤣 "Dough"

  • @rogamer7399
    @rogamer7399 Рік тому

    This episode is awesome!

  • @TEYZHISHERNMoe
    @TEYZHISHERNMoe Рік тому

    done part 1, doing this tomorrow. Nice tutorial.

  • @marybicky9919
    @marybicky9919 Рік тому

    ooo i am so excited

  • @drippymissouri
    @drippymissouri Рік тому

    Griffpatch I found a way in the tile scroller to make powerups and the end event to not block fire balls. I created a 0.5 visible block, where these visible enemys cannt be killed. I changed the less than 1 to be a less than 0.5 and it works so well.

  • @error4625
    @error4625 Рік тому

    By the time I've finished one broadcast receiver this man has cooked dinner, solved world hunger, and went on a around world tour.

  • @Emeraldpig52
    @Emeraldpig52 Рік тому +1

    im SO excited for episode 3

  • @mr_andie
    @mr_andie Рік тому

    Wow. I love it!

  • @pxelight
    @pxelight Рік тому

    griffpatch, TOO THANKS!! WE ARE WAITING THIS VIDEOOO :)

  • @dicel8862
    @dicel8862 Рік тому

    I'm working on a rpg game of my own thanks for this video i might be able to it now thanks Griffpatch

  • @fungus0713
    @fungus0713 Рік тому

    I'm looking forward!🤗🤗

  • @OussamaJoker1
    @OussamaJoker1 Рік тому

    Indeed, it is!

  • @deansomes6254
    @deansomes6254 Рік тому

    YOU ARE AWESOME. I AM LEARNING SO SO MUCH.

  • @battleforpolygonsanimations

    THIS IS AS LONG AWAITED AS TPOT 2! Also Griffpatch, your tutorials are amazing. When I need help, I know who to go to!

  • @Whip_Cream_Waffles
    @Whip_Cream_Waffles Рік тому

    YES! The second part

  • @Milan12234
    @Milan12234 Рік тому +2

    Yeyy! Finally new video!!!!! ❤❤❤❤😀😀😀😀😀😀😀

  • @NotAlphaSlayer15
    @NotAlphaSlayer15 3 місяці тому +1

    *when i saw infinite in title i was like “👀”*

  • @Wallee580
    @Wallee580 Рік тому

    OMG life saver, I just watched a VERY scary movie and needed this to help me sleep :D

  • @Arahja87
    @Arahja87 Рік тому +1

    I love your scratch tutorials