Taking advantage of existing Behaviors is a great way to get a game up and running quickly.
Eventually, however, you’ll come across a Behavior that you want to tweak, or you’ll want to implement functionality for which no Behavior exists at all. For these cases, you’ll need to dive into Stencyl’s Design Mode.
Contents
- Creating a Behavior
- Overview of Design Mode
- Adding an Event
- Defining the Event Response
Creating a Behavior
Let’s continue with the vertical shoot ‘em up game we were creating in our last article. We’ll see how we can create a simple laser-shooting Behavior from scratch.
1) Go ahead and click the Create New button in the toolbar, since we’ll be creating a new resource.
2) Choose the Behavior resource type, enter a name (such as "Fire Laser"), and click Create.
Code Mode lets you create Behaviors by writing straight-up code.
Freeform Mode lets you add arbitrary code, entirely outside our Behavior system.
Overview of Design Mode
After clicking Create, Design Mode appears. Let’s take a moment to get acquainted with the interface.
The main interface is divided into three parts – the event pane, the workspace, and the palette.
- The event pane contains all of a Behavior’s events.
- The workspace is where you define responses to the currently selected event. It also contains a trash can for disposing of blocks that you no longer need.
- Lastly, the palette contains all of the available blocks that you can insert into responses.
Adding an Event
Let’s go ahead and create an event that will let our ship fire a laser.
1) Click Add Event, and select Keyboard from the Input menu.
2) An Event wrapper block pops up. When the Event is triggered, any blocks placed inside the wrapper block will be executed.
3) Notice the two dropdown boxes. if you click on one, you’ll notice you can select from multiple options. Let’s first choose a control for firing the laser.
4) In our example, we have a Fire1 control defined. Select it from the list and then click OK.
Defining the Event Response
Now we need to define the actions that should occur whenever the Fire1 control is pressed. These actions are called the Event Response.
Specifically, we need to first create a laser Actor Type and then set its velocity.
We can use the search box inside the palette to help find the blocks we need. Just type in a word that appears as part of a block’s text, and press Enter/Return.
Part 1 - Finding Blocks
1) Use the search box inside the palette, to find the following blocks:
2) While holding the Alt key, drag the x of [Self] block to a new location to create a copy of the block.
3) Click the x dropdown of the new block, and change its value to y.
Part 2 - Fill in the Fields
The white rectangles inside these blocks are called fields. You can change a field’s value in several ways:
-
By clicking the gray down arrow and selecting a block
-
By dragging in a compatible block from the palette
-
By typing in the field directly
Part 3 - Fill out the Event
4) Use your drag-and-drop, point-and-click, and typing skills to create the following logic snippet, and “snap” it inside the Event wrapper block, like so:
In words, we’re creating a bullet Actor 20 units above the player’s ship and are setting its vertical speed to -20 (meaning 20 in the “up” direction).
5) If you want to test the Behavior out, attach it to your ship like we did in the previous article, or use the Attach to Actor Type button.
A Recap
That's all there is to building a simple Behavior. Assuming you know what kind of logic you're building, it's a matter of gathering blocks via whatever method you're comforatable with, filling in their blanks, and piecing them together into a functional stack that represents the functionality you desire.
Summary
- Stencyl’s Design Mode is divided into three parts – the event pane, the workspace, and the palette.
- The event pane contains all of a Behavior’s events.
- The workspace is where you define responses to the currently selected event.
- The palette contains all of the available blocks that you can insert into responses.
- Blocks contain dropdown boxes and fields, which can be customized.
- The search box can help you find blocks quickly.
- Click and drag while holding the Alt key to copy a block.
- The Attach to Actor Type button is a quick way to assign a Behavior to an Actor Type from within Design Mode.
Challenge: A New Weapon
Add a second event to the Behavior that causes the ship to fire a different weapon when a “special attack” control is pressed.
19 Comments
Hello. Found a workaround for adding an event for the Shoot em Up Game which works for Stencyl(Works) v. 1.3.4. Posted it to
http://phosphorescentcave.ca/?page_ id=228
0
@FrostBite if you want to solve it you must read the article in the note section in part 3 after step 4
0
@Frostbite, set the bullets collision group to enemies, you might have set it to collide with your player
0
i´ve solved it at the physics tab and settting cannot move.
have i done this the right way???
0
To the three of you, you all need stencyl 2.0 for the event pane to show up. Events are a whole new system they introduced in 2.0. It's much easier to use than the old system, so i recommend downloading 2.0 from the home page.
0
I don't have a event pane either but if you go into custom and pick create custom block I think it does the same thing.
0
I'm having the same issue where the event pane doesn't show up (running version 1.4.1). Is there a different way to create new events in this version?
0
