Simple Background Scrolling Tutorial
Do you want to know how to create scrolling backgrounds in ‘your’ Scratch projects? I’m Griffpatch, and I can’t wait to share with you how go about creating this cool effect. We'll also cover how to loop background sprites using the maths mod operator, and lastly introduce parallax scrolling and vertical scrolling, not to mention having an awesome animating Scratch Cat Walk Cycle!
This is a relatively basic tutorial, but is useful to understand as we use this, or similar techniques a lot in other projects. We will shortly be using this one in the titled scrolling tutorial series.
⭐ Support this channel - Join to get access to perks:
/ @griffpatch
🐱 Scratch Cat Run Cycle
scratch.mit.edu/projects/1124...
🐱 Tutorial Studio for this video
scratch.mit.edu/studios/29828...
Пікірлер: 1 400
Griffpatch actually kind of sounds like mumbo jumbo now that I think of it ._.
@allyhazzer7189
2 жыл бұрын
I mean they kind of both work well with mechanical stuff not irl
@cen.tered.
2 жыл бұрын
wait what if... there the same..? :00000000. Nahhh they can't be- :P
@colemoses4963
2 жыл бұрын
I know right
@amitg2409
2 жыл бұрын
I agree 100%
@thewoodpeckers655
2 жыл бұрын
Oh my god.
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!
@ev3bt
Жыл бұрын
yea me too
@Gray_Gorilla
Жыл бұрын
@@ev3bt Same
@TheCoriKat
Жыл бұрын
exaclty.
@ArethaN.A
11 ай бұрын
Exactly
@shireeshasama
10 ай бұрын
I have many scratch file to have all of my games and a story
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...
@cristianospohr69
2 жыл бұрын
ok cool.png
@heatherbean1000
2 жыл бұрын
12 years old my bro is 12 but he (dosnt) like scrach
@chenzhenhuang802
Жыл бұрын
😅
@KatanaGamer10
Жыл бұрын
@@cristianospohr69 how u do that
@santiagocabrera3916
7 ай бұрын
@@KatanaGamer10 u have to pay lol
I always wanted this, I didn't want to make a whole scrolling game, I just wanted the scrolling background, thank you griffpatch
@ryanning4516
3 жыл бұрын
Same
@elvislopes9343
3 жыл бұрын
noice hearted
@sajidaslam1592
3 жыл бұрын
Same
@coolgameriguess
2 жыл бұрын
Same
@grocas1163
2 жыл бұрын
Me too
Me: Aww, he won't upload, it's a bank holiday Griffpatch (The absolute legend) : Uploads
@thegreenhoodieguy
3 жыл бұрын
i see you everywhere
@spoopyissad
3 жыл бұрын
@@thegreenhoodieguy I see you everywhere
@AnImmortalBean
3 жыл бұрын
@@spoopyissad I Don't see any of you anywhere
@user-wh7xs6jn3c
3 жыл бұрын
@@AnImmortalBean I’m everywhere
@shahinma221
3 жыл бұрын
@@thegreenhoodieguy I See You Everywhere
I never knew about using the arrow keys for the resizing! I can now shape my train vectors correctly.
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
2 жыл бұрын
omg griffpatch the youtuber that i watch for tynker just liked tthis coment:O
@taysoolee6168
2 жыл бұрын
Same
Wow! I love watching your tutorials even without creating a project
@Arnikaaa
2 жыл бұрын
Same! I thought I was the only one.
griffpatch: simple background scrolling scripts he use:
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
9 ай бұрын
Does it still work with Scratch 3? I feel like not.
@NotFgteev
7 ай бұрын
@@naelpontes8444 this is scratch 3.0
@JerpyTH
4 ай бұрын
can't wait until someone discovers how to use size blocks to bypass it in all directions
@karamjoud6769
3 ай бұрын
but... he is using scratch 3 so since its works with scratch 3@@naelpontes8444
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)
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! ❤️ 👍
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.
Love the animated background tile you did it explains very well how it’s going to work
I'm making Flappy Birb in Scratch and this helped me get that floor scrolling looking real nice! Though, before I added the ground, I added the BG and accidentally forgot that the background is meant to be static, and made it scroll! It would've looked sweet, but I want to make it as authentic as possible. Next up on my coding journey is the Bird. Wish me luck!
I already knew how to do this from your Scrolling Platformer tutorial series, although this is more detailed and now I understand more
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!!!
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!)
@WYLuther
Жыл бұрын
Now 243k
@DeltaruneRalsei
Жыл бұрын
@@WYLuther 244k
@enzo-polis
Жыл бұрын
@@DeltaruneRalsei 246k
@zahidabegum2370
10 ай бұрын
265k
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.
It is working perfectly! Your tutorial are the best!
YES! I needed this!
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! ;)
Finally a tutorial that I can use! Thanks so much!
just what me needed
I found out that you're not only the best at coding but also at art.
Yes! I've been trying to do this for a long time.
@lucasvogtparolin1329
2 жыл бұрын
me too
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.
THIS IS INCREDIBLY AWESOME!!! I LOVE THE ANIMATION!
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.
@DailyWorldWideNews945
2 жыл бұрын
Scratch isnt coding.
@cjandchloeyoutube9381
2 жыл бұрын
@@DailyWorldWideNews945 yes it is
@cjandchloeyoutube9381
2 жыл бұрын
@@DailyWorldWideNews945 and its made for kids. That's why it's drag and drop
@DailyWorldWideNews945
2 жыл бұрын
@@cjandchloeyoutube9381 ye but i think it would be more rewarding and motivation for Kids coding with real programming languages or game engines.
Not only is he a good coder, but he's a good artist.
This is great I've always needed this !!!!
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!
I usually use hide after a point, which is a very good method. 2:28
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!
These videos are always so helpful
I love these simple, small tutorials!
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
2 жыл бұрын
what do you mean?
Your a legend! Thank you a lot! 🤩 I always wanted to make a project like that!!!
Thank you so much on this tutorial! I always wondered how to make backgrounds move.
holy... i didn't expect that
When I see this video I fastly clicked on the video and I surprised. This video is very good and very helpful.👍👍
I was just getting excited that griffpatch will finally keep scratch cat.
i love griffpatch's projects
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
When I do a scrolling background I always do it with perfect timing and your option is very original and I never thincked that.
@helentowers6223
2 жыл бұрын
‘thincked’... -_-
@oyjuk9192
2 жыл бұрын
Oops :P
@WinterNox
2 жыл бұрын
@@helentowers6223 Rude :(
This was the tutorial that started my scratch career
THANK YOU SO MUCH GRIFFPATCH!
Griffpatch is actually a coding genius :D I learned a lot in this video TY~
Awesome!!!!
Thank you You have helped me work on "Final Pixel" I needed random terrain generation But ill try to find a way to do that
i have been searching all of your videos and finally one showed up about scrolling, thanks griffpatch
@tradingwithtravis6896
Жыл бұрын
hi grian pfp
I’ve been trying to do this for months and it really ups the game
@Inferno5419
2 жыл бұрын
me too
this mans voice sounds like its from one of those "top 10 most amazing things," i stg i cant stop hearing it HELP!
@griffpatch
2 жыл бұрын
lol
@coolswag352
2 жыл бұрын
@@griffpatch yes
@sumide8761
2 жыл бұрын
He sounds much like bracky's
@ernurmadiar3185
2 жыл бұрын
@@sumide8761 д ы
@sumide8761
2 жыл бұрын
@@ernurmadiar3185 what
Oh thank you so much griffpatch! It helped me a lot 💗
Griffpatch, you are a genius!
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
@griffpatch
2 жыл бұрын
Nice!
i did the same like 5 days ago using a size variable that makes things appear where they should and make them of the right size:)
To put something in the foreground or background you can use to blocks in „looks“ called move to last layer or move to first layer
I use scratch every day and your tutorials help me a lot thank you so much 😍
@Natel_lord
Жыл бұрын
same
me when I see an ad on a video: no ! KZread there are too many ads !! me when I see ads on a griffpatch video: Yes Griffpatch will win money :D
@MeNotTadget
2 жыл бұрын
“Ad 1 of 2, 59:18 *video will continue after ad* “
@esperidionvaldeviezo7275
2 жыл бұрын
Have is seen you before I'm samtheman6441
@necrullmsm
2 жыл бұрын
@@MeNotTadget lmao
that running animation at the start is so smooth
AWESOME! I love the griffpatch tutorials and games!
Then are you going to upload part 11 next Monday?
@griffpatch
3 жыл бұрын
Quite likely yes
@Trohten2Roblox
3 жыл бұрын
@@griffpatch ooo ):
@Kim-qn4wz
3 жыл бұрын
@@griffpatch Yay!
Stampy, is that you?! 😺
Wow I been waiting for a video like this to come
Oh my god thank you so much this really makes my projects POP!
Everyone watching this video: I made a scrolling tiles platformer so I forgot the basics of a Background Scrolling
@MeNotTadget
2 жыл бұрын
That was me tbh
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)
@user-qz5vc1mn1k
Жыл бұрын
Cool
@lauraward34
Жыл бұрын
Very complex
@ItzFlowerGMD
Жыл бұрын
@@lauraward34no it isnt
I needed this for my Mario game! you're a hero!!!
thank you so much for the teaching! I will use it for sure
Griffpatch: **Adds new scratch cat costume** OG Scratch cat: "You..you..you replaced me!" **screams** New Scratch cat: "Eh"
Who else just open this video only to learn how to draw a great background?
@charliewilson378
2 жыл бұрын
Me
@leothebudgie676
2 жыл бұрын
Me
Thanks! My tile scrolling platformer looks good now!
Honestly whenever i see a video of yours I'm extremely happy
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
@griffpatch
3 жыл бұрын
I'll make a studio later on today
@GreyBoiTheTrue
3 жыл бұрын
@@griffpatch yay!
@gaming_broskies31
3 жыл бұрын
@@griffpatch can i join too plz
@thacuber2a03
3 жыл бұрын
@@griffpatch :D
@conduffkids2557
3 жыл бұрын
@@griffpatch can you help me with a special project that i am working on?
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?!*
thank you so much griffpatch you helped me a lot of things
you are the legend of scratch griffpatch, thanks
36!!!
First comment! :)
@captaincyborg1429
3 жыл бұрын
Omg
@bagururu5576
3 жыл бұрын
🥳
@airlyanimations6550
3 жыл бұрын
🥳
This video is amazing! Your really good at programming!
Oh this works... I really wanted it! Thanks
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!
@griffpatch
2 жыл бұрын
Glad I could help!
Absolutely perfect. Awesome explained and the technique is very usefull. THX.
Yay, I also think to learn how to make scrolling, Thanks @Griffpatch!
Griffpatch you're amazing! 💛
Thank you so so much. I have been waiting to do this for a long time and again thank you.
@griffpatch
2 жыл бұрын
No problem 😊
thanks griffpatch for this tutorial🙏🙏🙏🏻🙏🏻
This actually helped me out a lot! I was looking all over youtube for a scrolling tutorial and i found this. Thank you 😀😀😀😀😀😀😀
@griffpatch
2 жыл бұрын
My pleasure
@elijahboyd7893
2 жыл бұрын
@@griffpatch I don't know how to add scrolling to the Scratch Platformer you made
Thank you for the tutorial!
thank you i have been looking for a tutorial about this for a long time 😀
your vids are teaching me so much! thank you
Lets just appicate that he put all his time and effort to make an anomaiotin
You are the best scratch programmer I have ever seen
Thank you for teaching me I appreciate it 😊
thx griffpatch, helped a lot!!!
Very nice, I will use this to my platformer game.
You are awesome griffpatch!!!
Thank you Griffpatch
this helped Thank you so much griffpatch
@blastytheplayer1481
2 жыл бұрын
Now i can make a game