How do I Transition Between Two Repeating Tiled Backgrounds?

Get help using Construct 2

Post » Mon Jul 24, 2017 11:18 pm

I have two tiled backgrounds which repeat multiple times, then a "transition" background which should connect the two:

Initial Tiled Background 1:

Transition Image:

Final Tiled Background

Game Example:

I've done a good amount of research trying to find the best practice for doing so and it seems as if most of the tutorials and threads mentioning it are dead/gone - so it seems like a good time to bring this up and hopefully it is helpful to the community as well.

Dead Examples:


Please let me know if you have any questions - tips, links, videos or just general suggestions are appreciated.

Posts: 1
Reputation: 502

Post » Thu Jul 27, 2017 12:47 am

I can't look at your project because I'm at work, but I did play your example of the game and look at your backgrounds...

You should be able to simply create the transitional instance and align it's position to the normal background using;
set x position transition.object
set y position transition.object
-> to background.x+background.width
-> to background.y

This will simply "tag" it onto the end of your background as it scrolls along... once you are ready for the transition that is. I'm not sure how you're triggering the requirement for the actual transition, but let's say it's score based or time based... when the score or time reaches the desired amount, use this to trigger the creation of the transitional layer... it will already be in position (at the end of the current background).

Once the transition has left the screen by (0-transition.width) then you can create the next background to appear in the same way.

Hopefully that made some kind of sense :)

Tired of crappy file hosts that are crappy? Get DROPBOX -
Posts: 3,032
Reputation: 30,474

Return to How do I....?

Who is online

Users browsing this forum: 25games, Ashley, Google [Bot], Yahoo [Bot] and 26 guests