GameBrix

Create your account on www.gamebrix.com

Use your personal email address

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

Express

• Game templates to speed up game development

Builder

• Learn to build games from scratch

Animator

• Create graphics to use in your game

Script Editor

• Edit code used within GameBrix

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

Animator

• Create images and animations• Paint, draw and create your own images for

your game• Create simple frame-by-frame animations

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.

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!

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

Bouncing Fish Game

• Log in to GameBrix (www.gamebrix.com)

Bouncing Fish Game

• Click the GameBrix Builder tab

Bouncing Fish Game

• You should see the Graphic library now.

Bouncing Fish Game

Bouncing Fish Game

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

Bouncing Fish Game• Click the Build Objects tab.

Bouncing Fish Game• You should see this page now.

Bouncing Fish Game• Click the New Object button.

Bouncing Fish Game

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

Bouncing Fish Game

• Click fish1 from the Select Graphic list.

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

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.

Bouncing Fish Game

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

Bouncing Fish Game• Click the New Object tab.

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.

Bouncing Fish Game• The brick doesn’t need any behaviors – it will

be just a wall. Click the Done button to save your work.

Bouncing Fish Game

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

Bouncing Fish Game

• Click New under OBJECT STATE, then Collision and Add.

Bouncing Fish Game• Click COLLIDING OBJECT under Variable and

then choose Brick from the list. Click the Apply button.

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.

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.

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

Assemble Game tab.

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.

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.

Bouncing Fish Game

Bouncing Fish Game

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

Bouncing Fish Game• Save your game as BouncingFish1

Bouncing Fish Game

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.

Bouncing Fish Game• Click the New button under OBJECT STATE and

choose Click from the list. Then click the Add button.

Bouncing Fish Game

• Under TASKS click the New button and then choose SetScore and click the Add button.

Bouncing Fish Game

• Change the value to 10 and then click Apply.

Bouncing Fish Game• Under TASKS click the New button and then

choose Destroy from the list. Click the Add button.

Bouncing Fish Game• Under TASKS click the New button and choose

IfInstanceCount and then click the Add button.

Bouncing Fish Game• Under OPTIONS, click OBJECT. Choose Fish1

from the list and click Apply.

Bouncing Fish Game

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

Bouncing Fish Game• Under TASKS click the New tab and then

choose DisplayMessage and then click Add.

Bouncing Fish Game• Click the blank box next to MESSAGE under value in

the OPTIONS box. Type You Win! and the click Apply.

Bouncing Fish Game• Under TASKS click the New button and choose

EndGame from the list. Click the Add button.

Bouncing Fish Game

• Under TASKS click the New button and choose EndBlock from the list. Click the Add button.

Bouncing Fish Game

• Click Done in the bottom right corner. This will save all the changes you made to Fish1.

Bouncing Fish Game

• Click the Create Game tab.

Bouncing Fish Game• Click Preview Game button.

Bouncing Fish Game• Click the Save Game tab.

Bouncing Fish Game• Click the Save button.

Bouncing Fish Game

• Click OK.