Cara Membuat Kalkulator Buatan Sendiri di Adobe Flash CS6

Seiring berkembangnya dunia IPTEK, kini kalkulator memiliki fitur-fitur canggih dan modern serta tidak hanya menonjolkan fungsi-fungsinya namun juga tampilan atau desain grafis.

Ketika memakai Kalkulator apakah anda pernah berpikir untuk membuatnya sendiri ?

Tentu akan lebih menarik dan keren jika kita menggunakan kalkulator buatan kita sendiri dan memamerkan pada teman-teman, hihi.. Menjadi sebuah kebanggaan tersendiri.

Penasaran? Yuk ikutin tutorial cara mudah membuat kalkulator di Adobe Flash CS6..

BACA JUGA : Cara Membuat Media Interaktif untuk Pemula di Flash CS6

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.

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 .

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.. 

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

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)

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

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";
}

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";
    }
}

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. 

BACA JUGA : Sampai Jadi! Membuat Animasi LOADING di Flash CS6

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