Cara Menciptakan Kalkulator Buatan Sendiri Di Adobe Flash Cs6

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

Ketika menggunakan Kalkulator apakah anda pernah berpikir untuk membuatnya sendiri ?

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

Penasaran? Yuk ikutin tutorial cara gampang menciptakan kalkulator di Adobe Flash CS6..

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

Tutorial Cara Membuat Kalkulator Adobe Flash CS6

Untuk menciptakan kalkulator, tutorial saya bagi menjadi 2 bagian, ialah Pembuatan Desain dan derma 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 bab 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 menyerupai 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 dibentuk 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 bab 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 alasannya itu, langkah selanjutnya kita akan menambahkan script.

Berikut tutorial Menambahkan ActionScript kalkulator

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

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

misalkan angkanya 8, makan ubah kodenya menjadi display+"8"; Script ini hanya untuk tombol angka berupa 0 sampai 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. Praktis bukan? Silahkan anda coba buat dengan kreasi desain sendiri :b Selamat Mencoba. 

Adobe Flash

• Share
• Share