Sebelumnya, anda sudah mempelajari konsep dasar Drag and Drop. Sekarang, kita coba membuat game edukasi drag and drop dengan kode program yang lebih kompleks.
1. Buat dokumen baru (ActionScript 3.0)
2. Buat 3 buah movieclip bergambar “burung”, “anjing” dan “hiu”. kemudian beri nama instance masing-masing dengan “bird” , “dog” dan “shark”.
3. Selanjutnya kita buat objek target dengan nama yang sama dengan langkah ke-2. Hanya saja dibelakang nama kita tambahkan “Target”.
4. Buka panel action, ketikan script berikut:
5. Jalankan program.
Hasilnya adalah sebagai berikut:
1. Buat dokumen baru (ActionScript 3.0)
2. Buat 3 buah movieclip bergambar “burung”, “anjing” dan “hiu”. kemudian beri nama instance masing-masing dengan “bird” , “dog” dan “shark”.
3. Selanjutnya kita buat objek target dengan nama yang sama dengan langkah ke-2. Hanya saja dibelakang nama kita tambahkan “Target”.
4. Buka panel action, ketikan 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
| var ypos:int;var xpos:int;dragObjek(dog,bird,shark);function getPos(target:Object) { xpos=target.x; ypos=target.y;}function startdrag(event:MouseEvent) { event.target.startDrag(true); getPos(event.target);}function stopdrag(event:MouseEvent) { if (event.target.hitTestObject(getChildByName(event.target.name+"Target"))) { event.target.x=getChildByName(event.target.name+"Target").x; event.target.y=getChildByName(event.target.name+"Target").y; } else { event.target.x=xpos; event.target.y=ypos; } event.target.stopDrag();}function dragObjek(... objects) { for (var i:int = 0; i < objects.length; i++) { objects[i].addEventListener(MouseEvent.MOUSE_DOWN, startdrag); objects[i].addEventListener(MouseEvent.MOUSE_UP, stopdrag); }} |
Hasilnya adalah sebagai berikut: