GameSalad Creator Interface

Transcription

1 GameSalad Creator Interface

2 Library panel

3 A)ributes panel

4 Stage and Backstage

5 Now, a5er knowing where to locate the bu<ons and tabs men>ons above, let s move to the fun part: Create your own game

6 Create a New Game 1 Double click on Game Salad Create icon on your screen. 2 Select File - > New - > name your project ForestAdventure- yourname - > Create Project 3 Select File - > Save As - > choose a loca>on and save 4 Import Images/Sounds to the Game 5 Select the Media tab and click the + icon, and locate to the GS- ForestAdventure folder on your desktop, select all images and sounds to import into the media library.

7 Create Actors for the Game 1 Select Actors tab under Library panel 2 Click the + bu<on to create 4 actors. Name them Background, Minion, Ground, Controller by double click on the name of each actor. 3 Select Actors tab, click on an actor to highlight, then drag the corresponding image under Media tab into the white image under Actor tab from A)ributes panel. Do the same for Minion and Ground 4 Select Actors tab under Library panel, drag Background, Minion, Ground to the Stage as showed in the picture on the next slide

8

9 Change Actor A<ributes Select Ground actor. Select Actor tab under A)ributes panel. Expand Physics a<ributes, set Density: 800, FricEon:0, Bounciness:0. Check Fixed RotaEon Select Minion actor. Select Actor tab under A)ributes panel. Expand Physics a<ributes, set Density: 10, FricEon:0, Bounciness:0.1. Check Fixed RotaEon

10 Rule for Minion Actor The following steps will show you how to add anima>on to the Minion, and add collide rule with the Ground actor: 1 Select Minion actor under Actors tab from Library panel. Click on Toggle Backstage 2 Under Behaviors tab, drag Animate and Collide into to the Backstage 3 Select Media tab, drag minion and minion2 into Animate 4 For Collide box: select Ground from the dropdown menu next to Actor of type

11 Preview Save and click Play to test your game. Make sure that the Minion actor animate between 2 images to show running effect When you are done, click Back to editor

12 Rule for Minion Actor The following steps will show you how to add gravity to the Minion actor 1 Drag Constrain A)ribute, and Accelerate behaviors to the Backstage 2 For Constrain A)ribute: expand the box next to Constrain A)ribute, click α select A)ributes - > Minion - > PosiEon - > double click X, set To: For Accelerate, set accelerate in direceon: 270 and with acceleraeon: 800

13 Rule for Minion Actor To make the minion actor jump when spacebar is hit: 1 Drag Rule block under Behaviors tab into the Backstage. 2 Drag Key condi>on under Behaviors tab into Rule box. Click on the box next to receives a key press, hit the spacebar on your keyboard. 3 Expand do, drag Change A)ribute behaviors into Rule block under do. 4 Click α select A)ributes - > Minion - > MoEon - > Linear Velocity - > double click Y, set To: 350

14 Preview Save and click Play to test. Make sure that the Minion actor falling down to the Ground, and Minion actor jump when spacebar is hit When you are done, click Back to editor

15 Rule for Ground Actor The following steps will show you how to make the Ground actor move: 1 Select Actors tab under Library panel, select Ground 2 Drag Move behaviors into the Backstage. 3 Set DirecEon: 180, Speed: 180 To add an special a<ribute to the actor: 1 Select Actor tab under A<ributes panel, select the + sign - > Boolean - > name it spawned

16 Rule for Ground Actor The following steps will show you how to set posi>on for Ground actor: 1 Drag Change A)ribute behavior to the Backstage 2 Click α, select A)ributes - > Ground - > PosiEon - > double click X. Click e, type 568+( select A)ributes - > Ground - > Size - > double click Width - > type /2), and click the green check mark. Preview to see if Ground actor is moving from right to le] of the screen

17 Rule for Ground Actor The following steps will show you how to spawn new Ground actors: 1 Drag Rule block under Behaviors tab to the Backstage 2 Drag 2 A)ribute condi>ons under Behaviors tab into Rule 3 For the 1 st condi>on if, click α, select A)ributes - > Ground - > PosiEon - > double click X. Change the = sign to <=. type 468 to the last box. 4 For the 2 nd condi>on if, click α, select A)ributes - > Ground - > double click spawned. Select false for the from the dropdown menu.

18 5 Expand do under Rule box, drag Change A)ribute behavior, and Timer block into do. 6 For Change A)ribute behavior, click α, select A)ributes - > Ground - > double click spawned. Type true into the box next to To: 7 For the Timer, change Every to A]er, type random(2,9)/ 10, and check Run to Comple>on. 8 Drag Spawn Actor behavior into Timer 9 For Spawn Actor, from the dropdown menu next to spawn actor, select Ground

19 Rule for Ground Actor The following steps will show you how to destroy the Ground actor when it goes off screen. 1 Drag Rule Behavior to workplace. 2 Drag A)ribute under Behaviors tab into Rule block. 3 For the condi>on if, click α, select A)ributes - > Ground - > PosiEon - > double click X. Change the = sign to <=. Type - 50 to the last box. 4 Expand do, drag Destroy into do under Rule block.

20 Preview Save and click Play to test your game. Make sure that the Ground actor moves to the and spawning itself. When you are done, click Back to editor

21 Rule for Controller Actor The following steps will show you how to add spawn the Minion actor a5er few seconds. 1 Select Actors tab under Library panel, select Controller 2 Drag Timer block to the Backstage 3 For Timer, change Every to A]er, and type 2.25 to the box. Check Run to CompleEon 4 Drag Spawn Actor behavior into the Timer box. Choose Minion from the spawn actor dropdown menu. Set from posieon to 300 and 250

22 Add Controller to the Stage 1 Select Controller actor from the Actors tab, and place it below the Ground actor on the Stage, and adjust the size of the Controller actor 2 Delete the Minion actor on the screen 3 Save file and click the Play bu<on to test your game. Controller actor

23 Preview Save file and click the Play bubon to test your game seconds, you should see the Minion actor drops from the sky. Congratula>ons! You have completed the basic game! Do you want to have sound when playing the game? Here s what you need to do:

24 Add Background Music To add music to the game: 1 Under Actors tab, select Controller actor 2 Drag Play Music behavior to the Backstage 3 Choose bgmusic from Sound dropdown menu. Check Loop.

25 Bonus: Add GameOver Add Gameover scene to the game: 1 Under Library panel, select Scenes tab. Click the + sign to add a new scene, and rename it Gameover 2 With Gameover scene selected, select Media tab, drag GameOver image to the Stage 3 Under Actors tab, select Controller actor, drag Rule block from Behaviors tab to Backstage. 4 Drag Collision condi>on into Rule. 5 From the actor dropdown menu next to actor of type, select Minion. 6 Expand do, drag Change Scene and Stop Music behaviors to the Backstage

26 Preview Save and test the game. Make sure that when the Minion actor falls down, GameOver scene pops up, and the music stops.

27 Completed the game? You are doing great! Now we will show you how to add score to keep track of collected diamonds Con>nue on next slide

28 Bonus Add Diamond Actor and score to the game: 1 Select Game tab under A)ributes panel. Click the + sign - > Integer - > name it score 2 Select Actors tab under Library panel, add 2 more actors, and name them Diamond, and Score 3 Select Diamond actor, drag the diamond image from Media to the Actor tab under A)ributes panel Rules for Diamond actor will be similar to Ground actor

29 Rule for Diamond Actor To make the Diamond actor move towards the le5 side: 1 Select Actors tab under Library panel, select Diamond 2 Drag Move behaviors into the Backstage. 3 Set DirecEon: 180, Speed: 180 To add an special a<ribute to the actor: 1 Select Actor tab under A<ributes panel, select the + sign - > Boolean - > name it spawned

30 Rule for Diamond Actor The following steps will show you how to set posi>on for Ground actor: 1 Drag Change A)ribute behavior to the Backstage 2 Click α, select A)ributes - > Diamond - > PosiEon - > double click X. Click e, type 568+( select A)ributes - > Diamond - > Size - > double click Width - > type /2), and click the green check mark. Preview to see if Diamond actor is moving from right to le] of the screen

31 Rule for Diamond Actor The following steps will show you how to spawn new Ground actors: 1 Drag Rule block under Behaviors tab to the Backstage 2 Drag 2 A)ribute condi>ons under Behaviors tab into Rule 3 For the 1 st condi>on if, click α, select A)ributes - > Diamond - > PosiEon - > double click X. Change the = sign to <=. type 468 to the last box. 4 For the 2 nd condi>on if, click α, select A)ributes - > Diamond - > double click spawned. Select false for the from the dropdown menu.

32 5 Expand do under Rule box, drag Change A)ribute behavior, and Timer block into do. 6 For Change A)ribute behavior, click α, select A)ributes - > Diamond - > double click spawned. Type true into the box next to To: 7 For the Timer, change Every to A]er, type random(1,10)/ 10, and check Run to Comple>on. 8 Drag Spawn Actor behavior into Timer 9 For Spawn Actor, from the dropdown menu next to spawn actor, select Diamond

33 Rule for Diamond Actor The following steps will show you how to destroy the Diamond actor when it goes off screen or collides with Minion actor 1 Drag Rule Behavior to workplace. 2 Drag A)ribute and Collision behaviors into Rule box. 3 For condi>on if, click α, select A)ributes - > Diamond - > PosiEon - > double click X. Change the = sign to <=. Type - 50 to the last box. 4 Select Minion from the actor dropdown menu 5 Expand do, drag Destroy into do under Rule box. 6 Drag the Diamond actor under Actors tab to the Stage.

34 Preview Save and click Play to test your game. Make sure that the Ground actor moves to the and spawning itself. When you are done, click Back to editor

35 Rule for Diamond Actor The following steps show you how to update game score whenever Minion actor collide with Diamond actor: 1 Drag Rule behavior to the Backstage. Drag Collision behavior into Rule. 2 Select Minion from the actor dropdown menu next to actor of type 3 Expand do. Drag Change A)ribute into do 4 Click α, select A)ributes - > Game - > double click score 5 Click e, select A)ributes - > Game - > double click score. Type +1 into the box and click the green check mark

36 Rule for Score actor The following steps will show you how to add score to the scene: 1 Select Score actor under Actors tab. 2 Drag Display Text behavior to the Backstage 3 Delete Hello World! text 4 Click e, select A)ributes - > Game- > double click score. 5 Select Score actor from Actors tab under Library panel and drag it the top right corner of the screen

37 Credits Images in game: h<p://chadwallaceart.blogspot.com h<p://boombeach.wikia.com/wiki/resources Minion rush Music: h<p://freeplaymusic.com/ h<p://soundfxcenter.com