PyGame Beginner Tutorial in Python - Infinite Scrolling Background

In this video I will explain how to easily create an endless scrolling background in PyGame, which you can use in a sidescroller style game.
I am going to explain how to use one background image to create an infinite scrolling background
Code and assets on github:
github.com/rus...
Check out my other PyGame tutorials:
Space Invaders coding tutorial: • Pygame Space Invaders ...
Flappy Bird coding tutorial: • PyGame Flappy Bird Beg...

[@nazr763]

I am Japanese. There are not many people in Japan who are uploading videos on making games in python, so this video is very helpful. Thanks a lot for your clear and detailed explanations!

[@CodingWithRuss]

Thanks, glad to hear it is helpful

[@jermania7467]

Good to see new content again. You do have some of the best python tutorials out here. Thanks!

[@CodingWithRuss]

Thanks! I'm glad you think so

[@GamingGuruImMortaL]

Finally pygame content is back!🤣🤣
Bro you make one of the best pygame tutorials, please continue to do so in future.

[@CodingWithRuss]

Haha it was a long break :)

[@Dexjet]

Exceptional Tutorial as always. Thanks so much.

[@CodingWithRuss]

Thanks, glad you liked it!

[@plexus2000]

YES great to see your back i did all of the platformer

[@CodingWithRuss]

Thanks, glad to hear you finished it!

[@DineshVaidyaOfficial]

Wow! nice to see you back sir! Also Liked!!

[@CodingWithRuss]

Thanks!

[@gianlucagiuman6132]

Nice to see you again !!! i try to make smoothless the scroll downsizing the fps, but with no result ...

[@CodingWithRuss]

Thanks! Yes I had this problem as well, and when I looked into it online it seems to be one of the limitations of pygame. Normally in the game you would have more things on the screen so the background won't be as noticeable, but when it is the only thing on the screen it does look like it is a little jittery.

[@ElaineFlorMS]

Thanks so much for your tutorials. They are helping me a lot.
Can you please maybe teach how to do a main menu with two different backgrounds? For example 1 bg in menu with buttons play, credits and exit and when the credits button been clicked another bg appears with the button to back to main menu. It will help me a lot with my game to college 😁

[@CodingWithRuss]

Glad to hear the tutorials are helping.
I have a tutorial in my shooter game which has a main menu. It has play and exit, so you will need to add the credits option yourself but the tutorial explains the logic for the menu so you will be able to figure out how to add more options: ruclips.net/video/wWLDUb71mFo/видео.html

[@CharlieAngel-vy5zi]

Thanks very useful I am searching how to do parallax now

[@CodingWithRuss]

I have a video on that too :)

[@vietnguyenvan9216]

Next video, i hope you will do st about effect and shader

[@Jignesh_Editz]

bro you are the best 😢 love from india can you me playlist on pythone 3d games ❤

[@BRO...21]

Thank you very much, I like it and this is the best tutorial i have

[@CodingWithRuss]

Thanks, glad you liked it

[@technobladed1]

Thanks for the video helped me a lot!

[@CodingWithRuss]

No problem, glad you found it useful!

[@sportfrenz6149]

How do I make the background move with my player?

[@Ishaan_Garud]

This helped me a lot
I'll surely send you the Game I'm working one ❤️

[@CodingWithRuss]

Thanks, glad to hear it was helpful!

[@MahmudShuaib]

Thanks Russ! Thanks

[@CodingWithRuss]

You're welcome!

[@MahmudShuaib]

@@CodingWithRuss am learning so fast i need to slow down!

[@jjero0000oo]

Russ, can you make a tutorial on a background which follows the player?

[@navkd1854]

look at the parallax background tutorial, that shows the background moving with controls of the user

[@Mightbeola]

Thanks so much, love the content.
I've figured how to do this vertically but would it be possible to do it in the opposite direction

[@satyre5844]

how did you make it vertical?

[@Varun_Squad]

Thank you know I can tell my father how to create a scrolling background

[@chaneychane9339]

thank you so much!

[@CodingWithRuss]

You're welcome!

[@_Chop]

How can you change the Y coordinate of each individual image so each one is at a different height

[@JaJ-w3b]

I know you can scroll the opposite way by scroll += but it doesn't load the new image near as smoothly on the left, any tips? Thanks

[@ming_z9157]

nice to see you again are you okay tho? your voice seems different stay healthy :D

[@CodingWithRuss]

Yea I'm all good, thanks! I don't know why it sounded different...I must be out of practice :)

[@khaledhaouam2182]

thanks from Algeria

[@Nightmare-dd4bp]

Thanks

[@CodingWithRuss]

You're welcome

[@tyrashorts2756]

Wow thanks alot for this awesome tutorial

[@CodingWithRuss]

You're welcome. glad it helped.

[@AdylKadyraliev]

Hello quick question, if i need to do it for clouds for example like in stardew valley menu interface. Can i use only 1 image with 5-6 clouds and move it like in the video but ofcourse slowly. Ty for the video

[@CodingWithRuss]

Hello. Yes sure that would work as well and you could even have different clouds move at different speeds if you wanted to.

[@KalifSSJ]

I from Polan
bro Zajebista Robota🙂

[@pug6436]

or use modulus operator for the position

[@krentor1]

is there a way or tut how to add ground on this scrolling bcgr that ground would scroll slower , or how to implement 2 or 3 different scrolling surface or assets?

[@paleo_ferns]

did you figure out a solution?

[@krentor1]

I lost my code all ness gonna start all over🎉thanks

[@KidsOnKet]

Any chance this is doable with height as well as width?

[@CodingWithRuss]

Yea it can be applied vertically in the same way

[@navkd1854]

hello, how do you make the screen scroll gradually faster

[@CodingWithRuss]

Instead of scroll -= 5 you could do something like scroll -= scroll_speed. Then you can gradually increase the scroll_speed variable using a timer or a counter so your scrolling will be sped up

[@navkd1854]

@@CodingWithRuss thank you!

[@Floffffff]

I am trying to make my program working but the -= operator isn't doing anything. How can I fix?

[@shortclips68]

which programm do u use?

[@CodingWithRuss]

Sublime text

[@ganth881]

Hi! Apparently I am trying to combine this endless scrolling with your parallax scrolling. However I can't seem to get it work properly, it fails to blit the background layer in on time and keeps glitching

[@quantamlegend79]

It worked

[@CodingWithRuss]

Good to hear

[@ibuki634]

how can i add words, bgm or other img on it? the bg still looping but the words and img on it are still

[@trinimafia001]

trying to do this to get it to scroll vertically but it jus scrolls horizontally...

[@CodingWithRuss]

To scroll vertically you would need to change it to move along the y axis instead of the x axis

[@harshitkhanna4086]

Understood complete

[@CodingWithRuss]

Glad to hear it

[@ushabothra54]

After writing entire code on VSCODE it is showing fault about bg = pygame.image.load(" BG.png").convert()
Please Sir if possible solve my problem.....Thanks a lot.

[@CodingWithRuss]

What error do you get?

[@scratchasmr-yash4958]

It is only scrolling perfectly towards right but not towards left 🤔

[@CodingWithRuss]

It will scroll left as well but you have to adjust the code so the background images are drawn on the left otherwise you will get a smudging looking effect

[@yurabohm2561]

hi, thank you for you for this tutorial. I attempted to implement it for Y-axis scrolling, but it only functions in one direction (scrolling upwards). However, when I tried it for the opposite direction, it appears as if the image is being dragged (similar to what happens at the 9:13 mark in the video). Do you have any advice to offer that could assist me?

[@CodingWithRuss]

The problem is likely to be the same as what I demonstrated in the video. It's just happening on the vertical axis instead of horizontal. It sounds like the second image isn't coming in behind the first and you end up with this dragging effect. Check that you're passing the right coordinates for the second image to come in at the right location.

[@yurabohm2561]

thanks for answer. it was just a " - " what I needed hahaha xD

[@AxXis--]

@@yurabohm2561 Where? haha

[@Floffffff]

What if i want to make it scroll vertically? Should I just swap width with height?

[@CodingWithRuss]

Yea pretty much. Same logic but on the y axis instead

[@Floffffff]

@@CodingWithRuss perfect, thank you so much

[@AxXis--]

@@Floffffff How did you do that?

[@lsmaelvascon.]

Your videos are great, could you leave your codes written here, hugs.

[@shafiullahptm909]

sir sir pls tell me why the buttonmodule is not downloading using pip sir pls tell me sir i have less time pls pls sir a humble request from me

[@ShreshthoSaha]

There's no button module

[@reddy423]

Is it possible to somehow impement it in def function ?

[@CodingWithRuss]

Yes, sure. You could put it into a function or even a class if you like.

[@froggy12patel58]

Cool😂

[@CodingWithRuss]

Thanks!

[@h3l_l]

good

[@CodingWithRuss]

thanks

[@h3l_l]

@@CodingWithRuss hi man you've helped me a lot i didn't expect you to see my comment really thank you for your effort really appreciate your content

[@dongiannisiliadis9018]

Hold that like

[@official_Liume]

9:24

[@jordiwang]

BAD tutorial, now I perfectly understand why you have a few likes. IT says Beginner tutorial but then you just assume we already know what frames rates and clocks are and what they do. Really bad....

[@navkd1854]

that's basic knowledge of computers buddy. those arent necessarily coding terms.

[@meditair]

if you only know the basics you are a beginner so if you dont know it you just nothing not even a beginner