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

Konsep “Drag and Drop” memang sering di pakai dalam game-game edukasi karena menonjolkan sisi interaktif. biasanya game-game seperti ini diperuntukan bagi anak-anak dalam sistem pembelajaran. contohnya seperti permainan Match All the World.
Tutorial kali ini akan menjelaskan bagaimana konsep Drag and Drop diterapkan dalam permainan edukasi.
1. Buka file flash baru (ActionScript 3.0 File).
2. Buat sebuah teks bertipe “static text” dengan nama “Komputer”.
3. Ubah teks tersebut menjadi movieclip dengan cara klik kanan pada teks > pilih Convert to Symbol.
4. Buka panel properties. Pada kolom instance name beri nama “target”.

5. Sekarang, import gambar komputer ke dalam stage yang nantinya akan digunakan sebagai objek drag and drop.
6. Konversi gambar tersebut menjadi movieclip. lalu beri instance name dengan nama “drag_mc”.

7. Buka panel action, lalu ketikn 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
stop();
var xawal,yawal:int;
drag_mc.addEventListener(MouseEvent.MOUSE_DOWN, startDragObjek);
stage.addEventListener(MouseEvent.MOUSE_UP, stopDragObjek);
xawal=drag_mc.x;
yawal=drag_mc.y;
function startDragObjek(event:MouseEvent)
{
    event.target.startDrag();
}
function stopDragObjek(event:MouseEvent)
{
    event.target.stopDrag();
    cekTumbukan();
}
function cekTumbukan()
{
    if(drag_mc.hitTestObject(target))
    {
        gotoAndStop(2);
    }
    else
    {
        drag_mc.x=xawal;
        drag_mc.y=yawal;
    }
}
8. Buat blank keyframe (F7) pada frame 2, buat keterangan misalnya seperti berikut:

Hasilnya seperti berikut:
8. Gimana? udah paham dengan konsep Drag And Drop? tutorial berikutnya akan menjelaskan konsep drag and drop dengan objek yang lebih kompleks.

Download Source Code

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


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 02.03.00

0 komentar:

Poskan 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)