Cara Membuat Game Edukasi Drag and Drop (bag.2)

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:
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);
   }
}
5. Jalankan program.
Hasilnya adalah sebagai berikut:

Download Source

 

sumber http://www.bengkelflash.com/2013/02/membuat-game-edukasi-drag-and-drop-2/


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 02.05.00

0 komentar:

Posting Komentar

MERAUP DOLLAR

Download

KATEGORI

ANDROID (6) Cara untuk ngeBLOG (28) DOWNLOAD (10) EDUKASI (19) Email (2) FACEBOOK (10) FLASH (8) FOTO (3) GAME (3) INTERNET (13) NGEBLOG (5) OFFICE (18) OPERATOR (3) PHOTOSHOP (6) PRINTER (1) SEO (1) SOFTWARE (7) VIRUS (3) WINDOWS (7) YOUTUBE (5)