Parallax effect with 4 layers for Construct2 Free edition

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

Adding the tiled backgrounds

Now the creative part, you need 3 backgrounds a little bit wider than the sizes of the window (800 x 600):

Background 1 900 X 600
Background 2 1024 X 400
Background 3 1024 X 140

You can download each one of this backgrounds by clicking [HERE][20], or if you design better than me (or you think they are ugly), you can create your own.

Every background will need a layer:


For Layer 0 we add BG1.png.


As you can see, the background image is wider than the window.

For Layer 1 we add BG2.png.


For Layer 2 we add BG3.png.


This is what we have:


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.