Membuatan health bar

• Sekarang buat sebuah persegi panjang seperti di bawah ini. Warnai sesuka Anda.
  
  

  persegi panjang
• Kemudian pilih hanya bagian fill saja yang terseleksi (seleksi semua kecuali garisnya).
  
  

  Seleksi Fill
• Masih dalam keadaan terseleksi, klik kanan, pilih Convert to Symbol lalu ubah menjadi MovieClip. Pastikan titik registrasi berada di sebelah kiri.
  
  

  Convert to Symbol
• Klik OK dan sekarang kita memiliki health bar .
• Masih dalam keadaan terseleksi, tekan Ctrl + F3 untuk memunculkan panel properties, ubah instance name-nya menjadi healthbar_mc.
  
  

  Instance Name
• Sekarang buat sebuah input text di atas healthbar, beri nama var yaitu health. Jangan lupa untuk menghhlangkan checkbox Auto kern. Auto kern digunakan untuk kerning pada teks. Bila teks diset sebagai variabel maka yang tampil ketika mengambil value dari teks, formatnya juga ikut terambil.
  
  

  Teks
• Oke, sekarang klik pada frame 1 pada layer 1, kemudian tekan F9 untuk menampilkan Panel Actions – Frame, tambahkan script berikut :

  01	//deklarasi variabel, ubah untuk menentukan maksimum health

  02	max_health = 1000;

  03	health = 0;

  04

  05	healthbar_mc.onEnterFrame=function(){

  06	//jika health minus

  07	if(health < 0){

  08	health = 0;

  09

  }

  10	//jika health over

  11	if(health > max_health){

  12	health = max_health;

  13

  }

  14	//persentase health

  15	var persentase = (health / max_health) * 100;

  16	healthbar_mc._xscale = persentase;

  17

  }

• Sekarang test movienya. Masukkan angka sesukanya, maka angka tersebut  mewakili jumlah prosentase dari nyawa keseluruhan yaitu 1000.
  

Membuatan health bar 2011-12-28T00:33:00-08:00 Rating: 4.5 Diposkan Oleh: Catatanku