We’d love to hear from you. Whether you have a question that you’d like us to answer as part of our FAQ,  you’ve identified something that just doesn’t quite look right in one of our tutorials, you have a business opportunity or for any other reason, please use this simple form to contact us.

We’ll do our best to provide a prompt response.

Like what you see?...pass it on!

Creating Parallax Clouds

Next, we are going to add some depth to our scene by adding some clouds. Just like the mountains, our clouds are also made of layers of sprites. In this case, however, we are going to add a parallax effect, which means our clouds will move at a different speed than the rest of our level, giving the illusion of depth.

Creating Parallax Layers

Just like we did with Mountains, we will create an empty Node parented to the root node, and rename it Clouds. With Clouds selected, create a new child node of type ParallaxBackground, then create a child Node of type ParallaxLayer. The result should look like:

Parallax-Setup

With ParallaxLayer selected, under Motion set Scale X to 0.5 and Mirroring to 2048. This will cause the layer to move at half the speed of the mountains, and more important to mirror or repeat every 2048 pixels (the width of our cloud images, which are also seamless!).

Configuring-clouds

Now with ParallaxLayer selected, drag the file mid_ground_clouds1.png into the scene and create a Sprite just like we did with the mountains.

Next, we are going to create another layer of clouds, that move at yet another different speed. With the ParallaxLayer selected, create another ParallaxBackground node, add a ParallaxLayer node to it, this time setting the Motion X value to 0.75, and once again Mirroring X to 2048, like so:

Cloud-Layer-2

Finally, drag mid_ground_cloud2.png to the newly created ParallaxLayer. The final result should look like:

Clipboard-Image_7

And now your scene should look like:

Level-Result

Even cooler, when we finally animate our scene, the clouds will move at a different speed than the foreground. Now that we have a game level, let’s create some things to populate it… starting with our Player object!

Creating Main Game Scene<<PreviousTable of ContentsNext>>Creating the Player

Like what you see?...pass it on!

script ends --->