Membuat Animasi Daun Gugur dengan Action Script
Kali ini saya akan membuat sebuah tutorial tentang membuat animasi Daun Gugur dengan menggunakan Action Script attachMovie. Oke, untuk menghemat waktu langsung saja ikuti tutorial berikut :
1. Buatlah dokumen Flash baru (action script 2.0)
2. Buatlah symbol baru (insert => new symbol), beri nama daun dengan tipe Movie Clip.
3. Anda akan masuk ke mode edit symbol daun. Pada Frame 1 Gambarlah sebuah daun, (saya disini menggunakan brush photoshop.)
4. Masih di mode edit symbol daun, klik kanan pada frame 10, lalu pilih insert keyframe.
5. Lakukan hal yang sama untuk frame 20, 30, 40, dan 50
6. Tiap keyframe memiliki bentuk atau rotasi daun yang berbeda.
7. Buatlah motion tween dengan klik kanan di antara 2 keyframe, pilih create motion tween (kalau dalam flash cs 3 ke atas pilih create classic motion).
8. Kembali ke stage.
9. Pastikan tidak ada movie clip daun di atas stage, klik kanan pada symbol daun dalam library lalu pilih properties (untuk cs5) untuk flash 8 langsung pilih saja linkage. berinama lingkage "daun"
Jika yang belum tahu cara membuat linkage klik link disini
10. Klik frame 1 pada timeline utama, lalu tekan F9, maka panel action script akan muncul. Masukkan script berikut :
//menentukan jumlah daun yang akan ditampilkan
jumlah_daun = 0;
onEnterFrame = function () {
//jika jumlah daun kurang dari 20
if (jumlah_daun<20) {
//Memanggil movie clip yang ber-linkage daun dalam variabel daun
//jadi variabel daun berisi 1 buah attachmovie
//misal, telah berhasil memanggil dengan attachMovie, dan diberi nama daun+_root.getNextHighestDepth()
//berarti variabel daun = daun+_root.getNextHighestDepth() (instance movie clip yang di attach).
daun = attachMovie("daun","daun"+_root.getNextHighestDepth(),_root.getNextHighestDepth(), {_x:random(Stage.width), _y:0});
//nilai skala x dan y daun
daun._xscale = daun._yscale=random(30)+70;
//menentukan kecepatan daun jatuh yaitu antara 3 - 10;
daun.cepat = random (7) + 3;
//jumlah daun bertambah 1
jumlah_daun += 1;
daun.onEnterFrame = function () {
//nilai y daun bertambah sebesar nilai kecepatan
this._y += this.cepat;
//jika nilai random 30 = 5 maka nilai x daun bertambah 10
if (random(30)==5) {
this._x += 10;
}
//jika nilai random 30 = 2 maka nilai x dikurangi 5
if (random(30)==2) {
this._x -= 5;
}
//jika nilai y daun melebihi batas nilai y stage, maka daun akan diremove dan jumlah daun dikurangi 1
if (this._y>Stage.height) {
this.removeMovieClip();
jumlah_daun -= 1;
}
}
}
}
11. Lakukan Test Movie...
Semoga bermanfaat.. !!
1. Buatlah dokumen Flash baru (action script 2.0)
2. Buatlah symbol baru (insert => new symbol), beri nama daun dengan tipe Movie Clip.
3. Anda akan masuk ke mode edit symbol daun. Pada Frame 1 Gambarlah sebuah daun, (saya disini menggunakan brush photoshop.)
4. Masih di mode edit symbol daun, klik kanan pada frame 10, lalu pilih insert keyframe.
5. Lakukan hal yang sama untuk frame 20, 30, 40, dan 50
6. Tiap keyframe memiliki bentuk atau rotasi daun yang berbeda.
7. Buatlah motion tween dengan klik kanan di antara 2 keyframe, pilih create motion tween (kalau dalam flash cs 3 ke atas pilih create classic motion).
8. Kembali ke stage.
9. Pastikan tidak ada movie clip daun di atas stage, klik kanan pada symbol daun dalam library lalu pilih properties (untuk cs5) untuk flash 8 langsung pilih saja linkage. berinama lingkage "daun"
Jika yang belum tahu cara membuat linkage klik link disini
10. Klik frame 1 pada timeline utama, lalu tekan F9, maka panel action script akan muncul. Masukkan script berikut :
//menentukan jumlah daun yang akan ditampilkan
jumlah_daun = 0;
onEnterFrame = function () {
//jika jumlah daun kurang dari 20
if (jumlah_daun<20) {
//Memanggil movie clip yang ber-linkage daun dalam variabel daun
//jadi variabel daun berisi 1 buah attachmovie
//misal, telah berhasil memanggil dengan attachMovie, dan diberi nama daun+_root.getNextHighestDepth()
//berarti variabel daun = daun+_root.getNextHighestDepth() (instance movie clip yang di attach).
daun = attachMovie("daun","daun"+_root.getNextHighestDepth(),_root.getNextHighestDepth(), {_x:random(Stage.width), _y:0});
//nilai skala x dan y daun
daun._xscale = daun._yscale=random(30)+70;
//menentukan kecepatan daun jatuh yaitu antara 3 - 10;
daun.cepat = random (7) + 3;
//jumlah daun bertambah 1
jumlah_daun += 1;
daun.onEnterFrame = function () {
//nilai y daun bertambah sebesar nilai kecepatan
this._y += this.cepat;
//jika nilai random 30 = 5 maka nilai x daun bertambah 10
if (random(30)==5) {
this._x += 10;
}
//jika nilai random 30 = 2 maka nilai x dikurangi 5
if (random(30)==2) {
this._x -= 5;
}
//jika nilai y daun melebihi batas nilai y stage, maka daun akan diremove dan jumlah daun dikurangi 1
if (this._y>Stage.height) {
this.removeMovieClip();
jumlah_daun -= 1;
}
}
}
}
11. Lakukan Test Movie...
Semoga bermanfaat.. !!






0 komentar:
Posting Komentar