How to make simple Puzzle

with

Macromedia Flash 8

1. Open Macromedia Flash 8/above or

Adobe Flash then select Create New

Document

Next, we will insert picture that we want to make puzzle by "File -> Import -> Import

To Library". We can use "Import to stage" to import picture directly to the Stage, but

efficiently we use "Import To Library" so we can insert the picture to the stage many times we need.

Next, choose the picture.

And the picture now in “Library”

Next step, change the name of “Layer

1” to “Keping”

Try to make the picture not too small or

too big in the Stage

Then, click the picture, press "ctrl+b" to change the picture to

be "Bitmap" in order to we can split into few pieces. Result of "ctrl+b" cause the picture look like layered by small squares.

Next, select “Lasso Tool” from Tool Toolbar in

left, then cut the picture into few pieces.

Choose on of the pieces, press "F8" to

change the pieces into Symbol in order to

coded the pieces. Do it to all pieces.

In the Library will show

Symbols who we make

before.

Don't forget to named the Instance Name

of the symbol, because the Instance Name

apply like variable that we will use in code.

Next step, make new layer in name "Bayang", then choose

all the picture in the layer "Keping" -> Copy -> Paste in

Layer "Bayang", then transparency all the picture in Layer

"Bayang", and change the Instance Name, if "Keping1" to

be "Bayang1".

Arrange "Bayang" until form the whole picture, because

"Bayang" is a foundation of "Keping" in order to snap adn

show the real picture, although initially just organize the

"Keping"

Make new layer named "Help", this layer function to be hint in the

game, if the user is hard to arrange the puzzle. Then drag the

real(whole) picture from library to stage, make the same size like

the pieces that already arrange to be whole picture.

Don't forget change "Help" picture to be a

Symbol and named the Instance Name.

Next make new layer, named "Navigasi",

then insert button by common libraries.

Take 2 button from the button list and put in

the Stage. Named the button each "Help"

and "Reset".

Function of "Help" button to show the real picture

as hint. And "Reset" button function to random the

pieces.

Insert this code in Help Button.

Then Reset Button.

Make new layer named “Action", and the layer must in front of the

other layer, because the upward layer is the first layer that read by

computer. We insert this code, the function of this code is when we

run the animation, the pieces will show randomly.

Add code 'Skor=0;'

in layer "Action", the score

will always show '0' in the

first when the program run.

Make new layer named "Skor", this layer will

show our score when we play the game.

Make new Label/Text, give information above "Skor", this text must "Dynamic Text",

and have "skor" variable, this variable will we use in code.

Back to "Keping" layer, choose

"Keping1" then insert this code.

This is Tutorial to make Simple Puzzle with

Macromedia Flash 8, to play the game press

"ctrl" + "Enter"

Thank You