membuat game "stop tabrak dinding" pada flash ~ Tutorial-All-In1

dipagi yang masih segar ini, ane mau kasih nih tutorial flash bagaimana cara membuat sebuah game sederhana yang ane beri nama "stop tabrak dinding". konsep dari game ini pemain bergerak menggunakan mouse dan tidak boleh menyentuh dinding pembatas hingga mencapai finish yang di tentukan.
jadi masalah yang kita temukan saat membuat game ini adalah:
1. bagaimana agar pemain dapat bergerak menggunakan mouse ?

2. bagaimana cara ketika pemain menyentuh dinding maka permainan selesai ?
3. bagaimana cara ketika pemain menyentuh finish maka pemain menang ?

oke setelah men-diagnosa masalah diatas, kita lanjutkan kepemecahan masalah, berikut adalah tutorialnya :

Part 1

buat layer label, script, dinding, text, finish, pemain, background

Part 2

klik frame 1 layer background, Pilih warna seperti pada gambar di bawah, kemudian buat sebuah rectangle (persegi) yang menutupi semua stage (itu akan dijadikan sebagai background).

Untuk merubah warna degradasi bisa dilihat pada gambar

nah kira-kitra haslnya seperti ini

nah jika sudah merasa puas dengan warnanya, kita kunci layer background, fungsinya agar nanti tidak mengganggu saat pembuatan yang lain.

Part 3

Klik frame 1 layer dinding, dan sekarang kita buat sebuah jalan atau rintangan buat si jagoan kita nanti menggunakan line tool.

part 4

kemudian seleksi semua rintangan tadi dan tekan f8 atau klik kanan pilih convert menjadi symbol. ubah type menjadi button dan titik registration-nya berada ditengah. setelah itu OK

jika sudah , pastikan button dinding terseleksi, kemudian tekan F9 untuk masuk ke panel action, dan masukan action script berikut :

on (rollOver){
gotoAndPlay("you lose");
}

Part 5

sekarang klik frame 1 layer pemain, kemudian buat buat sebuah lingkarang menggunakan oval tool. seleksi semua lingkaran, ubah menjadi simbol

atur type menjadi movie clip dan titik registrasinya ditengah dan beri nama dengan "pemain".

kemudian masuk lagi ke panel action dan masukan action script brikut :

onClipEvent (enterFrame) {

    //kursor mouse asli akan disembunyikan
    Mouse.hide();
    //mengganti kursor mouse dengan movieclip ini
    startDrag(this, true);
}

Part 6

Sekarang kita buat finishnya di ujung lain rintangan kita, dengan menggunakan oval tool

Kemudian ubah type menjadi button dan beri nama dengan finish

masukan action script berikut :

on (rollOver){
gotoAndPlay("you win");
}

Part 7

seleksi frame 30 pada semua layer (klik dari layer paling atas,kemudian drag ke bawah). kemudian tekan F5 untuk insert frame

Part 8

Seleksi frame 10 pada semua layer kecuali layer background, kemudian tekan F7 untuk insert blank frame

Part 9

Lakukan hal yang sama pada frame 20, seleksi semua layer kecuali background .kemudian tekan F7 untuk insert blank frame

Part 10

klik frame 1 pada layer label, kemudian ctrl + F3 untuk memunculkan panel properties, dan beri nama "game" pada frame labelnya. (jika benar, maka akan ada tulisan pada frame-nya

Nah beri label pada frame 10 dan 20 juga dengan nama "you lose" pada frame 10 dan "you win pada frame 20.

part 11

Klik frame 1 pada layer script, kemudian tekan F9 untuk memunculkan panel action.

ketikan action script berikut:

stop();

lakukan hal yang sama pada frame 10 dan 20

part 12

Kemudian klik frame 10 pada layer text, dan buat sebuah text "you lose" ditengah-tengah stage

Buat lagi sebuah text "play again" pada ujung bawah sebelah kanan,

kemudian convert menjadi symbol, type : button, registration : center, name: play again.

masukan action script berikut :

on(press){
gotoAndPlay("game");
}

Part 13

sekarang klik frame 20 layer text. dan beri text dengan tulisan "you win". kemudian copy paste button play again pada frame 10 ke frame 20 agar tidak usah membuat movie clip lagi

Part 14

sekarang coba tekan Ctrl + enter untuk mencoba hasil yang kita buat. nah ketika kita masuk ke frame lose atau win maka kursornya jadi hilang kan ?, kenapa ?, itu terjadi karena pada layer pemain frame 10 hingga 30 kosong. lihat gambar