Parallax effect with 4 layers for Construct2 Free edition

Favourite 100 favourites
Tutorial written by QuiqueOriginally published on 31st, May 2012 - 10 revisions

Introduction

Add a parallax effect to our games can be a great feature for create a new environment for the player, but how they work?

The parallax is the angular deviation of the apparent position of an object depending of the chosen point of view, for example, when you are driving your car, you watch the street and you see a bunch of objects that suffers a different parallax effect depending the point of view that you have referenced to them.


In the world of games, we have a lot of examples of this effect, angry birds and shank are good ones.

Construct 2 offers a very easy way to add this fantastic effect to our games, and this tutorial will help you to understand how to make it.

If you are not very familiarized with Construct 2 user interface I suggest you to visit The Construct 2 Interface at the manual section.

Also if you are new in game development first of all check this tutorials:

Beginner's guide to Construct 2
How to make a Platform game

This will be here waiting for you.

Setting up Window and layout sizes

For this example you need to set te Window size to this scale:

After that, adjust the layout size to:

This will be a platform game, so we will need a very long way to run over it. So the final result of our layout size is:


Comments

4
zsangerous 12.9k rep

nice tutorial can you upload the capx to compare with our work ^^

Friday, June 01, 2012 at 11:41:08 AM
1
Quique 5,967 rep

@zsangerous
Thanks for the comment.
I'll send you the link by private message.
If there's something else I can do for you, just tell me.

Greetings!!!!

Friday, June 01, 2012 at 5:15:43 PM
2
iZone 2,616 rep

Just what I needed for my first game... Thanks! Here's a sample of the artwork we'll be using: http://iZoneGames.com

Friday, June 01, 2012 at 6:11:59 PM
1
Quique 5,967 rep

Thanks George!!!
Welcome!!!

Friday, June 01, 2012 at 6:19:24 PM
2
Alejandroespra 2,217 rep

I see thanks

Saturday, July 14, 2012 at 5:05:42 AM
1
michealmurray52 2,319 rep

Thanks for that! would you mind sending me the capx so I can pick it apart more? Thanks :D I would really appreciate it!

Friday, October 26, 2012 at 6:18:10 PM
1
azzjr6 2,307 rep

This is awesome just tried it now and loved it! been looking for a program like this :-)

Sunday, October 28, 2012 at 3:22:28 PM
1
Quique 5,967 rep

@michealmurray52 Sure, I'll send you the link by private message.

@azzjr6 Thanks to Scirra for that!!!!

Monday, October 29, 2012 at 11:22:19 PM
1
michealmurray52 2,319 rep

sweet! Thanks :D

Tuesday, October 30, 2012 at 12:06:10 AM
1
NECROKRIEG 4,304 rep

Could you send me the capx too? Awesome tutorial, much appreciated! :D

Tuesday, December 18, 2012 at 6:16:18 PM
1
Quique 5,967 rep

Sure @NECROKRIEG ,like always I'll send you the link by private message.
Greetings

Tuesday, December 18, 2012 at 7:48:16 PM
1
nothaseo 8,483 rep

That's very nice. Could you send me the capx too Quique? I believe many need this, why dont you upload the capx? :D

Wednesday, January 23, 2013 at 7:27:55 AM
0
Quique 5,967 rep

Hi nothaseo many thanks for your comment, I'm actually thinking on edit the tutorial and add the links instead sending private messages.

Wednesday, January 30, 2013 at 5:01:53 PM
2
Quique 5,967 rep

Done guys, please enjoy and share !!!
=)

Wednesday, January 30, 2013 at 5:07:25 PM
2
Casaubon 3,205 rep

Unfortunately the free edition limits to 4 layers so nice parallax effects are rather something for the licensed one, if you donĀ“t want to spend most of your avalaible layers for parallax with this method.

Monday, February 25, 2013 at 8:34:54 PM

Leave a comment

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