March 16, 2012

Animasi bola geser

Kali ini kita akan membuat bola bergerak sesuai dengan tombol, ke atas ke bawah, ke kanan ataupun ke kiri. Contohnya seperti berikut ini:


Let's go....
1. Buka program Adobe Flash CS3 dan buat file baru.
2. Pada layer 1 frame 1 buat lingkaran dengan oval tool. Kemudian konversi objek bola menjadi sebuah movieclip dengan nama bola.
3. Klik movie clip bola dan pada panel property, beri nama instancenya menjadi "bola".


4. Buat sebuah segitiga dan convert menjadi simbol button dengan nama "Tombol". Kemudian copy button Tombol sebanyak 4 buah dan susun sedemikian rupa, ada yang ke kanan, kiri, ke atas dan ke bawah seperti gambar berikut ini:


5. Klik button Tombol ke kanan. Masukan action script dengan menekan tombol keyboard F9 dan tulis script berikut ini:
on (release) {
    _root.bola._x += 5;
}
6. Klik button Tombol ke kiri. Masukan action script berikut ini:
on (release) {
    _root.bola._x -= 5;
}
7. Klik button Tombol ke atas. Masukan action script berikut ini:
on (release) {
    _root.bola._y -= 5;
}
8. Klik button Tombol ke bawah. Masukan action script script berikut ini:
on (release) {
    _root.bola._y += 5;
}
9. Test movie dengan menekan tombol Ctrl + Enter pada keyboard.

Keterangan:
Script _root.bola_x atau _root.bola_y adalah pengaturan property movie clip pada sumbu x dan sumbu y. Tombol akan mencari movi clip dengan nama instance bola, kemudian memberikan perintah untuk bergerak.

4 comments:

  1. Kalau bola bergerak ke arah diagonal bisa gak sob?

    ReplyDelete
    Replies
    1. Tidak bisa sob, karena pengaturan disini hanya berlaku untuk sumbu x dan y.

      Delete
  2. Berkunjung di malam hari sahabat...

    ReplyDelete

Top