As of late 2021, we are in the process of updating Stencylpedia and fixing up outdated & broken content. Thanks for your patience!







Crash Course: Let's Make a Game! (Part 4)

by Jon (Updated on 2015-10-17)

Part 1 (Intro) - Part 2 (Resources) - Part 3 (Actors) - Part 4 (Create a Scene) - Part 5 (Test your Game)

Creating a Scene (Part 4 of 5)

Now that we have our resources in place and our Actor Types configured, we're going to create a Scene.

Definition: Scenes are game levels that get populated with the tiles and Actors we've created. You can even attach Behaviors to Scenes, although we won't be doing so in this tutorial.

Creating a New Scene

1) From the Dashboard, click the Scenes category, followed by the large dashed rectangle that reads, “This game contains no Scenes. Click here to create one.”


This game contains no Scenes. Click here to create one.

2) The Create New Scene dialog will appear. Enter a name of your choosing.

Create New... Scene

3) Make note of the Tile Width and Tile Height fields. It’s imperative for these to be consistent with the tilesize of the tilesets you’re using. Our tileset’s tilesize is 32x32, so we’ll leave these fields unchanged.

Tile Width, Tile Height

4) Let’s have Stencyl generate a sky background for us by clicking in the Color dropdown and selecting Vertical Gradient. Select two colors by clicking inside the white boxes and then clicking on the desired colors. The first box represents the starting color at the top of the screen and the second box represents the color it shifts to as it approaches the bottom of the screen.

Gradient Fields

5) When you’re all finished, the dialog should look something like the image below. Click Create when you’re finished.

Create New... Scene, Final

6) The Scene Designer will open. The interface may remind you of some popular 2D art programs, and it works quite similarly.

Scene Designer

Placing Tiles

Let’s add some tiles to our Scene. They’ll form the ground that our characters will stand on.

1) First, make sure that the Pencil Tool is selected from the toolbar on the left-hand side of the canvas.

Pencil Tool

2) Click on the upper left-hand grass tile in the Tiles section of the Palette (on the right side of the screen, by default).

Top-left tile

3) Place it in the bottom left-hand corner of the Scene by left-clicking.

Placing tile

4) Next, select the middle grass tile in the top row of the Palette.

Middle tile

5) With the left mouse button held down, click and drag to fill the bottom row, leaving just a single spot in the corner.

Placing tile across bottom-center

6) Now select the right-most grass tile in the same row of the Palette.

Top-right tile

7) Place it in the remaining empty spot of the Scene’s bottom row.

Placing tile on right

Tip: When you select tiles to place, if you choose more than one tile in the Palette at a time, you can place the group of tiles you selected. See the screenshot below.

Selecting middle tiles

Placing Actors

Now we get to add Noni and Clown to the Scene.

1) Click on the Actors button in the Palette and select Noni.

Actor Palette

If you move your mouse over the Scene, you’ll notice that Noni follows the cursor. Left-click near the ground to place it in the scene.

Noni, placed in scene

Tip: If you hold down the Shift key, you can snap the Actor to the grid.

2) Now do the same thing with Clown. Place a few in the Scene.

Your final scene may look something like this:

Scene with Noni and three Clowns

Adding Gravity

Now we just need to make sure our actors fall to the ground when they're in the air. Go to the Physics page by pressing the Physics button at the top of the editor. In the Vertical Gravity section, type in “85”.

Gravity (Vertical): 85

As you'd expect, higher values will result in stronger gravity, and lower values will result in lower gravity.

Continue to Part 5 →

Print Article Edit Article How to Edit an Article
Disclaimer: Use comments to provide feedback and point out issues with the article (typo, wrong info, etc.). If you're seeking help for your game, please ask a question on the forums. Thanks!


n consigo fazer os terrenos

0 2 years, 10 months ago
all works perfect but noni jumps only up an right/left buttons just control his(her) fly. i can jump up then press right/left to direct flying and can stop it whenever i want. to imitate physical jumpin i have to press r/l jump and hold r/l till reaching the ground. did i something wrong or it works as it should be?
0 3 years, 10 months ago
I forgot how to fall off my feet
0 5 years, 1 month ago
So, I figured out how to delete actors (something that REALLY needs to be explained at this part in the tutorial).
In order to delete an actor, click on the mouse icon (on the left hand side of the scene, above the pencil icon) and then click on the actor you wish to delete. The actor will be selected with a boarder around it, simply press the 'delete' key on your keyboard, and it should be erased!
Good luck everyone!

0 5 years, 6 months ago
i got my dicc stucc in my printer help
im bleeding down there

-4 5 years, 6 months ago
how do I delte actors
1 5 years, 7 months ago
carlos aleyder m t

1 6 years, 1 month ago
There's something wrong with my code
1 6 years, 1 month ago
Ok i'm a bit lost here at the end here where it say. Now we just need to make sure our actors fall to the ground when they're in the air. Go to the Physics page by pressing the Physics button at the top of the editor. In the Vertical Gravity section, type in “85”.. I have stencyl version 3.4.0 when i enter the noni physics tab i see no Vertical Gravity section. Am i missing something or this been removed. When i jump the actor just floats up and not coming down.
2 6 years, 3 months ago
des gam iz noot woorking nony iz folling tho ze flure it wolnt werk
1 6 years, 6 months ago

Sign In to Comment