327,469

Views

Beginner

Level

20

Comments

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.”

RESOURCES

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!

20 Comments

BTS2021
n consigo fazer os terrenos

0 3 months, 3 days ago
Alexander6767
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 1 year, 2 months ago
xXJOZKERMITXx
I forgot how to fall off my feet
0 2 years, 5 months ago
Yushamari
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 2 years, 10 months ago
lickmyass
i got my dicc stucc in my printer help
im bleeding down there

-3 2 years, 11 months ago
gtiffinz
how do I delte actors
1 3 years ago
carlos aleyder m t
vacano

1 3 years, 5 months ago
Quise55
There's something wrong with my code
1 3 years, 6 months ago
hannibal42
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 3 years, 7 months ago
bog
des gam iz noot woorking nony iz folling tho ze flure it wolnt werk
1 3 years, 10 months ago

Sign In to Comment