Wrapping Background: Vertical, Horizontal, and Diagonal



Attached Files

The following files have been attached to this tutorial:



Download now 237.76 KB


6,633 visits, 12,568 views



This tutorial hasn't been translated.


This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.


So we have our tile lets go to the event sheet disable the Horizontal Grouping and place out events under the Diagonal Grouping. The first event is the 'On Start of Layout' and set the Tile bullet Angle of Motion to 45. Since you already have the X and Y events from the other two Sections all you have to do is copy them to the Vertical Grouping together your Sheet should look like this once your done.

Run your project and your background should flow seamlessly since the tile was built to conform both to the width and height of the project.


There are many ways to achieve things in Construct it all about what is suitable for you.

So I hope that this tutorial was informative and that it was able to help you. Congratulations you made it all the way through the tutorial. I know I had you bouncing between two software but with development you tend to do that alot anyway. :)

So till next time Happy Constructing.



Download now 237.76 KB

  • Order by
Want to leave a comment? Login or Register an account!
  • The text states that we will check if ..

    "TileBackground.Y is great than or equal to 0."

    but the Event screenshot shows Y = 0 and not Y >= 0. Y is unlikely to reach exactly zero and the wrapping therefore won't work. Ensure that you use "greater than or equal to".

  • Minha rolagem lateral funcionou, mas só não entendi porque no início tem que colocar metade da imagem pra fora e depois esticar. Se for algo diferente disso fica estranho. Por que?