Simple Background Scrolling Tutorial

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 1,4 тыс.

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

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

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

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

  • @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 4 месяца назад

      it sure did help countless scratchers!

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

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

  • @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 13 дней назад

      THIS IS EXACTLY WHAT IM LOOKING FOR THANKS!

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

  • @ThatBSgamer
    @ThatBSgamer 3 года назад +34

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

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

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

  • @Mountaindivisionrailfan252
    @Mountaindivisionrailfan252 3 года назад +4

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

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

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

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

  • @Spertwert
    @Spertwert 9 месяцев назад +1

    that running animation at the start is so smooth

  • @efun1234
    @efun1234 2 года назад +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.

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

  • @n1qht719
    @n1qht719 3 года назад +5

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

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

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

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

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

  • @popanemone4327
    @popanemone4327 3 года назад +618

    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.

  • @gorkemvlkncoskn479
    @gorkemvlkncoskn479 3 года назад +3

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

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

  • @vaniganesan9881
    @vaniganesan9881 3 года назад +1

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

  • @Rory432
    @Rory432 3 года назад +19

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

  • @elytra19
    @elytra19 3 года назад +1

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

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

  • @Gacked
    @Gacked 3 года назад +4

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

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

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

  • @annaastling7300
    @annaastling7300 27 дней назад

    I just can't get enough of these tutorials.

  • @FeniteFr
    @FeniteFr 3 года назад +7

    me when I see an ad on a video: no ! RUclips 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

  • @pedroandrade6188
    @pedroandrade6188 3 года назад +1

    Griffpatch: ok
    Mensagens: ONE MILLION

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

  • @Opti234
    @Opti234 3 года назад

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

  • @thebugcoder3391
    @thebugcoder3391 3 года назад +7

    I love these simple, small tutorials!

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

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

  • @SuryaSudheesh-b3r
    @SuryaSudheesh-b3r Год назад

    You are the best scratch programmer I have ever seen

  • @dubsisthegoat48
    @dubsisthegoat48 3 года назад +3

    YES! I needed this!

  • @zombiechicken1530
    @zombiechicken1530 3 года назад +1

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

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

  • @RiceSolid
    @RiceSolid 2 года назад

    This was the tutorial that started my scratch career

  • @svshhsbs
    @svshhsbs 3 года назад +5

    just what me needed

  • @apersonthatexistssadly5208
    @apersonthatexistssadly5208 3 года назад

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

  • @NoneTaken
    @NoneTaken 3 года назад +3

    holy... i didn't expect that

  • @maybethemostawesomestgamer7535
    @maybethemostawesomestgamer7535 3 года назад +1

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

  • @chillysunsetartist
    @chillysunsetartist 3 года назад +3

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

  • @jjfam777
    @jjfam777 3 года назад +2

    wow griffpatch is the best scratcher ever much love😘

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

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

    Griffpatch, you are a genius!

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

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

  • @AmCreative21
    @AmCreative21 3 года назад +4

    Awesome!!!!

  • @ASkilled
    @ASkilled 3 года назад

    you are the legend of scratch griffpatch, thanks

  • @DemonEdiitz
    @DemonEdiitz 2 года назад +3

    Stampy, is that you?! 😺

  • @TheMarioMakerMaster
    @TheMarioMakerMaster 3 года назад +2

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

  • @SamFromSpaceOfficial
    @SamFromSpaceOfficial 3 года назад +6

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

  • @Gamer45-e7t
    @Gamer45-e7t 6 месяцев назад +1

    He is so innovative when coding

  • @malwaremation-informaticaa9749
    @malwaremation-informaticaa9749 3 года назад +13

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

  • @kaitay9707
    @kaitay9707 3 года назад

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

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

  • @alexschulze9440
    @alexschulze9440 3 года назад +2

    These videos are always so helpful

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

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

  • @Kim-qn4wz
    @Kim-qn4wz 3 года назад +5

    Then are you going to upload part 11 next Monday?

  • @Waizzzz
    @Waizzzz 3 года назад

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

  • @sierragutenberg
    @sierragutenberg 3 года назад +3

    36!!!

  • @pineappleplatypus7781
    @pineappleplatypus7781 3 года назад +1

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

  • @Mr_Gamer_123
    @Mr_Gamer_123 3 года назад +6

    First comment! :)

  • @Zxco-w9c
    @Zxco-w9c 18 дней назад +1

    14:12 You have so much notifications 🤯🤯

  • @bigmationtv2382
    @bigmationtv2382 3 года назад

    You're the best Scratch Scripter in the entire world

  • @Its_PacFan
    @Its_PacFan 3 года назад +2

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

  • @aa_1330
    @aa_1330 2 года назад

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

  • @caedonlindsey82
    @caedonlindsey82 3 года назад

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

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

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

  • @srishanmukhaputta9197
    @srishanmukhaputta9197 2 года назад

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

  • @DumbFishes
    @DumbFishes 3 года назад

    Wow I been waiting for a video like this to come

  • @curryrice5304
    @curryrice5304 3 года назад

    i love griffpatch's projects

  • @hypatch8014
    @hypatch8014 3 года назад +1

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

  • @ecodersofficial
    @ecodersofficial 3 года назад +1

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

  • @sevenrps
    @sevenrps 3 года назад

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

  • @jeffersoncountyeassuperchr4282
    @jeffersoncountyeassuperchr4282 3 года назад

    Did not expect to see this when searching for something that’s not scratch

  • @Not_Alex._.
    @Not_Alex._. Год назад

    thanks man!i did my own 2D maze with ur help!u need a trophy

  • @Peter-ui6ey
    @Peter-ui6ey 3 года назад

    This man is a genius.

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

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

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

  • @Boredhasamustache
    @Boredhasamustache 2 года назад

    See guys he is the reason I’m good at making games in scratch