Tue. Jan 28th, 2020



Stencyl Parallax Scrolling

Stencyl Parallax Scrolling

Stencyl Parallax Scrolling

Stencyl Parallax Scrolling

Here is a short description on how to do Stencyl parallax scrolling.

From Wikipedia: https://en.wikipedia.org/wiki/Parallax_scrolling
Parallax scrolling is a technique in computer graphics and web design, where background images move by the camera slower than foreground images, creating an illusion of depth in a 2D scene and adding to the immersion. The technique grew out of the multiplane camera technique used in traditional animation since the 1930s. Parallax scrolling was popularized in 2D computer graphics and video games by the arcade games Moon Patrol and Jungle Hunt, both released in 1982. Some parallax scrolling had earlier been used by the 1981 arcade game Jump Bug.

What we will cover here is the layer method. That means there will be several layers moving with a different speed.

Stencyl Parallax Scrolling
First you need to create a project. Then create a scene, we can call it Main for the sake of this tutorial. And then we need backgrounds. Since we will use different layers, we will create 3 different backgrounds. And tick of “Repeat Background”. The first layer will move slowest.

After you have added the background, you need to go to the scene and add them as background layers. Add the layers that should be furthest away first. Then the middle layer, and the foreground layer as last. All layers should be added as background layers.

You probably need to adjust the speed. But for the example shown in the video below, I use speed 1 at layer 1. Speed 2 at layer 2, and speed 4 at layer 3.

Check out the Stencyl Parallax Scrolling video below for the details. As a video demonstrate this much better than a written text.

Stencyl Parallax Scrolling video