Tutorial Cara Membuat Kalkulator Adobe Flash CS6

Untuk membuat kalkulator, tutorial saya bagi menjadi 2 bagian, yaitu Pembuatan Desain dan pemberian
script pada ActionScript 2.0 .

Berikut tutorial pembuatan desain kalkulator :

1. Pertama, buka aplikasi Adobe Flash CS6-nya dan pilih actionscript 2.0

2. Atur ukuran lembar kerja pada bagian properties.

atur-properties-di-cs6

3. Layer pertama ubah namanya menjadi bg. Setelah itu buatlah rectangle/kotak warna abu-abu dan
putih dengan rectangle options sehingga setiap sisi melengkung seperti pada gambar .

membuat kerangka kalkulator dengan

rectangle tool

4. buatlah kotak dengan rectangle tool (warna dan bentuk terserah). Setelah itu klik kanan pada kotak
tersebut - Convert to Symbol - Nama(btn) dan Tipe (button)... Tombol berhasil dibuat..
 membuat tombol di flash

5. Copy Paste Tombol yang dibuat sebelumnya dan tambahkan teks dengan Text Tool seperti pada
gambar. Select semuanya dan letakkan pada kalkulator..

Menambahkan teks disemua tombol

6. klik salah satu tombol, beri nama pada setiap instance name. Contoh : tombol 00 diberi nama nol2.
Untuk angka 0-9 (nol-sembilan) dan operasi bilangan (tambah,kurang,kali,bagi,koma,samadengan dan
hapus)

memberi nama instance di semua

tombol

7. Buatlah Dynamic Text pada area kotak putih untuk menampilkan proses dan hasil perhitungan. Jangan
lupa, pada bagian Options - Variable - isikan display
 Membuat Dynamic Text

Sekarang kalkulator anda telah berhasil dibuat, tekan tombol CTRL + ENTER untuk melihat hasilnya.
Namun fungsi-fungsi setiap tombol belum berfungsi. Oleh karena itu, langkah selanjutnya kita akan
menambahkan script.

Berikut tutorial Menambahkan ActionScript kalkulator

1. Klik kanan pada salah satu tombol - actions (F9) - masukkan kode berikut :

on (release){
display=display+"7";
}

actionscript untuk tombol angka 0-9

misalkan angkanya 8, makan ubah kodenya menjadi display+"8"; Script ini hanya untuk tombol angka
berupa 0 hingga 9
2. Script untuk tombol operasi bilangan seperti + - * / :

on (release){
if (operation=="no"){
display=display+"/";
operation="bagi";
}
}

actionscript untuk operasi bilangan

3. Script untuk tombol delete (del) :

on (release){
display="";
operation ="no";
}

4. Script untuk tombol Sama Dengan (=) :

on (release){
if (operation=="tambah") {
myArray=display.split("+");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1+number2;
display=total;
operation="no";
}
if (operation=="kurang") {
myArray=display.split("-");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1-number2;
display=total;
operation="no";
}
 if (operation=="kali") {
myArray=display.split("*");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1*number2;
display=total;
operation="no";
}
if (operation=="bagi") {
myArray=display.split("/");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1/number2;
display=total;
operation="no";
}
}

5. Terakhir, tekan CTRL + Enter untuk melihat hasilnya.

contoh kalkulator buatan sendiri

Sekarang coba anda lakukan perhitungan, maka kalkulator bekerja dengan baik. Mudah bukan? Silahkan
anda coba buat dengan kreasi desain sendiri :b Selamat Mencoba.