Warung Flash

Berikut ini kita akan membuat semacam kalkulator yang digunakan untuk menghitung luas dan keliling persegi. Anda cukup memasukkan nilai pada sisi kemudian tekan tombol hitung yang ada maka luas dan keliling akan langsung tampil. Melalu tutorial ini anda juga dapat berkreasi membuat sebuah game atau soal yang mempertanyakan berapa luas atau keliling suatu persegi.

1. Buatlah sebuah flash document kemudian buatlah 3 buah static text yang masing masing bertuliskan sisi persegi adalah, luas persegi adalah, keliling persegi adalah.

2. Buatlah sebuah input text. Seleksi input text tersebut dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan sisi dalam kotak Var dan aktifkan tombol show border around text.

3. Buatlah sebuah buah dynamic text. Seleksi dynamic text tersebut lalu pada panel properties masukkan luas dalam kota Var, nonaktifkan tombol selectable dan aktifkan tombol Show border around text.

4. Buatlah sebuah buah dynamic text. Seleksi dynamic text tersebut lalu pada panel properties masukkan keliling dalam kota Var, nonaktifkan tombol selectable dan aktifkan tombol Show border around text.

5. Buatlah 3 buah static text yang masing-masing bertuliskan cm.

6. Buatlah sebuah dynamic text bertuliskan Hitung. Seleksi dynamic text bertuliskan hitung ini lalu pada panel properties nonaktifkan tombol selectable serta aktifkan tombol Show border around text.

7. Pastikan anda masih menyeleksi dynamic text bertuliskan Hitung lalu tekan F8. Pada panel yang muncul masukkan hitung_btn sebagai name dan movie clip sebagai type lalu tekan ok.

8. Seleksi movie clip hitung_btn di stage lalu pada panel properties masukkan hitung_btn dalam kotak instance name.

9. Letakkan objek-objek yang dibuat tadi seperti gambar di bawah ini :

10. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1
2
3
4
5
6
7
8
9

//membuat variable sisi(input text) dengan nilai 0
sisi = 0;
//ketika movie clip hitung_btn ditekan
hitung_btn.onPress = function() {
	//tampilkan hasil variable sisi(input text) dikali variable sisi(input text) pada variable luas(dynamic text)
	luas = sisi*sisi;
	//tampilkan hasil variable sisi(input text) dikali 4 pada variable luas(dynamic text)
	keliling = 4*sisi;
};

11. Tekan Ctrl+Enter untuk melihat hasilnya.

Masukkan nilai pada kotak paling atas kemudian tekan hitung

Sourcenya dapat di download di sini