245,575
Views
Beginner
Level
80
Comments
Crash Course 2: Invaders - Part 6
by Hectate (Updated on 2015-02-01)
Part 6: Creating a Scene
Step 32: Click Scenes in the Dashboard, then we need to click the dotted line box to create a new Scene.
Step 33: After we hit that button, a dialog (shown) will pop up that lets us set some basic parameters for your Scene. Note you can choose the size of your Scene either using Tiles (which will use the Tile Width and Height, as shown) or in pixels. In this case we’re using Tiles and will use the default values, as shown. Let's give it a name of "Level One", and then as usual, we click Create to get Stencyl to make our new scene for us.
Once we do, Stencyl will open up our new scene in the Scene Designer.
Step 34: To keep things simple, we’re only going to add the background image we imported earlier rather than add any Tiles. Backgrounds are one of the layer types we can have in our scene. To add one, we need to click the small + icon in the Layers list. In there we select New Background Layer.
Step 35: The "Choose a Background" dialog box will appear for us, and we can click on our Stars background and then click OK.
Step 36: Notice that our new Stars background layer is higher in the list than the default "Layer 0"? This means that if we try to add anything to Layer 0 it will be underneath our Stars background! Clearly this is not ideal, so to prevent this from happening, let's move the Stars background to the bottom of the Layers list. We can do this by clicking the down arrow at the bottom of the Layers list while the Stars background is selected.
Now our intial setup of the scene is done, and the main window of the Scene Designer should look like the image below.
Step 37: We’ve got our Scene, so let’s test it. Press the green Test Scene button and after a few moments we should see our Scene appear in a browser.
If the Scene appears, everything is working, and we can move ahead. If not, we can get help by clicking on the Need Help button and then choosing an option in the dialog that pops up. Let’s keep going
Step 38: Click the Actors tab in the Scene Designer, in the Palette on the right. You should see the three Actor Types you created earlier.
Step 39: Now we want to place individual Actors in the Scene. When placing actors, they are put on the Layer that is currently selected. As a result, we need to remember to click on Layer 0 to select it as the current layer.
To place actors, we use the Pencil tool as shown below; select it now if it is not already active.
With the Ship selected from the Actor Type list, Layer 0 selected (and above the background layer!) and the Pencil tool active, move our cursor over to the bottom-center of the Scene and left-click once. The Ship will appear. We only want one Ship for the player to control.
Note that we want the Ship to be within the scene boundaries, so don't put him in the grey "out of bounds" area! Put him inside the scene like in the image below.
Step 40: Next, select the Enemy Ship so we can place a few in the Scene. We can use the Shift key to space them evenly as shown in the image below.
Step 41: Now we have a basic, complete Scene. Make sure it works via the Test Scene button again. We should see your Ship at the bottom of the Scene and the five Enemy Ships hanging out near the top.
We've got our Actors and Scene set up, so now it's time to start learning how to use Stencyl's Design Mode. To start, we're going to add background music to our Scene.
80 Comments
It says there is an error with the sound. It should be ogg instead of mp3. But it is the sound from the zip file. What am I supposed to do?
0
Whoever has problems with the image size, just click "repeat background" in the background file. This way, it would change the size to normal.
0
tengo un error alguien me ayuda la imagen de fondo no se carga en ninguno de los deos lados que pasa con esto y yo tan felez porque supere el primer totorial con onores
0
If you close the scene and open again error is not shown again. It seems a bug in Stencyl platform.
0
Next error is displayed when Save after Step 41:
java.lang.NullPointerException
at stencyl.sw.editors.scene.palette.Ac torPanel.paintComponent(ActorPanel. java:204)
at java.desktop/javax.swing.JComponent .paint(Unknown Source)
at java.desktop/javax.swing.JComponent .paintToOffscreen(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager$PaintManager.paintDoubleBuffer edImpl(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager$PaintManager.paintDoubleBuffer ed(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager$PaintManager.paint(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager.paint(Unknown Source)
at java.desktop/javax.swing.JComponent ._paintImmediately(Unknown Source)
at java.desktop/javax.swing.JComponent .paintImmediately(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager$4.run(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager$4.run(Unknown Source)
at java.base/java.security.AccessContr oller.doPrivileged(Native Method)
at java.base/java.security.ProtectionD omain$JavaSecurityAccessImpl.doInte rsectionPrivilege(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager.paintDirtyRegions(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager.paintDirtyRegions(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager.prePaintDirtyRegions(Unknown Source)
at java.desktop/javax.swing.RepaintMan ager$ProcessingRunnable.run(Unknown Source)
at java.desktop/java.awt.event.Invocat ionEvent.dispatch(Unknown Source)
at java.desktop/java.awt.EventQueue.di spatchEventImpl(Unknown Source)
at java.desktop/java.awt.EventQueue$4. run(Unknown Source)
at java.desktop/java.awt.EventQueue$4. run(Unknown Source)
at java.base/java.security.AccessContr oller.doPrivileged(Native Method)
at java.base/java.security.ProtectionD omain$JavaSecurityAccessImpl.doInte rsectionPrivilege(Unknown Source)
at java.desktop/java.awt.EventQueue.di spatchEvent(Unknown Source)
at java.desktop/java.awt.EventDispatch Thread.pumpOneEventForFilters(Unkno wn Source)
at java.desktop/java.awt.EventDispatch Thread.pumpEventsForFilter(Unknown Source)
at java.desktop/java.awt.EventDispatch Thread.pumpEventsForHierarchy(Unkno wn Source)
at java.desktop/java.awt.EventDispatch Thread.pumpEvents(Unknown Source)
at java.desktop/java.awt.EventDispatch Thread.pumpEvents(Unknown Source)
at java.desktop/java.awt.EventDispatch Thread.run(Unknown Source)
0
when adding any actor and saving, i start getting java errors ... before adding an actor it works (i added the background) ...
"ouch, this should nor have happened!"
1
for some reason its says there is a problem with the code and wont open in the browser
how do i fix this?
0
With Stencyl build 10300 version 4.0.1, when adding the background layer in step 35, the background is about 1/8th the size of the white backdrop layer. I have no idea how to fix this, so, I have no idea what's going to happen once I playtest.
2
