62,333

Views

Beginner

Level

22

Comments

Changing Scenes

by Jon (Updated on 2015-10-20)


As we described in the Scene Basics section, scenes control a game’s flow and can be thought of as various states in a game that you transition between, like a story.

stencyl-scene-flow-diagram

Contents

  • How To: Changing Scenes
  • Gotchas
  • Transitions
  • Example: Enter Door, Switch Scene
  • Example: Level Selector

How To: Changing Scenes

Changing a scene involves 3 parts.

  • What scene you want to go to next (or reload the same scene)
  • The exit transition
  • The entry transition

Use the following blocks (under Scene > Game Flow) to perform a scene change.

stencyl-design-mode-switch-scene-blocks

If it isn't apparent, a reload will "switch" to the current scene.

Gotchas

  • Don't perform 0 second transitions. Instead, go with a low number such as 0.01, for stability.

  • You cannot perform multiple scene changes at the same time. Once a scene change is in progress, it must reach completion before another scene change is initiated. Any new requests for scene changes will be ignored.

Transitions

Transitions are visual effects that are applied during a scene change. You can select different transitions for the "out" and the "in" portion of a change.

Stencyl supports these transition types.

  • Fade
  • Blinds
  • Bubbles
  • Spotlight
  • Blur
  • Box
  • Crossfade

You can preview all of these transitions in the following demo.

stencyl-switch-scene-demo

Example: Enter Door, Switch Scene

In this simple example, we’ll make the hero enter the cave once he steps into the cave’s door, represented by a Region.

I opted to use a “Actor Type Enters Region” event and placed a Region over the door to detect entry.

stencyl-design-mode-switch-scene-using-door

Example: Level Selector

Building a Level Select screen is common to many games. Here’s a simple and elegant way to make one.

stencyl-design-mode-level-selector-example

The Concepts

To pull this off, I’ll use the “get scene with name” block (Scene > World). This block returns a scene, given a name.

stencyl-design-mode-get-scene-name-block

Now, I can drag this block into our regular scene switch block. (If you didn't know you could do that, now you know.)

stencyl-design-mode-switch-scene-drag-block

Our goal is to make a simple behavior that we can reuse. To pull off a clean Level Select, our scenes have to have a predictable naming scheme. How about we just give each level a number as a name, starting from 1?

stencyl-assigning-level-names

If we do that, we can then pass a Number Attribute into the “get scene with name” block, and it will magically switch to the scene with that “name”

stencyl-design-mode-switch-scene-get-scene-names

The Implementation: Creating the Buttons

Putting this all together, here’s a behavior that creates 5 Level Select buttons in a row, spaced apart by 100 pixels.

Exercise: You should extend this, so that it wraps over and starts a new line upon hitting the 6th button)

stencyl-design-mode-create-scene-switching-buttons

Note: The "for Last Created Actor, set ..." block is a special block that sets the value of a different Behavior's attribute. In this case, we're telling the block what Scene it's associated with, otherwise it wouldn't know which Scene to switch to and what to draw. We cover the concept of setting attribute values of other behaviors in Chapter 5.

The Implementation: The Buttons' Logic

Each Level Select button contains 2 Events and a single Number Attribute (called “SceneNumber” that tells the button what scene it should represent in the Level Select.

1) One event that draws the button.

stencyl-design-mode-draw-button

2) One event that switches the scene when the button is pressed.

stencyl-design-mode-switch-scene-on-mouse-click

That's it!

Summary

  • Scenes are the states in a game.
  • Changing scenes involves an exit transition and entry transition.
  • You can only perform one scene change at a time.

Challenge: Actor’s Position in “Next” Scene

In Zelda, when Link walks off the edge of a room, he naturally appears at the “right” spot in the next room.

For example, if he steps off the right side of a room, he will usually appear at the left side of the next room.

This turns out to be a challenge because you need to reposition your hero, based on where he came from before. Fortunately, there’s a block that can help you out (Scene > Game Flow).

stencyl-design-mode-get-scene-name-block

Use this block to implement a generic, reliable system for placing an actor at the “right” spot, much like the Zelda game does.

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!

22 Comments

wbhyvong
How to return to scene (scene1-> Scene2 and scene2-> Scene1), help thankful.
My Email : wbhyvong@gmail.com

0 3 days, 8 hours ago
TJShez
How do you make a side scroller?
0 2 months, 3 days ago
zaderman0411
How to automatically change to next scene

0 2 months, 2 weeks ago
speedster920
i have the newest version of stencil ( version: 3.3.0) and everytime i try to look for fade out for 1 second... (the top two blocks under "how to changing scenes") i can't seem to find it. please help
0 1 year, 1 month ago
jimm84
Is it possible to make scene changes take place on a mouse click of scene region?
0 1 year, 1 month ago
awesomecoolguy03
How do you download the level selecter... or at lease "get" it?
0 1 year, 3 months ago
awesomecoolguy03
Im making a game and i have a main menu and i want to make two buttons "start" and "credits" so if the player clicks in that region it will go to a sceen. I need help PLEASE!!! Thank you!
0 1 year, 3 months ago
always1j
I am working on a RPG style game. My problem is, if the player leaves a building, I need him to be standing outside the proper door when the town scene loads. Any ideas?
-2 2 years, 2 months ago
Karutobi
Has anyone completed the Mini-Challenge for 'The Implementation: Creating the buttons' - Slightly stuck on this...
-1 2 years, 2 months ago
SkyBlaze34712
How do I make it so when there are no actors of a group alive, it goes to another scene?
-1 2 years, 3 months ago

Sign In to Comment