Kamis, 11 November 2010

membuat life bar

1. Buatlah sebuah flash document.
2. Buatlah sebuah hati seperti di bawah ini :
3. Seleksi shape hati berwarna merah kemudian tekan F8 (ingat hanya shapenya saja, garis hitamnya tidak perlu diseleksi). Pada panel yang muncul masukkan heart_mc sebagai name dan movie clip sebagai type lalu tekan ok.
4. Seleki movie clip heart_mc kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan heart_mc di dalam kotak instance name.
5. Letakkan movie clip heart_mc ini di tengah-tengah stage namun agak ke atas sedikit.
6. Buatlah sebuah dynamic text bertuliskan PUKUL. Seleksi dynamic text ini dan pada panel properties, nonaktifkan tombol selectable dan aktifkan tombol show border around text.
7. Pastikan anda masih menyeleksi dynamic text tadi kemudian tekan F8. Pada panel yang muncul masukkan pukul_btn sebagai name dan button sebagai type lalu tekan ok.
8. Seleksi button pukul_btn di stage kemudian pada panel properties masukkan pukul_btn di dalam kotak instance name.
9. Letakkan button pukul_btn ini di bawah movie clip heart_mc.
10. Klik frame 1 dan tekan F9. Pada panel 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
//membuat variable life dengan nilai 100
life = 100;
//perintah yang dijalankan ketika frame di timeline dimainkan
onEnterFrame = function () {
 //nilai scala x movie clip heart_mc sama dengan nilai variable life
 heart_mc._xscale = life;
 //nilai scala y movie clip heart_mc sama dengan nilai variable life
 heart_mc._yscale = life;
 //jika variable life bernilai kurang dari atau sama dengan 0
 if (life<=0) {
  //ubah nilai variab;e life menjadi 100
  life = 100;
 }
};
//ketika button pukul_btn ditekan
pukul_btn.onPress = function() {
 //variable life dikurangi 5
 life -= 5;
};
11. Tekan Ctrl+Enter untuk melihat hasilnya.

download klik disini


Artikel Terkait:

0 komentar: