Simple Background Scrolling Tutorial
Рет қаралды 1,087,619
3 жыл бұрын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.
🚀 Boost Your Creativity with Griffpatch
The Griffpatch Academy will take you from "Gamer to Game Creator"
Learn more at 👉 griffpatch.academy 👈
😺 Scratch was developed by the Lifelong Kindergarten Group at the MIT Media Lab. See scratch.mit.edu
🐱 Scratch Cat Run Cycle
scratch.mit.edu/projects/1124...
🐱 Tutorial Studio for this video
scratch.mit.edu/studios/29828...
@popanemone4327 2 жыл бұрын
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.
@zombotrombo7029 2 жыл бұрын
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 Жыл бұрын
Exactly
@shireeshasama Жыл бұрын
I have many scratch file to have all of my games and a story
@reglan_dev 3 жыл бұрын
griffpatch: simple background scrolling scripts he use:
@zombeef2158 4 күн бұрын
I found them pretty simple 🤣
@Just8gor 3 жыл бұрын
Wow! I love watching your tutorials even without creating a project
@Arnikaaa 2 жыл бұрын
Same! I thought I was the only one.
@blueqmusics 3 жыл бұрын
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 3 жыл бұрын
omg griffpatch the youtuber that i watch for tynker just liked tthis coment:O
@taysoolee6168 2 жыл бұрын
Same
@calogiga 2 жыл бұрын
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 8 ай бұрын
@@KatanaGamer10 u have to pay lol
@jimmyjohnson4273 3 жыл бұрын
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
@crownedbw Жыл бұрын
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)
@dr.archanamuralidharan8891 3 жыл бұрын
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
@basarentsen 3 жыл бұрын
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! ❤️ 👍
@Shibanshokusha 2 жыл бұрын
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 2 жыл бұрын
I never knew about using the arrow keys for the resizing! I can now shape my train vectors correctly.
@wolfgangr.3268 2 жыл бұрын
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 10 ай бұрын
Does it still work with Scratch 3? I feel like not.
@PLEASESTANDBY3 8 ай бұрын
@@naelpontes8444 this is scratch 3.0
@JerpyTH 5 ай бұрын
can't wait until someone discovers how to use size blocks to bypass it in all directions
@karamjoud6769 5 ай бұрын
but... he is using scratch 3 so since its works with scratch 3@@naelpontes8444
@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
@toluyole 2 жыл бұрын
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!!!
@perezpixelgamers1378 Жыл бұрын
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! ;)
@Abfalder.J Жыл бұрын
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 11 ай бұрын
265k
@Noofus411 3 жыл бұрын
It is working perfectly! Your tutorial are the best!
@ThatBSgamer 3 жыл бұрын
Love the animated background tile you did it explains very well how it’s going to work
@Gacked 3 жыл бұрын
Yes! I've been trying to do this for a long time.
@lucasvogtparolin1329 3 жыл бұрын
me too
@dubsisthegoat48 3 жыл бұрын
YES! I needed this!
@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.
@elytra19 3 жыл бұрын
i have been searching all of your videos and finally one showed up about scrolling, thanks griffpatch
@tradingwithtravis6896 2 жыл бұрын
hi grian pfp
@n1qht719 3 жыл бұрын
I found out that you're not only the best at coding but also at art.
@xbreakblex6358 2 жыл бұрын
THIS IS INCREDIBLY AWESOME!!! I LOVE THE ANIMATION!
@lucasvogtparolin1329 3 жыл бұрын
AWESOME! I love the griffpatch tutorials and games!
@hypatch8014 3 жыл бұрын
Finally a tutorial that I can use! Thanks so much!
@ramenboy1415 3 жыл бұрын
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.
@decade3033 2 жыл бұрын
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!
@goldcoins8515 5 ай бұрын
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!
@vaniganesan9881 3 жыл бұрын
I was just getting excited that griffpatch will finally keep scratch cat.
@svshhsbs 3 жыл бұрын
just what me needed
@thebugcoder3391 3 жыл бұрын
I love these simple, small tutorials!
@apersonthatexistssadly5208 3 жыл бұрын
Honestly whenever i see a video of yours I'm extremely happy
@alexschulze9440 3 жыл бұрын
These videos are always so helpful
@sajidaslam1592 3 жыл бұрын
When I see this video I fastly clicked on the video and I surprised. This video is very good and very helpful.👍👍
@drkalyanip2371 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
@chaching7276 3 жыл бұрын
This is great I've always needed this !!!!
@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!
@griffpatch 3 жыл бұрын
Glad I could help!
@NoneTaken 3 жыл бұрын
holy... i didn't expect that
@juicyopedia 3 жыл бұрын
Griffpatch is actually a coding genius :D I learned a lot in this video TY~
@khushijoshia9619 3 жыл бұрын
Oh thank you so much griffpatch! It helped me a lot 💗
@itachi1884 3 жыл бұрын
Your a legend! Thank you a lot! 🤩 I always wanted to make a project like that!!!
@plopido9493 2 жыл бұрын
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?
@vpexmc 3 жыл бұрын
this mans voice sounds like its from one of those "top 10 most amazing things," i stg i cant stop hearing it HELP!
@griffpatch 3 жыл бұрын
lol
@coolswag352 2 жыл бұрын
@@griffpatch yes
@sumide8761 2 жыл бұрын
He sounds much like bracky's
@ernurmadiar3185 2 жыл бұрын
@@sumide8761 д ы
@sumide8761 2 жыл бұрын
@@ernurmadiar3185 what
@curryrice5304 2 жыл бұрын
i love griffpatch's projects
@DrAlphys2 Жыл бұрын
Oh my god thank you so much this really makes my projects POP!
@gorkemvlkncoskn479 3 жыл бұрын
I usually use hide after a point, which is a very good method. 2:28
@FeniteFr 3 жыл бұрын
me when I see an ad on a video: no ! KZfaq there are too many ads !! me when I see ads on a griffpatch video: Yes Griffpatch will win money :D
@MeNotTadget 3 жыл бұрын
“Ad 1 of 2, 59:18 *video will continue after ad* “
@esperidionvaldeviezo7275 3 жыл бұрын
Have is seen you before I'm samtheman6441
@necrullmsm 3 жыл бұрын
@@MeNotTadget lmao
@nozimshavkiev Жыл бұрын
Griffpatch, you are a genius!
@Spertwert 3 ай бұрын
that running animation at the start is so smooth
@oyjuk9192 3 жыл бұрын
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 :(
@AmCreative21 3 жыл бұрын
Awesome!!!!
@thecodinwizzard9960 Жыл бұрын
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.
@humanhighlighter 2 жыл бұрын
Not only is he a good coder, but he's a good artist.
@Kim-qn4wz 3 жыл бұрын
Then are you going to upload part 11 next Monday?
@griffpatch 3 жыл бұрын
Quite likely yes
@Trohten2Roblox 3 жыл бұрын
@@griffpatch ooo ):
@Kim-qn4wz 3 жыл бұрын
@@griffpatch Yay!
@DumbFishes 3 жыл бұрын
Wow I been waiting for a video like this to come
@a_false_error101 Жыл бұрын
Thank you so much on this tutorial! I always wondered how to make backgrounds move.
@DemonEdiitz Жыл бұрын
Stampy, is that you?! 😺
@Rory432 3 жыл бұрын
I’ve been trying to do this for months and it really ups the game
@decade3033 2 жыл бұрын
me too
@prof_amazing8141 2 жыл бұрын
This video is amazing! Your really good at programming!
@tikaramsharma7719 3 жыл бұрын
Oh this works... I really wanted it! Thanks
@kidsmac43 2 жыл бұрын
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!
@OzzyVRrealone 3 жыл бұрын
I use scratch every day and your tutorials help me a lot thank you so much 😍
@Natel_lord Жыл бұрын
same
@julianpielechaty1591 3 жыл бұрын
THANK YOU SO MUCH GRIFFPATCH!
@ASkilled 3 жыл бұрын
you are the legend of scratch griffpatch, thanks
@hackcraft_ 3 жыл бұрын
Everyone watching this video: I made a scrolling tiles platformer so I forgot the basics of a Background Scrolling
@MeNotTadget 3 жыл бұрын
That was me tbh
@malwaremation-informaticaa9749 3 жыл бұрын
Who else just open this video only to learn how to draw a great background?
@charliewilson378 3 жыл бұрын
Me
@leothebudgie676 3 жыл бұрын
Me
@TheMarioMakerMaster 3 жыл бұрын
I needed this for my Mario game! you're a hero!!!
@maybethemostawesomestgamer7535 3 жыл бұрын
Thank you so so much. I have been waiting to do this for a long time and again thank you.
@griffpatch 3 жыл бұрын
No problem 😊
@SamFromSpaceOfficial 2 жыл бұрын
Griffpatch: **Adds new scratch cat costume** OG Scratch cat: "You..you..you replaced me!" **screams** New Scratch cat: "Eh"
@JayTheSleepyArtist 3 жыл бұрын
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?!*
@courtj3ster 2 жыл бұрын
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
@Master_Wolf459 2 жыл бұрын
@@griffpatch I don't know how to add scrolling to the Scratch Platformer you made
@methehumanguy7163 3 жыл бұрын
thank you i have been looking for a tutorial about this for a long time 😀
@williamsorenson1525 3 жыл бұрын
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?
@INotSillyTV Жыл бұрын
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
@thirishwehlaing2274 7 ай бұрын
thank you so much griffpatch you helped me a lot of things
@Opti234 3 жыл бұрын
2:50 that is absolutely genius. Something that griffpatch only would come up with.
@sierragutenberg 3 жыл бұрын
36!!!
@Mr_Gamer_123 3 жыл бұрын
First comment! :)
@captaincyborg1429 3 жыл бұрын
Omg
@bagururu5576 3 жыл бұрын
🥳
@airlyanimations6550 3 жыл бұрын
🥳
@mrebic5750 3 жыл бұрын
Griffpatch you're amazing! 💛
@user-ql4bt7dw1e 8 ай бұрын
You are the best scratch programmer I have ever seen
@dr.cronic8267 3 жыл бұрын
In all my four years I have never seen or heard of 2:50. Goodbye borders forever and thank you griffpatch.
@sevenrps 3 жыл бұрын
I. Have. Been. Waiting. So. Long. For. This. Thank you for this video
@miketam9477 2 жыл бұрын
Absolutely perfect. Awesome explained and the technique is very usefull. THX.
@WheezletonTheWheezeeeee 2 жыл бұрын
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
@Funky_Mode 3 жыл бұрын
Thanks! My tile scrolling platformer looks good now!
@ClaudinaQ Жыл бұрын
thank you so much for the teaching! I will use it for sure
@blastytheplayer1481 2 жыл бұрын
this helped Thank you so much griffpatch
@blastytheplayer1481 2 жыл бұрын
Now i can make a game
@mikeydisc7 3 жыл бұрын
thx griffpatch, helped a lot!!!
@pedroandrade6188 3 жыл бұрын
Griffpatch: ok Mensagens: ONE MILLION
@Vinces_Animations 2 жыл бұрын
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
@ecodersofficial 3 жыл бұрын
Yay, I also think to learn how to make scrolling, Thanks @Griffpatch!
@RiceSolid 2 жыл бұрын
This was the tutorial that started my scratch career
@rudravishwarupe1898 3 жыл бұрын
That was nice! i can use this to make a scrolling games.it was really simple! Thanks!
@vaderlad Жыл бұрын
your vids are teaching me so much! thank you
@zombiechicken1530 2 жыл бұрын
Lets just appicate that he put all his time and effort to make an anomaiotin
@moomoo_jons1958 Жыл бұрын
You are awesome griffpatch!!!
@kaitay9707 3 жыл бұрын
You always somehow manage to make games that are of higher quality than 99% of the ones in youtube's ads.
@draiso4503 3 жыл бұрын
I'm glad this exists
@draiso4503 3 жыл бұрын
Thanks for the heart Griffpatch. Of your projects geometry dash is one of my favourites
Gufee.medalin
Рет қаралды 6 МЛН
griffpatch
Рет қаралды 142 М.