Pemberitahuan

Blog ini berisi Posting yang saya tulis sendiri dan ada yang bersumber dari website lain serta saya sertakan link sumbernya. di blog ini hanya untuk berbagi ilmu. bila ada kekhilafan saya mohon maaf. selamat berkunjung.

Animasi tombol life bar

Posted by Belajar Desain On Jumat, 07 Oktober 2011 0 comments
Life bar biasanya berbentuk batang. Yah, namanya juga bar pasti bentuknya batang. Namun kita dapat berkreasi membuat penunjuk life tersebut tidak hanya berbentuk bar/batang. Misalnya kita membuatnya dalam bentuk hati seperti tutorial berikut ini :





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 masukkanheart_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 masukkanpukul_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.
    untuk tutorial dalam bentuk pdf bisa di download disisi
    untuk source nya bisa di download disisi

0 comments:

Posting Komentar