Simple Background Scrolling Tutorial

Поділитися
Вставка
  • Опубліковано 18 січ 2025

КОМЕНТАРІ • 1,4 тис.

  • @zombotrombo7029
    @zombotrombo7029 2 роки тому +151

    I've been using scratch for about five years yet still manage to learn something new that's really useful in each of these. This is brilliant!

  • @calogiga
    @calogiga 3 роки тому +111

    So many many many thanks for sharing your knowledge... Now, as a father, I have a mission to simplify all of this to explain this clearly to my daughter (12 years old) : she's coding and playing with me with Scratch. Many many thanks...

  • @Just8gor
    @Just8gor 3 роки тому +43

    Wow! I love watching your tutorials even without creating a project

    • @Arnikaaa
      @Arnikaaa 3 роки тому +3

      Same! I thought I was the only one.

  • @wolfgangr.3268
    @wolfgangr.3268 2 роки тому +33

    2:26 Nice hack! Much better than using a frame or the complicated stamp method as in the old days (less than 2 years ago).
    Other methods seem to have evolved as well. Everybody seems to be using ticks now.
    Thank you so much for your quality input and editing.

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

      Does it still work with Scratch 3? I feel like not.

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

      @@naelpontes8444 this is scratch 3.0

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

      can't wait until someone discovers how to use size blocks to bypass it in all directions

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

      but... he is using scratch 3 so since its works with scratch 3@@naelpontes8444

  • @blueqmusics
    @blueqmusics 3 роки тому +12

    It's probably undisputable that this is one of the most sought-after features people want in their game. I'm sure this will help countless scratchers - even I had trouble doing this before! But you make it so easy griffpatch. Thanks so much!

    • @adozart7302
      @adozart7302 3 роки тому

      omg griffpatch the youtuber that i watch for tynker just liked tthis coment:O

    • @taysoolee6168
      @taysoolee6168 3 роки тому

      Same

    • @Hackdia
      @Hackdia 6 місяців тому

      it sure did help countless scratchers!

  • @reglan_dev
    @reglan_dev 3 роки тому +38

    griffpatch: simple background scrolling
    scripts he use:

    • @zombeef2158
      @zombeef2158 7 місяців тому +6

      I found them pretty simple 🤣

    • @JakecoTheJake
      @JakecoTheJake 3 місяці тому +2

      Fr bro it doesn't work

  • @jimmyjohnson4273
    @jimmyjohnson4273 3 роки тому +153

    Me: Aww, he won't upload, it's a bank holiday
    Griffpatch (The absolute legend) : Uploads

    • @thegreenhoodieguy
      @thegreenhoodieguy 3 роки тому +1

      i see you everywhere

    • @spoopyissad
      @spoopyissad 3 роки тому +1

      @@thegreenhoodieguy I see you everywhere

    • @AnImmortalBean
      @AnImmortalBean 3 роки тому +1

      @@spoopyissad I Don't see any of you anywhere

    • @user-wh7xs6jn3c
      @user-wh7xs6jn3c 3 роки тому +2

      @@AnImmortalBean I’m everywhere

    • @shahinma221
      @shahinma221 3 роки тому +1

      @@thegreenhoodieguy I See You Everywhere

  • @dr.archanamuralidharan8891
    @dr.archanamuralidharan8891 3 роки тому +163

    I always wanted this, I didn't want to make a whole scrolling game, I just wanted the scrolling background, thank you griffpatch

  • @JustNeutral14.
    @JustNeutral14. 2 місяці тому

    I don't even use these tutorials for scratch anymore. Your explanations and logic are so good that I just translate the code logic into whatever game engine/coding language I am using and create it there. Thank you for teaching me and the rest of us how to create all of these cool things!

  • @popanemone4327
    @popanemone4327 3 роки тому +626

    Griffpatch actually kind of sounds like mumbo jumbo now that I think of it ._.

    • @allyhazzer7189
      @allyhazzer7189 3 роки тому +59

      I mean they kind of both work well with mechanical stuff not irl

    • @cen.tered.
      @cen.tered. 3 роки тому +32

      wait what if... there the same..? :00000000. Nahhh they can't be- :P

    • @colemoses4963
      @colemoses4963 3 роки тому +15

      I know right

    • @amitg2409
      @amitg2409 3 роки тому +13

      I agree 100%

    • @thewoodpeckers655
      @thewoodpeckers655 3 роки тому +11

      Oh my god.

  • @ThatBSgamer
    @ThatBSgamer 3 роки тому +35

    Love the animated background tile you did it explains very well how it’s going to work

  • @yoshigamertv
    @yoshigamertv 2 місяці тому +1

    This is really helpful, thank you! For anyone else doing vertical scrolling, substitute 480 with 360, and obviously any x to y. Put the 2 dots on the top left and bottom left of your costumes. Also if you have more than 2 costumes, put the clone, next costume, and change variable block in a loop with however many costumes you have.

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

      THIS IS EXACTLY WHAT IM LOOKING FOR THANKS!

  • @Abfalder.J
    @Abfalder.J 2 роки тому +11

    I'm surprised you only have 193k subscribers while you are like one of the best players on Scratch showing all the other people how to be like you
    (Also thank you for posting these videos because i just started scratch yesterday and i learned so much now from you!)

  • @n1qht719
    @n1qht719 3 роки тому +7

    I found out that you're not only the best at coding but also at art.

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

    Thx, i needed a scrolling background for a running scene, and this helped so much. I tweaked the code a bit, but most of your example was the base. Thx again. You may just have got a new subscriber! ;)

  • @basarentsen
    @basarentsen 3 роки тому +6

    Griffpatch, i have one thing: thank you. Thank you for all the fantastic games. Thank you for all the amazing tutorials and the help. Respect for you! ❤️ 👍

  • @Alex-my8vs
    @Alex-my8vs 3 роки тому +21

    Everyone: watching Tutorial
    Me: *I look at how many messages he has.*

    • @caedonlindsey82
      @caedonlindsey82 3 роки тому

      THATS WHAT I DID! the crazy part is it was his tutor account not his actual one.

  • @crownedbw
    @crownedbw 2 роки тому +4

    Thank you so much; you helped out on my game a lot (I also used your scrolling platformer tutorial from 3 years ago, and I'm pleased to say it all works perfectly)

  • @efun1234
    @efun1234 3 роки тому +6

    Wow! Thanks a lot. This *will* help me so much in the future of my scratch journey. I used to do a lame way of scrolling, but this is wayyyyyyyyyy better.

  • @Mountaindivisionrailfan252
    @Mountaindivisionrailfan252 3 роки тому +4

    I never knew about using the arrow keys for the resizing! I can now shape my train vectors correctly.

  • @Spertwert
    @Spertwert 10 місяців тому +1

    that running animation at the start is so smooth

  • @plopido9493
    @plopido9493 3 роки тому +10

    12:40 I just noticed this after watching the tutorial a bijillion times but you can actually see the tiny dots underneath the screen. The attention to detail just amazes me

    • @minix07
      @minix07 2 роки тому +1

      what do you mean?

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

    Very well done! I was surprised how long it took me to understand what each variable meant, but after taking a good look at it, reading the code blocks and understanding what they did, I think I have it now!

  • @decade3033
    @decade3033 3 роки тому +24

    I wished to be a game maker. your videos really inspire me GriffPatch. I don't know how i would've been great without you. You are the best scratcher ever!

  • @humanhighlighter
    @humanhighlighter 3 роки тому +2

    Not only is he a good coder, but he's a good artist.

  • @sajidaslam1592
    @sajidaslam1592 3 роки тому +5

    When I saw this video I fastly clicked on the video and I got surprised. This video is very good and very helpful.👍👍

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

    I just can't get enough of these tutorials.

  • @Gacked
    @Gacked 3 роки тому +4

    Yes! I've been trying to do this for a long time.

  • @Zxco-w9c
    @Zxco-w9c Місяць тому +1

    14:12 You have so much notifications 🤯🤯

  • @toluyole
    @toluyole 3 роки тому +3

    I really love your videos . . . it makes me want to learn more . . . you know what would be cool, on of those zoom features, in those fighting games, where the camera zooms out to try to fit every one in the screen. Thanks for these videos . . . keep up the good work!!!

  • @Noofus411
    @Noofus411 3 роки тому +2

    It is working perfectly!
    Your tutorial are the best!

  • @hackcraft_
    @hackcraft_ 3 роки тому +27

    Everyone watching this video: I made a scrolling tiles platformer so I forgot the basics of a Background Scrolling

    • @tatos529
      @tatos529 3 роки тому

      That was me tbh

  • @vaniganesan9881
    @vaniganesan9881 3 роки тому +1

    I was just getting excited that griffpatch will finally keep scratch cat.

  • @FeniteFr
    @FeniteFr 3 роки тому +7

    me when I see an ad on a video: no ! UA-cam there are too many ads !!
    me when I see ads on a griffpatch video: Yes Griffpatch will win money :D

    • @tatos529
      @tatos529 3 роки тому +1

      “Ad 1 of 2, 59:18 *video will continue after ad* “

    • @esperidionvaldeviezo7275
      @esperidionvaldeviezo7275 3 роки тому +1

      Have is seen you before I'm samtheman6441

    • @necrullmsm
      @necrullmsm 3 роки тому

      @@tatos529 lmao

  • @pineappleplatypus7781
    @pineappleplatypus7781 3 роки тому +1

    1:00
    Scratch cat be like:
    *What you doing there?*

  • @ramenboy1415
    @ramenboy1415 3 роки тому +6

    Thanks so much!!! This is a wonderful tutorial and I have been looking for a simple and basic background scrolling tutorial for a game I wanted to code.

  • @dr.cronic8267
    @dr.cronic8267 3 роки тому

    In all my four years I have never seen or heard of 2:50. Goodbye borders forever and thank you griffpatch.

  • @SamFromSpaceOfficial
    @SamFromSpaceOfficial 3 роки тому +6

    Griffpatch: **Adds new scratch cat costume**
    OG Scratch cat: "You..you..you replaced me!" **screams**
    New Scratch cat: "Eh"

  • @alexschulze9440
    @alexschulze9440 3 роки тому +2

    These videos are always so helpful

  • @thebugcoder3391
    @thebugcoder3391 3 роки тому +7

    I love these simple, small tutorials!

  • @TanushKotnala
    @TanushKotnala 27 днів тому

    Thank you Griffpatch for giving such a interesting knowledge

  • @dubsisthegoat48
    @dubsisthegoat48 3 роки тому +3

    YES! I needed this!

  • @elytra19
    @elytra19 3 роки тому +1

    i have been searching all of your videos and finally one showed up about scrolling, thanks griffpatch

  • @svshhsbs
    @svshhsbs 3 роки тому +5

    just what me needed

  • @pedroandrade6188
    @pedroandrade6188 3 роки тому +1

    Griffpatch: ok
    Mensagens: ONE MILLION

  • @jjfam777
    @jjfam777 3 роки тому +2

    wow griffpatch is the best scratcher ever much love😘

  • @vpexmc
    @vpexmc 3 роки тому +9

    this mans voice sounds like its from one of those "top 10 most amazing things," i stg i cant stop hearing it HELP!

  • @thecodinwizzard9960
    @thecodinwizzard9960 2 роки тому +2

    This method is perfect. Its simple and easy. I hope you do a video on how to add enemies since so far I have had no luck. This is so much better than the way I used to do it. That method made the screen get blurier the larger you tried to make a game.

  • @NoneTaken
    @NoneTaken 3 роки тому +3

    holy... i didn't expect that

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

    Griffpatch, you are a genius!

  • @drkalyanip2371
    @drkalyanip2371 3 роки тому +3

    This will be useful for making many games
    Thank you so much 😀😀
    Please also make a video on top down scrolling. It is too tough

  • @Opti234
    @Opti234 3 роки тому

    2:50 that is absolutely genius. Something that griffpatch only would come up with.

  • @gorkemvlkncoskn479
    @gorkemvlkncoskn479 3 роки тому +3

    I usually use hide after a point, which is a very good method. 2:28

  • @syberchase
    @syberchase 3 роки тому +1

    Hey griffpatch! I love the new video! At 10:48 you dragged the sprites to re-order them, but you can also use the blocks in the "Looks" category. These 2 blocks are "Move to front or back" and Move Backwards or Forwards times.

    • @griffpatch
      @griffpatch  3 роки тому +6

      Yes indeed.

    • @EHMM
      @EHMM 3 роки тому

      @@griffpatch Nice reply!

    • @starlii10
      @starlii10 3 роки тому

      Oh, and you can use the Sprite Layering tutorial for it as well.

    • @Master_Wolf459
      @Master_Wolf459 2 роки тому

      @@griffpatch Does this also work with the Scratch Platformer you made?

  • @Rory432
    @Rory432 3 роки тому +19

    I’ve been trying to do this for months and it really ups the game

  • @maybethemostawesomestgamer7535
    @maybethemostawesomestgamer7535 3 роки тому +1

    Thank you so so much. I have been waiting to do this for a long time and again thank you.

  • @Kim-qn4wz
    @Kim-qn4wz 3 роки тому +5

    Then are you going to upload part 11 next Monday?

  • @TheMarioMakerMaster
    @TheMarioMakerMaster 3 роки тому +2

    I needed this for my Mario game! you're a hero!!!

  • @DemonEdiitz
    @DemonEdiitz 2 роки тому +3

    Stampy, is that you?! 😺

  • @Gamer45-e7t
    @Gamer45-e7t 8 місяців тому +1

    He is so innovative when coding

  • @AmCreative21
    @AmCreative21 3 роки тому +4

    Awesome!!!!

  • @wyattgootee-vi1dj
    @wyattgootee-vi1dj Рік тому

    I NEEDED THIS SO MUCH! Now I can use this for better skyboxes in my 3d engines! I also never knew what the mod block ever did. Ty, ty, TY SO MUCH.

  • @oyjuk9192
    @oyjuk9192 3 роки тому +7

    When I do a scrolling background I always do it with perfect timing and your option is very original and I never thincked that.

  • @SuryaSudheesh-b3r
    @SuryaSudheesh-b3r Рік тому

    You are the best scratch programmer I have ever seen

  • @chillysunsetartist
    @chillysunsetartist 3 роки тому +3

    *THIS IS INCREDIBLY AWESOME!!! I LOVE THE ANIMATION!*

  • @zombiechicken1530
    @zombiechicken1530 3 роки тому +1

    Lets just appicate that he put all his time and effort to make an anomaiotin

  • @JayTheSleepyArtist
    @JayTheSleepyArtist 3 роки тому +4

    Me: **Needs a Scrolling background for my "WIP a Platformer" Game**
    Griffpatch **Makes Tutorial on how to make a scrolling background
    Me: Uh... *What the What?!*

  • @chaching7276
    @chaching7276 3 роки тому +2

    This is great I've always needed this !!!!

  • @OzzyVRrealone
    @OzzyVRrealone 3 роки тому +6

    I use scratch every day and your tutorials help me a lot thank you so much 😍

  • @hypatch8014
    @hypatch8014 3 роки тому +1

    Finally a tutorial that I can use! Thanks so much!

  • @INotSillyTV
    @INotSillyTV 2 роки тому +13

    15:05 Here’s another way to make a run cycle but just without the “If”: Make a New Variable called “Frame” and with a “Green Flag” Block, Set the Frame Variable to 0 under it! Add a Forever Loop and Inside it, Switch costume to (Start Number for Run Cycle) + Floor of Frame Mod (Number of How Many Costumes in Run Cycle)

  • @DumbFishes
    @DumbFishes 3 роки тому

    Wow I been waiting for a video like this to come

  • @kidsmac43
    @kidsmac43 3 роки тому +3

    im proud of myself, I added clouds by taking the the mountains an duplicating the sprite and then I turned it into clouds, after that I lowered the scroll speed

  • @courtj3ster
    @courtj3ster 3 роки тому +1

    This actually helped me out a lot! I was looking all over youtube for a scrolling tutorial and i found this. Thank you 😀😀😀😀😀😀😀

    • @griffpatch
      @griffpatch  3 роки тому

      My pleasure

    • @Master_Wolf459
      @Master_Wolf459 2 роки тому

      @@griffpatch I don't know how to add scrolling to the Scratch Platformer you made

  • @malwaremation-informaticaa9749
    @malwaremation-informaticaa9749 3 роки тому +13

    Who else just open this video only to learn how to draw a great background?

  • @Its_PacFan
    @Its_PacFan 3 роки тому +2

    Griffpatch: "Simple Background Scrolling Tutorial"
    Also Griffpatch: *Makes the tutorial over 18 Minutes Long*

  • @williamsorenson1525
    @williamsorenson1525 3 роки тому +11

    I CAN FINNALLY CODE MY PROJECT RIGHT WHEN GRIFFPATCH SHARES IT AND GET INTO THE STUDIO BECAUSE NO MORE SCHOOL
    edit: there is no studio :(
    edit #2: there is a studio and i got in and Griffpatch probably viewed my project and i unshared the project because i dont care

  • @apersonthatexistssadly5208
    @apersonthatexistssadly5208 3 роки тому

    Honestly whenever i see a video of yours I'm extremely happy

  • @sierragutenberg
    @sierragutenberg 3 роки тому +3

    36!!!

  • @ashishdev2024
    @ashishdev2024 3 роки тому +1

    Yay, I also think to learn how to make scrolling, Thanks @Griffpatch!

  • @Mr_Gamer_123
    @Mr_Gamer_123 3 роки тому +6

    First comment! :)

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

    i didnt know what mod did thanks :) these videos always teach me something new even if I know how to do whats in the video already :)

  • @curryrice5304
    @curryrice5304 3 роки тому

    i love griffpatch's projects

  • @RiceSolid
    @RiceSolid 2 роки тому

    This was the tutorial that started my scratch career

  • @ASkilled
    @ASkilled 3 роки тому

    you are the legend of scratch griffpatch, thanks

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

    OMG!! Thank you for this. I was using couple years before background costume 0.2 sec change. It was horrible but makeable.
    PS: sorry for bad English

  • @lucasvogtparolin1329
    @lucasvogtparolin1329 3 роки тому

    AWESOME! I love the griffpatch tutorials and games!

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

    I was hoping that you didn't have to use the scroll button, but other than that, it was great and I learned tons of things from it thanks griffpatch so much. Best teacher I have ever had!

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

      you can change the code so you dont have to scroll the slider.The best method would be " forever if key d or right arrow key pressed then change cam x by 1"

  • @sevenrps
    @sevenrps 3 роки тому

    I. Have. Been. Waiting. So. Long. For. This.
    Thank you for this video

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

    Oh my god thank you so much this really makes my projects POP!

  • @prof_amazing8141
    @prof_amazing8141 3 роки тому +1

    This video is amazing! Your really good at programming!

  • @julianpielechaty1591
    @julianpielechaty1591 3 роки тому

    THANK YOU SO MUCH GRIFFPATCH!

  • @kaitay9707
    @kaitay9707 3 роки тому

    You always somehow manage to make games that are of higher quality than 99% of the ones in youtube's ads.

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

    Thank you so much on this tutorial! I always wondered how to make backgrounds move.

  • @1nqfn
    @1nqfn Рік тому

    your vids are teaching me so much! thank you

  • @MrCrompz
    @MrCrompz 3 роки тому

    I already knew how to do this from your Scrolling Platformer tutorial series, although this is more detailed and now I understand more

  • @Huwitto
    @Huwitto 3 роки тому

    Thank you Griffpatch! I was only gonna look at some of your vids because I was bored but I learnt a lot! I never knew what the mod block did and I finally do!

  • @groudon6423
    @groudon6423 3 роки тому +1

    Thanks!

  • @aa_1330
    @aa_1330 2 роки тому

    This was the first video I saw of griffpatch and the first tutorial I did

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

    Scratch Team: makes a project about this exact thing
    Griffpatch: hippity hoppity your tutorial is now my property