How to Animate Game Worlds in Scratch ⚡️ FAST! - RPG #9

Поделиться
HTML-код
  • Опубликовано: 17 авг 2024
  • In this video, we'll be learning how to animate tiled game worlds using Scratch. This is the ninth in a series of Scratch tutorials learning how to code a tile based RPG engine in Scratch.
    Adding animation to our Scratch RPG Game worlds is so easy, and I'll show you how in under 5 mins :) - We already have the individual animation frames in our games, we just need a clever way to identify which are to animate and how to do it.
    In this episode we'll also improve the layout of the dungeon tiles in the level editor.
    🚀 Boost Your Creativity with Griffpatch
    The Griffpatch Academy will take you from "Gamer to Game Creator"
    Learn more at 👉 griffpatch.aca... 👈
    😺 Scratch was developed by the Lifelong Kindergarten Group at the MIT Media Lab. See scratch.mit.edu
    👍 Patreon - / griffpatch
    👀 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...
    Ep.7 - Collisions Pins - • Collision Pins? 💥📌 Now...
    Ep.8 - Player Collisions - • Player Collisions + Wa...
    Ep.9 - Animate the World - • How to Animate Game Wo...
    Ep.10a - Data Serialization - • "Save My Game!" 💾 Data...
    Ep.10b - Modular Scene Saving - • Unlock the Power of Mo...
    🐱 Scratch Starter Projects with Assets - Remix this!
    scratch.mit.ed...
    🐱 Scratch Studio for Your projects
    scratch.mit.ed...
    -------------Video Chapters-------------
    0:00 Intro
    0:29 Laying down some Animating Tiles
    0:58 Animating the Tiles by Name
    3:11 Check Name and Animate!
    5:16 Palette Layout Issues
    6:11 Sprite Sheet Dividers --18--
    7:30 Scanning for Costume Names
    14:07 Stamping from the Palette Grid List
    15:30 Testing the Palette Grid
    16:46 Selected Brush Palette Index
    18:20 Hiding the extra Animated costumes in the palette
    19:37 Testing the new Tile Palette
    20:34 Fix Tile Picker
    21:16 Fix Vertical Palette Fencing
    22:14 Outro

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

  • @RalphyTheCoyote
    @RalphyTheCoyote Год назад +37

    If you add a daylight cycle, make the water move faster at night and slower at day.

  • @niceEli
    @niceEli Год назад +4

    Ever since I started learning c# in unity I stopped watching other people’s scratch tutorials but when griffpatch posts it makes my day

  • @averageneutralguy
    @averageneutralguy Год назад +29

    suggestion : perhaps a day/night cycle would be amazing. I also love this series, keep the adventure going!

  • @MrLochnload
    @MrLochnload Год назад +4

    I think the best part of this series is it’s giving me ideas of how to do things in other games. The scrolling and animating sprites is so useful. Making the map editor take care of collisions and everything else has really been an eye opener. I've been working on an advance wars type game in Scratch and map building was such a chore before, but with all the ideas I got from your videos, it's a real breeze now. Looking forward to see how far you take the RPG series!

  • @vozifyvr
    @vozifyvr Год назад +79

    I actually already did the dungeon tile thing (to organize it) on my own but something else I did is I made it where you can drag the black editor bar from the left of the tiles so you can make the tile editor sprite sheet as big as you want when finding a tile.

    • @vozifyvr
      @vozifyvr Год назад +10

      But good idea to animate tiles

    • @griffpatch
      @griffpatch  Год назад +44

      Nice - I thought about adding that feature too... but some things are best left for people to experiment with themselves :) Very cool!

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

      It's the funny dog man

    • @um_idkw
      @um_idkw Год назад +2

      @@griffpatch you should do basics on 3d projection using math and stuff instead of using a raycaster.

    • @savagediaperboy268
      @savagediaperboy268 Год назад

      @@griffpatch Can you show us how to add lighting

  • @loganjoy-koer5936
    @loganjoy-koer5936 Год назад +6

    Even though I don't use Scratch as much anymore, I still learn creative ways to do things from your tutorials, as most of the concepts in Scratch transfer over to more popular programming languages.

  • @Nitrosplash557
    @Nitrosplash557 Год назад +22

    Thanks for these tutorials. I love watching these and seeing my game grow!

  • @kplays_6000
    @kplays_6000 Год назад +2

    The game development community as a whole lacks tutorials of this much depth and complexity without compromising quality. Thank you, Griffpatch!!

  • @WildC47
    @WildC47 Год назад +6

    My recommendations for the future episode -
    *Enemies (Zombies, etc.) to fight with the sword (Enemies will mostly spawn in the dungeons)
    *Opening doors and entering houses and the dungeons
    *Adding an inventory
    *Adding Items: Chests, Keys, doors etc.
    *Health Bar
    *NPCs or other characters to talk to
    *A day/night cycle
    EDIT: I'm also making lots of edits to think of other cool stuff!

  • @RammansPizzas
    @RammansPizzas Год назад +22

    This Series is looking awesome, sadly, I didn't have any reason to use it. But with BATDR's Release, I might make a 2D Version of that game. Obviously, not the whole Game, but maybe some Boss Fights and Abilities, anyway. I know this will be great as always! I'll start scratching once I'm done with Homework! See ya and keep scratching! 😸

  • @Speed-TV
    @Speed-TV Год назад +2

    Imagine dedicating your channel to teaching kids scratch, mad respect!

  • @cooldude_meh
    @cooldude_meh Год назад +4

    cannot wait for the next episode griffpatch! I hope it comes out soon!

  • @funfinyt
    @funfinyt Год назад +4

    The rpg tutorial is awesome! I’ve been having a lot of fun with it, and I’ve always wanted to make one of these. Please keep making more

  • @crackerpooppop
    @crackerpooppop Год назад +21

    Yay! Love these tutorials. Also, you should take breaks as much as you want, your videos are so amazing and the editing is great! It must be difficult to make them, so everyone understands if you take breaks. :)

    • @griffpatch
      @griffpatch  Год назад +9

      Thank you so much!!

    • @amysplaytime2943
      @amysplaytime2943 Год назад +2

      True. Griffpatch has helped a lot I’m excited to see what this amazing man can do in the future

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

      i think i know why he has not did a RPG tutorial for 2 months ALMOST 3... not a good year to start of griffpatch

  • @FeniteFr
    @FeniteFr Год назад +5

    Your tutorials are always pleasant to see and follow :) 😺 Never stop making them ! 😻

  • @SproutSkout
    @SproutSkout Год назад +2

    After watching these tutorials for a while I realized these were the same sprites used in mini mini farm! Pretty cool to see those sprites get used in here :)

  • @noahclendenon9127
    @noahclendenon9127 Год назад +5

    I love these videos! I'm bursting at the seams waiting for the next one! I wonder what it will be about? I assume that an RPG would require a bit more than just a map, so maybe enemies? Items? A health system?
    Or maybe you'll add the ability to transition to different rooms so you can make real dungeons connected to an overworld map?
    THE POSSIBILITIES ARE ENDLESS!
    (No rush though! Take as much time as necessary, and breaks are fine!)

  • @orangefruit567
    @orangefruit567 Год назад +11

    I Think The Next Episode should be the automatic layers! (I saw that in the 2nd devlog) Because it is really annoying to switch layers all the time.

  • @vozifyvr
    @vozifyvr Год назад +4

    YESS thanks so much Griffpatch!

  • @EE-ou4pc
    @EE-ou4pc Год назад +5

    1. Please continue this series! Please!
    2. A copy and paste feature would be amazing!

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

      But that also requires a selection feature and layer exxlusive/inclusive selection and difficult to make stuff. But i DO want to see more "Geometry Dash Level Editor" features to the editor (a cool one would be halfspacing, which lets you move blocks along the grid by HALF a block)

  • @improvisestudios
    @improvisestudios Год назад +41

    Maybe next episode, since the dungeon tiles are fixed, we should do a door tutorial, where you can enter dungeons and houses.

    • @cooldude_meh
      @cooldude_meh Год назад +3

      yessssssssssss pleaseeeeeeeeeeeeeee

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

      Ya!

    • @amethystexpress1398
      @amethystexpress1398 Год назад +2

      And the tutorial after that add npcs and npc interactions , online mode , and fighting npcs and players

  • @LukeLedgX
    @LukeLedgX Год назад +2

    Yay, another tutorial I love them. Hey, Griffpatch In a future episode can you add a swimming feature to the game.

  • @inkerbell5456
    @inkerbell5456 Год назад +2

    Great so far! I also got the animate tile animating in the editor palette too, my copying the scripts.

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

    LETS GO EPISODE 9 YAY
    0:31 finally organized dungeon tiles ive been hoping this got fixed
    animating water yay!
    5:57 another grid list?
    6:55 oh smart idea
    15:38 finally
    other awesome stuff today lets gos
    can't wait for the next episode, keep up the great work!!!
    PLEASE add auto layering its so anoying the editor with the layers
    ive been crazy busy making an epic world with a dungeon, but I can't show you.

  • @jeffreynichols2251
    @jeffreynichols2251 Год назад +3

    I came up with a different system for tile animations, where I instead took any sprite containing > and added round(TICK/4)mod(last letter of costume name) to the current costume. This system lets me create new animated tiles whose animation sequences are not 5 or 8 if I ever need to! :)

  • @-undertale--pro-
    @-undertale--pro- Год назад +1

    This tutorial will help and when I saw the extra blank tiles in the palette I was excited because my game requires more than just the already set tiles

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

    RUclips knows that Griffpatch's videos are very important and says "New video" when i just search "g"

  • @SupaTNT_OG
    @SupaTNT_OG Год назад +2

    What a great series! excited for episode 10!

  • @FeniteFr
    @FeniteFr Год назад +2

    Woohoo I've succeed to reach the end of this episode! 💥 I personally add a «repeat 0-length of palette grid mod 18:
    Add ( ) to palette grid» at the end of the «scan costume names» script because there will be a bug if the last line isn't 18 tiles and that we don't have this ✨

  • @ddshow8873
    @ddshow8873 Год назад +2

    Hello griffpatch I love all your projects on scratch, and also your tutorials are great

  • @slipperyslapslop9214
    @slipperyslapslop9214 9 месяцев назад

    I can now confidently say I spent an entire day just chewing through these.

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

    I didn't follow it during the early access because I followed all the could game serie this week! 🌐😸
    And wow your videos are so much better now 😉 I think now you explain more how the code works, and you add animations/musics so that very pleasant to watch 😸

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

    hey griffpatch, your tutorials have been really helpful on my projects! thank you.

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

    Hello griffpatch, just saying you are on a ROLL with this tutorial, they just get better every time 🙂

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

    I like this series so much, I can't wait for the next episode.

  • @Resseguie
    @Resseguie Год назад

    Oh the complexities and interdependencies are adding up! It's looking great.

    • @griffpatch
      @griffpatch  Год назад

      I know right... I always regret too much when I get to this point lol - Perhaps a grand variable renaming session is in order!

  • @Luckyshape
    @Luckyshape Год назад

    Time: Devlog 1
    griffpatch: *blinks*
    Time: Tutorial Part 9

  • @lukasschriefer799
    @lukasschriefer799 Год назад +2

    You’re at the max because you’re the best at coding!

  • @thefakesammymammy
    @thefakesammymammy Год назад +3

    just wondering, when will you do the automatic layer thing?

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

    It's very cool now that the editor is organized :D

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

      Yeah - Been wanting to do that for some time!

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

    Hey man! I have a student at my school in 8th grade who is building a cool RPG game using scratch and your amazing videos! He was wondering when part #10 of the RPG Scratch videos comes out? Please let me know!

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

    New Griffpatch Video! :D

  • @arkadykarpin9987
    @arkadykarpin9987 Год назад +3

    Thank you so much for such great episodes! But how soon will we see a sequel? At least roughly)

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

    I searched for your channel before even getting the notification and found the video, what kind of coincidence is that?

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

    Im loving this new tutorial series(y'know cuz it's made by you)but I was wondering if you could ever continue dev logs maybe not for an rpg but they were fun to watch.

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

    Every time he says "please smash the like button" I immediately do it!

  • @protokyne
    @protokyne Год назад

    This is just beautiful. My preconception of Scratch being for noobs has changed after watching this. How Scratch’s standard has changed so wildly!

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

    please continue this series

  • @garrettpatterson6128
    @garrettpatterson6128 Год назад

    Omg it is such a good feeling when it actually works, ty griff Keep up the great vids

  • @bluethingy1112
    @bluethingy1112 Год назад +3

    I know you are busy doing the RPG series, which is great! But can you possibly work on the platformer or tile scrolling platformer? It would be great! keep up the good work!

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

      @Ashbedwars I know. I'm asking him to continue them

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

    maybe in the next episode we could use the combat costumes make enemies and make a combat system for your player

  • @Abhilasha84
    @Abhilasha84 Год назад +2

    These tutorials are SO GOOD! ( and helpful:))

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

    Can you make a video where you tell people where to place the collision pins (I'm really confused on where to place them) and I also love your videos. Keep up the great work

  • @danddhampstudio
    @danddhampstudio Год назад

    If anyone's curious, there's an amazing RUclips channel called TheGreenFlash, and they have tutorials on 3d. I know some people have been wanting that so I just wanted everyone to be aware that 3d in scratch does exist. Also, Griffparch has his 3d scratch game and you can probably dissect the code and find out how he did it

  • @-CosmoCode
    @-CosmoCode Год назад

    Yay! Finally! An Another amazing tutorial from the only griffpatch! =D Well done!

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

    You should have a lot more subs for how long you've been making videos and how good they. (at least over 3M subs)

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

    the possibilities are endless😀

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

    I love your tutorials❤❤❤

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

    22:25 if you don't like the extra screen in the editor subract 11 from the thing made

    • @andrear2022
      @andrear2022 4 месяца назад

      how did you get the 11

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

    YEEEEESSSS ! I love you're work ! Continue like that it's soooo cool !

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

    Griffpatch, can you make a video about auto collision setting?
    It's hard putting the pins in place.

  • @luigidabro
    @luigidabro Год назад

    Gridlists are just the BEST

  • @priyankapandey3834
    @priyankapandey3834 Год назад

    YES! Finally! Animating Tiles!

  • @Scratch3.0Tutorials
    @Scratch3.0Tutorials Год назад

    Two things which in my opinion would make this from good to amazing:
    1. Doors
    2. Collision on specific layer i.e. walking under a bridge is fine but if on top of it you collide with the edges

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

    Wow this really incredible ! Thanks you for this beautiful video !

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

    my background sprite now appears in front of all my tiles, but didnt before i added the code of this video. what do i do?

  • @darkergen
    @darkergen Год назад

    Wow finally a new episode of the rpg! Yay!

  • @RonicTheEgg
    @RonicTheEgg Год назад

    HAHA I KNEW WE WERE GONNA GET ANIMATIONS
    I saw it in the last few episode :D

  • @vijaysam
    @vijaysam Год назад

    4:20 you are really very thoughtful

  • @-CosmoCode
    @-CosmoCode Год назад

    When's the next video releasing? OOooh I'm soo excited griffin! =D

  • @SpeedCuberNIVINXD
    @SpeedCuberNIVINXD Год назад

    Yay! It’s finally here

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

    This is awesome like it's made from others platform! Super useful tutorial and very cool coding! Scratch On!

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

    Thanks so much!! I'm not watching this series, but I think it's cool! Also, _please_ do the text engine tutorail one last time, _PLEASE!_

  • @MayowaGaming
    @MayowaGaming Год назад

    I think enemies would be absolutely great in this!

  • @YourRealGuy
    @YourRealGuy Год назад

    I have waiting dor epsiode 10. Ladder climbing, bridge walking, going into houses, text engine dialouge boxes, and so much more!

  • @luciancasey6378
    @luciancasey6378 Год назад

    I LOVE GRIFFPATCH

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

    I'm so glad that you are helping me create my dream RPG thank you!

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

    Thanks! I really like these videos,can you keep making more? Me and my brother have been having a code contest so this is all I can say see ya!

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

    Thank you so much for all these tutorials. They really inspire me. Do you think you'll keep the series going?🐱🐱🐱

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

    So, are you still planning to make the full screen editor you mentioned in Ep. 4? The one that uses an Editor value of 2.

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

    I love your videos! Keep doing the great work.

  • @user-uf7po7vs6r
    @user-uf7po7vs6r Год назад

    thank you so much for making these tutorial. :)

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

    Very Fun!

  • @JaiLeeroy
    @JaiLeeroy Год назад

    I hope we can learn how to cross bridges and ladders in soon. Maybe when this map is used for your multiplayer example we can address this the griffpatch way? I have seen some solutions and even came up with my own but I would really like to see how you do it.

  • @maksstuffdrawz9286
    @maksstuffdrawz9286 Год назад

    finally new episode

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

    Hey griffpatch! Could you make in one of lasts episodes how to make the game MULTI-PLAYER it will be wonderfull

  • @woutervanduin7415
    @woutervanduin7415 Год назад +2

    Awesome tutorial, it would be great if there was a day night cycle!

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

      I made one in my rpg. All you have to do it put
      When green flag
      Wait(day amount of seconds)
      Change costume(translucent sprite for night time)
      Wait(night amount of seconds)
      Hide (night sprite

    • @woutervanduin7415
      @woutervanduin7415 Год назад

      @@SailorKing45 thanks!

  • @Ninjabuster2k
    @Ninjabuster2k Год назад

    I was really looking forward to this tutorial!

  • @ivankatic8332
    @ivankatic8332 Год назад

    ITS SO COOL THANK YOU GRIFFPATCH!!

  • @tomasbernardo5972
    @tomasbernardo5972 Год назад

    I have a question, in 13:08, you created a repeat loop with a mod of a negative value, the part I don't understand is why not just use the positive value instead? I love your videos!

  • @Zen78410
    @Zen78410 Год назад

    Lez goo griffpatch has returned
    But bad news my PC Broke

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

      Nooo!!!! Why do they do that!

    • @Zen78410
      @Zen78410 Год назад

      @@griffpatch its ok i still love your videos👍🏻 keep up the good work, i'll just find a way to get it fixed

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

    Why you creates the variables tick 5 and tick 8 instead of placing the calculation directly ok the «if costume name contain

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

      Yeah that's right... calculate it once rather than 100 times for a lot of water

  • @deanmartin7970
    @deanmartin7970 Год назад

    hi I made my own Sprite and tried to insert it and it worked until I did this tutorials and now I can't find it in the tile picker and if I tried to select it with e in game it won't work do you have a way to fix this?

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

    Hi griffpatch! There is a problem! When you want to climb a ladder, you are stopped by the pins of the tile behind! Can you do an individual pin editor?
    Have a great day!
    Edit: The animation is like jumping, when it ends the animation become white for 1 frame and then continue

  • @legendgames128
    @legendgames128 9 месяцев назад

    As far as I am concerned, animating tiles could be better implemented, especially if you have a bunch of variable frame counters, like ">2",">3",">4",">5",">6",">7",">8",">9",">10",etc.
    if costume name contains ">" then
    delete all of costume name list
    set i to 1
    repeat until letter i of costume name = ">"
    add letter i of costume name
    change i by 1
    set i to length of costume name list + 1
    set tick n to ""
    repeat until letter i of costume name = ""
    set tick n to join tick n letter i of costume name
    change i by 1
    switch costume to costume number + TICK mod tick n
    The way you have it in this episode is fine as it is, since there isn't a lot of animation length variety.

  • @rimberioxgaming
    @rimberioxgaming Год назад

    This is so hard!! I'm crying

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

    Will you do an enemy tutorial in the future? I saw one of your old videos of scrolling top-down enemy code, but it was pretty basic and I was wondering if you could do an enemy pathfinding tutorial (besides the other one you made, td style pathfinding, or just running directly into walls)
    edit: I don't know how many of your comments you read, but do you have a schedule for future episodes in this tutorial series?
    eg:
    Enemy Code
    Seperate Worlds (going to a different map, like caves, tunnels, inside houses or gyms in pokemon games)
    Attacking and Projectiles
    Day/Night and Weather cycles
    Also, how many more episodes do you plan to have in the ser

  • @felixdaniel9472
    @felixdaniel9472 Год назад

    Idea: Make the animated tiles animate in the palette.

  • @thetetrisking-nes
    @thetetrisking-nes Год назад

    Tip: If you want to make a bridge over the water, make the whole bridge on layer 2, and the water underneath on layer 1. If you only put the collision pins for the bridge on the top and bottom, it makes the bridge walkable!

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

    Hey griffpatch when is the rpg episode 10 coming out