- 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 health02max_health =1000;03health =0;0405healthbar_mc.onEnterFrame=function(){06//jika health minus07if(health <0){08health =0;09}10//jika health over11if(health > max_health){12health = max_health;13}14//persentase health15var persentase = (health / max_health) *100;16healthbar_mc._xscale = persentase;17} - Sekarang test movienya.
Masukkan angka sesukanya, maka angka tersebut mewakili jumlah prosentase dari nyawa keseluruhan yaitu 1000.