How do I scroll the background when the background is larger than the screen?

C3/Mobile Apps

Today's Challenge: Implement a scrolling background when the background is larger than the screen size.

I used this guys video to learn how to do a scrolling background a while back: youtube.com/watch

If I follow along exactly, it works great, but .... what if I have a screen size of 960x500 and the background is 5000 x 500?

(I'm using extremes, but that's how we learn the crazy stuff.)

Question 1:

How do I scroll a 5000 x 500 background when the screen size is 960 x 500?

Question 2:

How do I switch backgrounds while scrolling?

If the screen size is 960 x 500 and the backgrounds (2 or 3) are 5000 x 500, how do I get bg2.png to scroll after bg1.png?

As always I am using the flappy birds demo as the base of my crazy ideas.

All events that call SCROLLSPEED have been disabled.

The demo c3p with the 5000 x 500 background:

drive.google.com/file/d/1Nf2v8_cO2gOROat8Act7VpH_9Hb0ynco/view

I've tried different code, this is where I left off.

PS

I wish C3 made a daily challenge like this. We would have hundreds of demos, all with different ways of doing the same thing.

Hey,

First thing that is wrong here is that you are using an image that is size 5000 x 500. That is NEVER how you want design your games.

You really want to read this:

construct.net/en/make-games/manuals/construct-3/tips-and-guides/memory-usage

Now the reason you BG is not set to a new position is because you are using the condition X = - 960. That means the condition is only true when X is exactly = -960, which it probably never will be since the X coordinate is changed in "chunks" with the dt function, it does not go through every possible x value.

So to make your condition work change it to X <= (less or equal) -960.

Given the number of threads you've made recently I'd recommend slowing down. Take some time to really think through your problems. Try to read your code line by line and see if you understand what's happening

If you come to the forums every time you get stuck you won't learn anything deeply

Black hornet pretty muc said it already. Here's the example file anyway:

dropbox.com/s/il28yi6430o7ws4/NewFlappyBirdIdea.c3p

—,

I spend at least a day researching online before I post a question on any forum. I don't know if you realize this, but it's actually easier if you can find the answers online. And it's obvious that I have done research since I posted a link to the video that first taught me how to do scrolling backgrounds.

Unfortunately Construct makes it nearly impossible to find anything useful. If Construct would remove all the worthless C2 posts that are over 5 years old, all the posts with Dead Links and all the post where the images have been removed - than people would actually be able to FIND the answers when they Google their problems. If the forum was cleaned up then Google would stop indexing outdated posts and we could find what we need.

blackhornet von Perkele

You guys are Brilliant! You guys need to make classes for C3, I learn so much from your examples and posts.

Thank you sooooo much for all your help.

You guys are amazing!

Thanks again.

dazedangels

Hello , have a look on tutorials page , there are a lot of good stuff there , very well documented and with files to download too , some exemples of this topic , enjoy !

construct.net/en/tutorials/flappy-birds-clone-minutes-557

construct.net/en/tutorials/making-continuously-moving-347

construct.net/en/tutorials/swing-copters-from-ground-1325

construct.net/en/tutorials/top-down-scrolling-background-590

construct.net/en/tutorials/create-continuously-scrolling-172

construct.net/en/tutorials/angry-birds-style-game-events-966

construct.net/en/tutorials/star-background-movement-419

rafaeltrigo,

Thank you for the information, I saw several of them, but unfortunately most of those are very old and refer to C2.

I've been using C3 for about a year now and have found that many old C2 tutorials are lacking when it comes to C3. And in this case, most of those applied to Flappy Birds, which wasn't what I was looking for. None of them show how to use 3 (or more) extra long tile backgrounds, changing every image, scrolling in row when the background is larger than the screen.

However if someone is ever looking for Flappy Birds builds or basic scrolling backgrounds, this post will help them even more now.

Thank you for searching.

dazedangels

Hello , I just Did this Tutorial with 6 ways to Scrolling Background and more stuff

construct.net/en/tutorials/ways-scrolling-background-2523

Hope it helps

I Just Update the file with 3 more Layouts

construct.net/en/tutorials/ways-scrolling-background-2523

rafaeltrigo,

What am I doing wrong? It almost works, but skips.

I change the name of the background in your template so I could just copy and paste it into my game. I changed the size (which is always what trips me up)

Your screen is: 1920 x 1080 And image is: 1920 x 2160

Mine screen is: 432 x 768 And image is: 432 x 1536

So changed the Set Y to ... to about 15 different things, but no matter what I do, it still skips.

I know it's in the size. Math hates me.

youtu.be/zOxTTgMZYG4