BAB III

IMPLEMENTASI
3.1 Game Drag & Drop Puzzle
Drag & drop puzzle adalah jenis puzzle dimana ada beberapa pecahan/bagian
gambar yang dapat didrag kemudian anda dapat melepaskan drag tersebut ke tempat
yang sudah disediakan. Contoh game yang menggunakan drag & drop misalnya
Jigsaw Puzzle ataupun dari game yang kami buat yaitu Sphere Puzzle. Drag & drop
puzzle ini juga cocok bagi yang ingin membuat game interakti. !erikut ini adalah
tutorial bentuk dasarnya "
#. !uatlah sebuah objek seperti gambar di bawah ini "
Gambar 3.1 $bjek
%. Seleksi objek tersebut dan tekan &'. Pada kotak dialog yang muncul masukkan
kepala sebagai (ame dan )o*ie clip sebagai +ype lalu tekan $,.
-. Seleksi mo*ie clip tadi dan tekan Ctrl.&-. Pada panel properties yang muncul/
berikan lingkaran sebagai 0nstance name.
0001#
2. +ekan Ctrl.3 untuk membuka panel 3ibary. Drag mo*ie clip kepala ke stage.
4. Seleksi mo*ie clip yang baru saja di drag tadi dan tekan Ctrl.&-. Pada panel
properties yang muncul masukkan lingkaran5target sebagai 0nstance (ame dan ubah
Color menjadi 6lpha #78.
9. 3etakan mo*ie clip lingkaran di sebelah kiri dan mo*ie clip lingkaran5target di
sebelah kanan.
:. ,lik rame # dan tekan &;. Pada kotak actions yang muncul masukkan script
berikut"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
//membuat variable xawal dengan nilai koordinat x movie clip
lingkaran pertama kali
xawal = lingkaran._x;
//membuat variable yawal dengan nilai koordinat y movie clip
lingkaran pertama kali
yawal = lingkaran._y;
//ketika movie clip lingkaran ditekan
lingkaran.onPress = function()
//movie clip ini dapat didrag
!"is.s!ar!#rag();
//movie clip ini berada di posisi paling atas
!"is.swa$#e$!"s(1);
%;
//ketika tekanan pada movie clip lingkaran dilepaskan
lingkaran.on&elease = function()
//movie clip ini tidak dapat didrag
!"is.s!o$#rag();
//jika posisi movie clip lingkaran berada di sekitar movie
clip lingkaran_target
i' (e(al(!"is._)ro$!arge!) == lingkaran_!arge!)
//posisi x movie clip ini sama dengan posisi x movie
clip lingkaran_target
!"is._x = _roo!.lingkaran_!arge!._x;
//posisi y movie clip ini sama dengan posisi y movie
clip lingkaran_target
!"is._y = _roo!.lingkaran_!arge!._y;
//jika tidak
% else
//posisi x movie clip ini sama dengan nilai variable
xawal
!"is._x = xawal;
//posisi y movie clip ini sama dengan nilai variable
0001%
33
34
35
36
37
38
yawal
!"is._y = yawal;
%
%;
//ketika tekanan pada movie clip dilepaskan dan kursor mouse tidak
berada di movie clip lingkaran
lingkaran.on&elease*+!si)e = function()
//movie clip ini tidak dapat didrag
!"is.s!o$#rag();
//posisi x movie clip ini sama dengan nilai variable xawal
!"is._x = xawal;
//posisi y movie clip ini sama dengan nilai variable yawal
!"is._y = yawal;
%;
'. Sebagai tamabahan agar terlihat lebih jelas. !uatlah % buah static te<t masing1
masing diberi tulisan objek dan target. +empatkan static te<t bertuliskan objek di atas
mo*ie clip lingkaran dan static te<t bertuliskan target di atas mo*ie clip
lingkaran5target.
;. +ekan Ctrl.=nter untuk melihat hasilnya.
0001-