GameBrix

1. GameBrix Create your account on www.gamebrix.com Use your personal email address

2. What is it? • Collaborative portal • Allows people to build, share and play games online • Web browser platform = don’t need to install any software or programs

3. Express • Game templates to speed up game development

4. Builder • Learn to build games from scratch

5. Animator • Create graphics to use in your game

6. Script Editor • Edit code used within GameBrix

7. Builder • Import Graphics – select images and animations used in your game • Import Sound – select music files in your game • Build Objects – create intelligent objects • Assemble Game – put your game objects into game levels • Create Game – The Preview Game button on this tab creates the game for you

8. Animator • Create images and animations • Paint, draw and create your own images for your game • Create simple frame-by-frame animations

9. Objects • Intelligence = set of behaviors • Each object has two parts – an image and a set of behaviors • Building objects is all about describing a series of tasks that will be performed when an object moves from one state to another.

10. Build a Simple Game • Fish bouncing around a room • Goal: get rid of the fish • Click on the bouncing fish to make them disappear • For each fish you make disappear, you get 10 points • When all the fish are gone, you see a message: You Win!

11. Bouncing Fish Game • Need: • Fish • Brick • Select a fish graphic = import graphic • Image used in a game is called a sprite • Sprites in the game: fish1 and brick • Give fish behaviors

12. Bouncing Fish Game • Log in to GameBrix (www.gamebrix.com)

13. Bouncing Fish Game • Click the GameBrix Builder tab

14. Bouncing Fish Game • You should see the Graphic library now.

15. Bouncing Fish Game

16. Bouncing Fish Game

17. Bouncing Fish Game • Add the Brick to the list of Sprites.

18. Bouncing Fish Game • Click the Build Objects tab.

19. Bouncing Fish Game • You should see this page now.

20. Bouncing Fish Game • Click the New Object button.

21. Bouncing Fish Game • Type Fish1 in the OBJECT NAME field. Use a capital “F” instead of a lowercase “f”.

22. Bouncing Fish Game • Click fish1 from the Select Graphic list.

23. Bouncing Fish Game • Click the New button beneath the OBJECT STATE box.

24. Bouncing Fish Game • Click Create and then Add. Next, assign the tasks that the fish has to perform in the Create state. Under the TASKS box, click New and then StartMoving, then click Add.

25. Bouncing Fish Game • Change the DIRN Variable to random(360) and then click Apply. Leave the SPEED at 10. Then click DONE.

26. Bouncing Fish Game • Click the New Object tab.

27. Bouncing Fish Game • Type Brick (capital “B”) in the OBJECT NAME field. Click on the brick sprite so that it appears in the Preview box.

28. Bouncing Fish Game • The brick doesn’t need any behaviors – it will be just a wall. Click the Done button to save your work.

29. Bouncing Fish Game • The fish needs some other behaviors. Click Fish1 and then the Edit Objects tab.

30. Bouncing Fish Game • Click New under OBJECT STATE, then Collision and Add.

31. Bouncing Fish Game • Click COLLIDING OBJECT under Variable and then choose Brick from the list. Click the Apply button.

32. Bouncing Fish Game • Click the New button under Tasks and select BOUNCE from the list and then click Add. Click the Done button to save your work so far.

33. Bouncing Fish Game So far, this is what happens in the game: When the fish is created and appears on the screen, it randomly moves in any direction (360 degrees) with a speed of 10 pixels per frame. When the fish collides with the brick, it will bounce.

34. Bouncing Fish Game • Return to the Build Objects window. Click the Assemble Game tab.

35. Bouncing Fish Game • Click and drag an object to the game room. Add a few fish to the window. You can resize them by dragging the sides or corners after you click on the image. You can rotate the images when you see the arrow.

36. Bouncing Fish Game • Click and drag a brick to the upper left corner. Press the shift key and click on the brick at the same time and then drag the mouse to bottom left corner. Stop at the corner and repeat for the rest of the sides.

37. Bouncing Fish Game

38. Bouncing Fish Game • Test the game! Click the Create Game tab to the open the Create Game window. Click Preview Game.

39. Bouncing Fish Game • Save your game as BouncingFish1

40. Bouncing Fish Game

41. Bouncing Fish Game • Preview your game. You can’t play anything yet so it is time to add some gameplay. • Click Fish1 and then Edit Object.

42. Bouncing Fish Game • Click the New button under OBJECT STATE and choose Click from the list. Then click the Add button.

43. Bouncing Fish Game • Under TASKS click the New button and then choose SetScore and click the Add button.

44. Bouncing Fish Game • Change the value to 10 and then click Apply.

45. Bouncing Fish Game • Under TASKS click the New button and then choose Destroy from the list. Click the Add button.

46. Bouncing Fish Game • Under TASKS click the New button and choose IfInstanceCount and then click the Add button.

47. Bouncing Fish Game • Under OPTIONS, click OBJECT. Choose Fish1 from the list and click Apply.

48. Bouncing Fish Game • Under TASKS click the New button and then choose StartBlock from the list. Click Add.

49. Bouncing Fish Game • Under TASKS click the New tab and then choose DisplayMessage and then click Add.

50. Bouncing Fish Game • Click the blank box next to MESSAGE under value in the OPTIONS box. Type You Win! and the click Apply.