Warung Flash

Berikut ini kita akan membuat sebuah animasi kipas berputar. Dimana kipas yang dapat didrag akan berputar apabila menyentuh listrik dan akan berhenti berpuatar apabila tidak menyentuh listrik.

1. Buatlah sebuah flash document.

2. Buatlah sebuah objek berbentuk seperti gambar di bawah ini :

3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan baling sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.

4. Seleksi movie clip kipas di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan baling sebagai instance name.

5. Gambarlah sebuah garis dari tengah movie clip baling ke bawah.

6. Buatlah sebuah persegi kecil dan seleksi persegi tersebut lalu tekan F8. Pada panel yang muncul masukkan kotak sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.

7. Seleksi movie clip kotak dan masukkan kotak sebagai instance name pada panel properties.

8. Letakkan kotak di ujung bawah garis yang dibuat tadi sehingga objek di stage berbentuk seperti di bawah ini :

9. Seleksi seluruh objek di stage dan tekan F8. Pada panel yang muncul masukkan kipas sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.

10. Seleksi movie clip kipas dan masukkan kipas sebagai instance name pada panel properties.

11. Buatlah sebuah objek seperti gambar di bawah ini :

12. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan listrik sebagai name dan movie clip sebagai type lalu tekan ok.

13. Seleksi movie clip listrik di stage dan masukkan listrik di dalam kotak instance name pada panel properties.

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

onEnterFrame = function () {
	//jika movie clip kotak di dalam movie clip kipas menabrak movie clip listrik
	if (kipas.kotak.hitTest(listrik)) {
		//nilai rotasi movie clip baling di dalam movie clip kipas bertambah 10
		kipas.baling._rotation += 10;
	}
};
//ketika movie clip kipas di tekan
kipas.onPress = function() {
	//movie clip ini dapat didrag
	this.startDrag();
};
//ketika tekanan pada mouse dilepaskan
kipas.onRelease = kipas.onReleaseOutside=function () {
	//movie clip ini tidak dapat didrag
	this.stopDrag();
};

15. Tekan Ctrl+Enter untuk melihat hasilnya.

Drag movie clip kipas ke movie clip listrik

Sourcenya dapat didownload di sini