Simple Background Scrolling Tutorial

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ •

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

    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!

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

    griffpatch: simple background scrolling
    scripts he use:

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

      I found them pretty simple 🤣

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

      Fr bro it doesn't work

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

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

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

    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.

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

      @@naelpontes8444 this is scratch 3.0

    • @JerpyTH
      @JerpyTH 11 місяців тому

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

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

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

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

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

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

      Same! I thought I was the only one.

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

    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

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

    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 5 місяців тому

      it sure did help countless scratchers!

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

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

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

    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!

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

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

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

    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.

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

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

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

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

    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 19 днів тому

      THIS IS EXACTLY WHAT IM LOOKING FOR THANKS!

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

  • @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! ❤️ 👍

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

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

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

    that running animation at the start is so smooth

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

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

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

    I just can't get enough of these tutorials.

  • @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! ;)

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

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

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

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

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

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

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

  • @goldcoins8515
    @goldcoins8515 11 місяців тому

    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!

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

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

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

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

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

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

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

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

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

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

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

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

    Griffpatch: ok
    Mensagens: ONE MILLION

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

    I love these simple, small tutorials!

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

    These videos are always so helpful

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

  • @Zxco-w9c
    @Zxco-w9c 25 днів тому +1

    14:12 You have so much notifications 🤯🤯

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

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

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

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

    wow griffpatch is the best scratcher ever much love😘

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

    YES! I needed this!

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

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

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

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

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

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

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

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

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

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

    You are the best scratch programmer I have ever seen

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

    just what me needed

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

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

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

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

    It is working perfectly!
    Your tutorial are the best!

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

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

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

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

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

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

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

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

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

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

    holy... i didn't expect that

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

    you are the legend of scratch griffpatch, thanks

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

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

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

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

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

    Awesome!!!!

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

    This was the tutorial that started my scratch career

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

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

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

    i love griffpatch's projects

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

    Then are you going to upload part 11 next Monday?

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

    Pov: your a teen seeing this on recommended, and imidiatly get flashbacks from 1st grade where you did this for school and got addicted. Seeing it after all those years the memories.... 😊

  • @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?!*

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

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

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

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

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

    Stampy, is that you?! 😺

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

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

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

    36!!!

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

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

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

    First comment! :)

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

    Wow I been waiting for a video like this to come

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

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

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

    If Scratch hosted an Official Game Jam, Griffpatch will be the winner leaving everyone far behind

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

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

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

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

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

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

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

    He is so innovative when coding

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

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

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

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

    You're the best Scratch Scripter in the entire world

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

    I don't know about you but I noticed a change in griffpatch's happy and cheerful voice today?

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

    OH MY GOSH I played your games and I forgot to go to your channel I can’t believe you are on my recommended now

  • @martin-fc7ki
    @martin-fc7ki 3 роки тому

    Griffpatch Looks like a winner

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

    I watched this tutorial not cause I needed a scrolling background but because it's entertaining. XD

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

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

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

    Love this! Same thing with 'Dr. Archana Muralidharan' , I wanted a scrolling backround. Thanks! 😃

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

    Griffpatch is making good videos u are the best youtuber

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

    AWESOME! I love the griffpatch tutorials and games!