TUTORIAL GAME PUZZLE ADOBE FLASH

1. Buka aplikasi Adobe Flash CS6

2. Buat dokumen baru, pilih AIR for Android, atur width dan height seperti gambar di
bawah ini :

3. Ubah nama layer 1 menjadi target

4. Import file gambar melalui menu File  Import  Import to Stage (CTRL + R)
5. Sesuaikan ukuran objek pada stage

6. Klik kanan pada objek  Break Apart

1
7. Setelah di break apart, maka objek akan menjadi seperti pada gambar

8. Bagi objek menjadi 4 bagian menggunakan line tool (pastikan object drawing tidak
aktif)

9. Ubah objek gambar yang sudah dibagi 4 menjadi movie clip, beri nama movie clip
target1, target2, target3, dan target 4

2
10. Double klik objek garis lalu delete

3
11. Beri instance name movie clip target menjadi targetp1a, targetp1b, targetp1c, dan
targetp1d

12. Tambahkan layer baru, dan ubah nama layer menjadi puzzle

13. Klik kanan pada frame 1 layer target  pilih Copy Frame

4
14. Klik kanan pada frame 1 layer puzzle  pilih Paste Frame

15. Kunci layer target (agar objek tidak bergeser saat mengedit layer puzzle)
16. Klik pada frame 1 layer puzzle untuk menyeleksi seluruh objek dan geser objek pada
stage yang masih kosong

17. Beri instance name movie clip puzzle menjadi p1a, p1b, p1c, dan p1d

5
18. Unlock layer target
19. Pada layer target Klik pada masing-masing movie clip target dan ubah alpha objek
(pada properties) menjadi 10

Seluruh objek target dengan alpha 10 menjadi seperti

gambar di bawah ini

20. Tambahkan layer baru dan ubah nama layer menjadi as.

21. Tambahkan script di bawah ini pada layer as (perhatikan besar kecil huruf / kapital):

var startX1:Number;
var startY1:Number;

p1a.addEventListener(MouseEvent.MOUSE_DOWN, pickMe1);
p1a.addEventListener(MouseEvent.MOUSE_UP, dropMe1);
p1b.addEventListener(MouseEvent.MOUSE_DOWN, pickMe1);
p1b.addEventListener(MouseEvent.MOUSE_UP, dropMe1);
p1c.addEventListener(MouseEvent.MOUSE_DOWN, pickMe1);
p1c.addEventListener(MouseEvent.MOUSE_UP, dropMe1);
p1d.addEventListener(MouseEvent.MOUSE_DOWN, pickMe1);
p1d.addEventListener(MouseEvent.MOUSE_UP, dropMe1);

6
 function pickMe1(event:MouseEvent):void {
event.target.startDrag(true);
startX1 = event.target.x;
startY1 = event.target.y;
}

function dropMe1(event:MouseEvent):void {
event.target.stopDrag();
var myTargetName:String = "target" + event.target.name;
var myTarget:DisplayObject = getChildByName(myTargetName);
if (event.target.dropTarget != null &&
event.target.dropTarget.parent == myTarget){

event.target.removeEventListener(MouseEvent.MOUSE_DOWN,
pickMe1);
event.target.removeEventListener(MouseEvent.MOUSE_UP,
dropMe1);
event.target.buttonMode = false;
event.target.x = myTarget.x;
event.target.y = myTarget.y;
} else {
event.target.x = startX1;
event.target.y = startY1;
}

p1a.buttonMode = true;
p1b.buttonMode = true;
p1c.buttonMode = true;
p1d.buttonMode = true;

22. Uji coba puzzle melalui run file CTRL + ENTER.

23. Atur file menjadi landscape agar tampilan lebih bagus melalui notepad.