How to Make a Scrolling Background in Scratch | Tutorial

Подписаться 236 тыс.

Просмотров 1,6 млн

50% 1

Ever wanted to make a Scratch project with a scrolling background? This tutorial will show you how! By the end of this video, you’ll be able to make a moving background, including the ability to add multiple scenes, worlds, or locations.
Try it out:
scratch.mit.ed...
Remix this project (just go to this link and click the green “Remix” button):
scratch.mit.ed...
Music: “Pacific Sun” by Nicolai Heidlas, Creative Commons Attribution 3.0 Unported. creativecommon...
Project credits (in order of appearance):
"Full 16 Frame Scratch Cat Walk Cycle": scratch.mit.ed... (for Scratch cat animation)
“Scrolling Background”: scratch.mit.ed...
“Dog animation”: scratch.mit.ed... (for dog sprite)
“Parallax scrolling background”: scratch.mit.ed...

Опубликовано:

21 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 1,6 тыс.

@Zinnea 3 года назад

If you could have any character in your scrolling background project, what character would you want? :D

@kisforkazoo8183 3 года назад

thanks for this vid very helpfull

@CodeKirby 3 года назад

you

@rian2254 3 года назад

myself

@nazninsultanask 3 года назад

You're a great teacher 🤗🤗

@luvsssuffiee. 3 года назад

I think I would love the unicorns!

@Quackery415 3 года назад

Wow, I haven't really used Scratch for 5-6 years, and knowing that it was still active and inspiring others was wonderful.

@diamondmario64 2 года назад

lol same, pretty neat

@arvee9129 3 года назад

as a professional scratcher who has made loads of unshared projects I would like to say this works and beginners should definitely watch this tutorial

@skatzoxoiros869 2 года назад

As a beginner, why scratch and not other more advanced programming platforms? I mean scratch can be fun and beginner friendly, but it seems too limiting for more complex projects.

@arvee9129 2 года назад

@@skatzoxoiros869 scratch allows you to be creative, but work with a limited experience. I have used other programming stuffs but scratch is better for begginers. Its not the best, its just good

@skatzoxoiros869 2 года назад

@@arvee9129 As a beginner again I completely agree

@TheAverageAnimator12 Месяц назад

@@arvee9129 try using C with windows api, it gives you a better challenge

@iammrp1922 3 года назад

Hi, I've been coding with scratch for a while now, so thanks for constantly updating and making scratch a better website, its awesome and I love it! By the way, your tutorials are super helpful, thanks for spending time teaching us the basics of coding!

@xC0smox0 3 года назад

This helped me make my character fall off a building :D

@cessnafun5385 3 года назад

Congrats, you have created sui- Sui the flying man!

@cubedcubedcubed 3 года назад

rip

@HoodieToonsWasTaken 3 года назад

Thats mad dark

@yuangaming7487 3 года назад

Character - the man who has been flying for the rest of his life.

@jonrafaelpenaflor1121 3 года назад

😂 lol

@arisinger4534 Год назад

Thank you Zinnea, this is exactly what I was trying to figure out how to do, except I want to do it with a streetscape, and have my character skateboarding across! Really appreciate your easy to understand explanation, really helpful :)

@wutugotyoutube 7 месяцев назад

that sounds like a great project idea

@tuckerbetz9585 3 года назад

This is perfect, right when I needed it :) It makes me feel better to use official scratch content too

@blaze_55555h 3 года назад

Yes Tucker Betz!!!!!

@elysxiia 2 года назад

@Tucker Betz YES

@chadcatidkimnotachadidenti7973 2 года назад

Yes

@aboodjoudy756 2 года назад

YESSSSS I AND WE NEED THIS RIGHT OR NO

@CheardDaCuber 2 года назад

If you watch griffpatch you'll know that he create tutorial that is insane, like creating a platformer game, or even title scrolling background game like Mario, he also has the most followers on scratch. He's the best scratcher (and RU-vidr) for me.

@josephmoore5708 16 дней назад

I love these videos and how far they have gotten me. While the things they make are a little basic, they actually teach us the fundamentals of the game instead of just telling us how to make something without telling us what is going what. Great job guys. 😊

@mightyjhesstiongson4938 3 года назад

We've been studying scratch programming at school but I didn't know how to do that. Very helpful!

@mouhiazeck Год назад

This is unironically the best scrolling background tutorial I've seen, thank you so much!!

@dhruvchatterjeee5496 3 года назад

Thanks a lot! I am trying to make a Scratch horror game and in one scene there was a security guard walking to work, I didn't know how to make the background move sideways infinitely, thank a lot, it helped!

@pizzapieperson 3 года назад

Horror games are not allowed on scratch because the scratch team are babies

@veto_real 3 года назад

@@pizzapieperson they can just put an age warning

@pizzapieperson 3 года назад

@@veto_real they dont do that

@veto_real 3 года назад

@@pizzapieperson they won't even share their project xd

@themac-b1e4 2 года назад

@@veto_real pfft, i put middle finger in my game B)

@asavage2215 3 года назад

She makes the best scratch tutorials 100/10

@CoolScratcher 3 года назад

I've always wanted the ST to branch off into more advanced topics, and this is perfect. Consider doing generative art, custom procedures (well, my blocks. I hate the new name 😞), cloud, and/or scrolling platformers. That would help a lot of confused Scratchers.

@Vinxster 4 дня назад

Thanks! I'm currently in the process of making a game, and I've made it so that it only scrolls when you move. Your video helped a lot, I'll be sure to credit you when I publish the video.

@kroezelgaming 3 года назад

Thanks! I remember spending hours to figure out how to do this lol

@ImageRedacted Год назад

May I ask what mouse you use, or is that a sound effect? The sound of your mouse clicking in the video sounds very satisfying.

@indekscard 3 года назад

huh, I always made a bad jumble of costumes to make it look like it's moving

@sluigi 3 года назад

WHY HELLO INDEKSCARD IT IS 216138 THE LEGEND

@ArtisticallyAlex 3 года назад

@@InverseOfficial I use it

@smartart6841 3 года назад

@@InverseOfficial agreed

@_Unknown420_ 3 года назад

@Ultimate Gamer Cut isn’t that usful

@mochixmelodii 3 года назад

Scratch is kinda like stopmotion☹️

@shilparajput5396 Год назад

I like your background music in every video

@lntelling6414 3 года назад

Thought you would use cloning blocks...but this is much easier! Thank you!

@shafiplays22 3 года назад

Yeah, same!

@conniehippensteel7427 3 года назад

Nope😂😂😂😂😂😂

@happyxmaybe 3 года назад

My too

@HeroDevv Год назад

im making a project with 1 sprite for a challenge and i have enemies, a player, a gun that follows the mouse and doesnt go upside down, and now i wanna add a top-down scrolling backround so i kinda have to use clone blocks lol

@c2tutorials940 3 года назад

Thank you so much! I recently used this tutorial in 2 of my games!

@savagery4557 3 года назад

me too!

@usernameless3251 2 года назад

Stop using Scratch you Scratch stan

@AustynL 2 года назад

@@usernameless3251 Okay, what the heck does that even mean?

@STEMMC 3 года назад

This scrolling tutorial + Jumping Game tutorial = an amazing game idea! 😃

@-ashyna-8221 3 года назад

Thank you so much for the tutorial. I've finally got to make the background to move. This is for my school project by the way.

@BullySculkyScratch 11 месяцев назад

Thanks , Zinnea you helped me with my game A LOT!!!!

@viktorijajumike9133 3 года назад

Very informative and nice! Thank you! I learned a lot from you in few days. But I have another question about the backgrounds. I made a little intro for my game and now have reached the Menu part. I did that and I am working to ad the next background as I wish that after the button will be pushed it will be able to go to the actual game (few games in one scratch project). But I try to figure out how to make the other background to disapear until It is its turn because right now the third background is trying to be already in the first page witch I do not want. I think I managed to do this with the second background but forgot how. :D

@Pepa05 2 года назад

Use a block called "hide" and to show use "show"

@therobloxiancheese Год назад

Thank you so much! I was trying to make a Chrome Dino game in Scratch, and the original tutorial that I was following was a bit too advanced. So I searched up this vid and it was suprisingly easier than the one that I originally followed!

@RJVZBloxerYT 3 года назад

Thank you scratch team for making this wonderful coding website. I wanted my games to become an actually game. But other websites are too advanced. And now I have this my dreams are real life. Thanks Scratch Team! :)

@yordan. Год назад

thank you scratch for all these tutorials

@shibsankarmistry2983 3 года назад

I also always wanted to make a scrolling background it really helped me and all of us a lot thanks

@huutsiakka Год назад

This tutorial was really helpful, thank you so much! 🥰 I’m doing a school project on scratch and i really needed this to keep going

@maridunn8633 3 года назад

Thank you. :) This helped me to make my character preview for my new scratch series, Midnight Club.

@SnakewithaBanjo 3 года назад

Yes finally a scratch youtuber

@elijah44gd79 3 года назад

well there the creators of scratch and theres lots of scratch youtubers

@RedSpyderGaming 3 года назад

This helps me out A LOT!

@georgiakyriakidou7994 3 года назад

Me too

@akyrie-kingespino7018 5 месяцев назад

Thank you Zinnia so much without your help i wouldnt have been able to make an awesome project

@shadowgamers7612 3 года назад

hi Zoe! I am so thankful for you because you helped me with my many school projects and all I want to say is big thanks!!

@pokemonstars2525 Год назад

Great vid tought me a lot how to code

@rifaxec9445 2 года назад

This video really helped me for creating a scrolling backdrop. I have also created many games with the help of your videos. Thank you so much for your help.😊😊

@Kibapon473 3 года назад

I finally learned how to a flying game, thank you, scratch.

@anjuchauhan3810 2 года назад

It was amazing! It helped me a lot never expected this scrolling backdrop WOW!

@minhalkhan9812 3 года назад

thank you Zoe for teaching me this project.

@taluladoesthehulainhawaii9012 3 года назад

You can actually use only one sprite as a backgorund, just put "create a clone of myself" after the "when flag is clicked" amd then put "when I start as a clone" and then the code you used for the second sprite

@ĐứcAnhPham-x1t Год назад

*background

@practicasdeinformatica 4 месяца назад

Easy to understand. Excellent explanation

@nagassv5526 3 года назад

Can I use the create clone of myself block instead of duplicating the scrolling background? :D

@Zinnea 3 года назад

Yup, that works too! :D

@nagassv5526 3 года назад

Thanks Zoë! :D

@cst1229 3 года назад

@@nagassv5526 I don't think @Zinnea is Zoë. edit: she is

@nagassv5526 3 года назад

@@cst1229 What?

@cst1229 3 года назад

@@nagassv5526 Now I realized she is.

@your_local_cinnamon_bun7280 3 года назад

I wanted this soo much thanks scratch!

@bloxworld2847 2 года назад

Tip: to make the edges line up perfectly, just press “convert to bitmap”, then press convert to vector

@voidbyteyt 2 года назад

you will get a pixelated image

@KingOfTheBigQuack 11 месяцев назад

my entire childhood comes from this channel

@FireyDeath4 3 года назад

Griffpatch: *right we're done here*

@sudathsseneviratne357 2 года назад

THIS IS AN AWSOME PROJECT

@therealten95 3 года назад

This help me to do a simple platformer :)

@SneakySam 3 года назад

Nice! Do you know how to upload a project to RU-vid. Not the code but just the green flag activating video. Or do you screen record it?

@notneeva 3 года назад

Yeah I guess screen record... IKR its cool!!!

@vishd3554 2 года назад

This was such a wonderful tutorial ; I was always wondering how to make scrolling backgrounds, and you really helped me out!

@G1bberz 2 года назад

The cats animation is so flipin smooth for soon reason.

@merrychristmas5241 3 года назад

I love this video! This is informational. This really helps me out and I could do lots of platform games!

@doritochan001 4 месяца назад

Thanks a ton! Really helpful! =)

@sindhukrishu7286 3 года назад

Hi ive made 2 games in scratch and I love it's so fun to make games :)

@ilonaignotaite3568 3 года назад

@jackgibson511 Год назад

Idk how I never thought of this, this is wayyy easier of a solution

@ckqk 3 года назад

"I'll make a blue rectangle" Bucket Tool: am i a joke to you?

@flickerooo-w-9109 3 года назад

bucket full tool won't fill the background like it does in bit map

@DohiMissed344 3 года назад

turn on bitmap mode and after u use the bucket tool turn vector mode on

@ckqk 3 года назад

@@flickerooo-w-9109 Yeah, I learned that after posting my comment.

@ancient_egypt23 3 года назад

THIS WORKS ITS SO SMOOTH!

@mitulkotak 3 года назад

Griffpatch: make a custom variable for x and y position Scratch team: use the official x and y position variable

@IAmE9030 Год назад

Variable Is for gravity 🦎

@SharkboyGamer2018 Год назад

This will help me a lot in my future wizard frog adventure games.

@Bleebtown 3 года назад

5:14 or... just make the backdrop the sprite without rocks, much simpler

@youngninjaonthatbeat 3 года назад

i was thinking the same exact thing

@ishvig Месяц назад

yea but then it looks the same

@cyberpunkxxxx Год назад

This helped me SO much with my school project. Thx so much

@baba_booey_2555 3 года назад

Scratch: scratch your imagination!

@walterbeckett9461 3 года назад

now I can make a scrolling game! Thank you!

@brownsuga2962 Год назад

it did not work

@RedBlob28 11 месяцев назад

Try to re-check your coding.

@LittleBat3074 10 месяцев назад

@@RedBlob28ya

@loboisme1192 10 месяцев назад

Same

@thanksforthem 10 месяцев назад

skill issue

@RedBlob28 10 месяцев назад

@@thanksforthem 💀💀

@AkorJohnOmaaka Месяц назад

Thanks so much , your lessons have been source of inspiration to my learning

@bigmac2782 3 года назад

Thanks for doing these tutorials! What is your job on the ST?

@gamingtiger4332 3 года назад

Best Teacher Ever Seen ,Thank you so much that's helps to learn so much

@abandoned4338 2 года назад

that helped me not only the tutorial but the platform also

@The_hoodieguy17 11 месяцев назад

This REALLY helped, thanks for the tutorial

@CodeKirby 3 года назад

Nice! Now i can keep up with the platformer craze :)

@nintendork57youtubeedition92 3 года назад

yehhhhhhh

@CodeKirby 3 года назад

@sam fitzgerald hi

@TheRealPMG316 7 месяцев назад

thanks, really helped me with some of my highschool ECS work

@Mic-k1g 5 месяцев назад

Thanks for the tutorial. Very helpful

@chatebillychilima6762 3 года назад

I SERIOUSLY CANT THANK YOU ENOUGH..... !!!!

@termanyx 3 года назад

Hello. A friend of mine, Impostor-Red on Scratch, made her own edition of scrolling before you guys did this, and both of your guys is awesome!

@monky4163 3 года назад

YO NO WAY and its updated! Thank you so much!

@aaronjohnston9075 2 года назад

Thanks scratch! I love it and hope you guys get in one of the most popular games in the world

@tammy69711 3 года назад

My school is using this program and I love it! My classmates loves it and they were creative, I wanted to be like them. So thanks!

@Parkers_Views 3 года назад

Best tutorial yet

@ZofirBello Год назад

This was amazing much simpler than Griffpatch own

@AdamBuyang898 3 года назад

Her voice is much easier than the screen thanks scratch team

@sunnyrizza938 3 года назад

yo any one search any thing on RU-vid and none of it's helpful THIS WAS SOOOOOOOO HELPFUL

@sakshibhatia3848 Год назад

Hi Zinnea! The video was very informative and well explained.. I have a question.. In the end of video while adding a plant to the dackdrop you chose another backdrop where as u could have done that on the second sprite which you used as a backdrop?