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

About Author

Related Posts

stencyl scrolltext

Stencyl Scrolltext – How to move / scroll text

Stencyl Scrolltext I could not find any tutorials on how to do scroll text with Stencyl. If you have lived as long as me, you might remember…

Stencyl – Create a simple starfield

Stencyl simple star field A short and direct video on how to create a simple star field in Stencyl. Enjoy! If you need to download Stencyl, please…

stencyl game folder

Stencyl game folder mac

The default location for your stencyl game folder is /users/username/stencylworks/games So if your username is john it would be something like /users/john/stencylworks/games This can easily be changed…

slowing down my game

Stencyl – Moving the mouse cursor is slowing down my game

In Stencyl Moving the mouse cursor is slowing down my game. Why is that? Here is what I found and how I fixed it from slowing down…

Leave a Reply