Tutorial Downloads

File Size
Parallax Tutorial.capx3.03MB

Translations

Know another language? Translate this tutorial!

Parallax scrolling

Favourite 19 favourites
Tutorial written by Lordshiva1948Originally published on 31st, May 2014

When your travel in car, train or any vehicle you would have notices that far away objects move very slowly but, near objects move very fast.
Taking same principal in your scrolling game how can you implement that? Well there are many ways you can do it but, I will show little simple way very crude but at same time effective if you can do it right.

It’s call PARALLAX SCROLLING.

Create new projects and name it as you like

Now let’s create 5 layouts
1 Background and name it BG or whatever you like
2 Layers Near
3 Layers Middle
4 Layers Faraway
5 Layers Player

Now on layers 1 BG set Parallax to 100,100
Now on layers 2 near set Parallax to 10,100
Now on layers 3 Middle set Parallax to 40,100
Now on layers 4 Faraway set Parallax to 80,100
Now on layers 5 Player set Parallax to 100,100

On layer 1 BG create background picture of your choice and then you have to divide that picture in four parts like I have done. See CAPX

Unlock your full gamedev potential

Upgrade to the Personal Edition of Construct 2, it has way more features and won't holding back from making money and using your full creativity like the free edition does. It's a one off payment and all Construct 2 editor updates are free for life!

View deals

Plus, it's got a lot of additional features that will help you save time and make more impressive games!

Congratulations on finishing this tutorial!

Did you learn a lot from it? Share it now with your friends!

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Comments

0
Madrasmadnes 2,537 rep

Interesting Tuts. Will help for layered BG. Good one and thanx!!!

Saturday, May 31, 2014 at 11:42:17 AM
0
Manarsoft 3,778 rep

thanks for tutor !

Saturday, May 31, 2014 at 12:02:35 PM
0
AbelaNET 14.9k rep

Thanks for sharing. Simple and cool.

Saturday, May 31, 2014 at 12:23:35 PM
0
Tedg 9,893 rep

Thanks for sharing.

Saturday, May 31, 2014 at 6:57:13 PM
0
Kyatric 75.7k rep

Don't forget C2 free version only allows to use 4 layers. Nevertheless even with the free version you can open and execute the capx, just not modify it.

There is one of the examples provided with C2 (in the folder "Examples", named "Platform 7 (parallax).capx") that will display simple parallax and is editable with the free version.

Tuesday, June 03, 2014 at 1:44:40 PM
0
Lordshiva1948 44.3k rep

Thanks for your Info Kyatric

Monday, June 09, 2014 at 6:44:50 AM
0
KaixaZero 5,498 rep

Now let’s create 5 layouts (I think it should be Layers, NOT layouts)

Thursday, January 12, 2017 at 7:24:09 AM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.