How to create an infinite scrolling background

3

Index

Attached Files

The following files have been attached to this tutorial:

.capx

fixed-scrolling-background.capx

Download now 188.33 KB

Stats

22,859 visits, 58,794 views

Tools

License

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.

Published on 29 Jul, 2015. Last updated 19 Feb, 2019

Hola, welcome to another tutorial written by yours truly :')

Now that the cringy intro is out of the way let me go through what we will accomplish by the end of this tutorial.

Section 1

Breifing

What we will be doing: By the end of this tutorial you will have a background that will scroll on it's own and seamlessly (depending on the background). Downloading the given Capx file will show you what we will be doing, feel free to copy the script but I recommend doing it yourself so it sticks with you :)

Setting up

To setup you will need the following things:

1. Free version of Construct 2 (or bought).

2. A background.

3. Around 5 minutes of time.

Your background should be a tiled background once put into the engine. You need to double the size of it either vertically or horizontally depending on which way you want it to scroll. Scrolling right would mean that you want to double the width and put a minus ( - ) in front of the new number, if you want it to scroll left then double the width but DON'T put a minus. Scrolling up would mean you want to double the height and put a minus ( - ), scrolling down would mean you double the height but DON'T put the minus. You want to make sure that you have the doubled bit OUTSIDE of the layout.

For a reference look at the capx file.

You want your image point to be in the top left

  • 0 Comments

Want to leave a comment? Login or Register an account!