Simple puzzle
-
Upload
gisedo-mahaputra -
Category
Entertainment & Humor
-
view
273 -
download
0
Transcript of Simple puzzle
![Page 1: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/1.jpg)
How to make simple Puzzle
with
Macromedia Flash 8
![Page 2: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/2.jpg)
1. Open Macromedia Flash 8/above or
Adobe Flash then select Create New
Document
![Page 3: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/3.jpg)
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.
![Page 4: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/4.jpg)
Next, choose the picture.
![Page 5: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/5.jpg)
And the picture now in “Library”
![Page 6: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/6.jpg)
Next step, change the name of “Layer
1” to “Keping”
![Page 7: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/7.jpg)
Try to make the picture not too small or
too big in the Stage
![Page 8: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/8.jpg)
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.
![Page 9: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/9.jpg)
Next, select “Lasso Tool” from Tool Toolbar in
left, then cut the picture into few pieces.
![Page 10: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/10.jpg)
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.
![Page 11: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/11.jpg)
Don't forget to named the Instance Name
of the symbol, because the Instance Name
apply like variable that we will use in code.
![Page 12: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/12.jpg)
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".
![Page 13: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/13.jpg)
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"
![Page 14: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/14.jpg)
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.
![Page 15: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/15.jpg)
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.
![Page 16: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/16.jpg)
Take 2 button from the button list and put in
the Stage. Named the button each "Help"
and "Reset".
![Page 17: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/17.jpg)
Function of "Help" button to show the real picture
as hint. And "Reset" button function to random the
pieces.
![Page 18: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/18.jpg)
Insert this code in Help Button.
![Page 19: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/19.jpg)
Then Reset Button.
![Page 20: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/20.jpg)
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.
![Page 21: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/21.jpg)
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.
![Page 22: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/22.jpg)
Back to "Keping" layer, choose
"Keping1" then insert this code.
![Page 23: Simple puzzle](https://reader034.fdocuments.us/reader034/viewer/2022052212/55976c611a28abd5318b4723/html5/thumbnails/23.jpg)
This is Tutorial to make Simple Puzzle with
Macromedia Flash 8, to play the game press
"ctrl" + "Enter"
Thank You