Kali in gue akan membuat movie control dengan menggunakan tombol untuk menjalankan animasi. its simple, so lets get start.

gw masih menggunakan file latihan pertama. kalo belum ada silahkan buat dulu disini,

Gw akan kasih lu cara yang paling gampang untuk membuat tombol, sebab cara yang susah gw juga belom bisa. hehehe

Hasil akhir :

1. Bikin rectangle tool dan juga buat text dengan posisi kaya gambar dibawah ini. perlu diingat di swish letak objek sama kaya layer di photoshop. objek yang ada di bawah akan ketutup objek yang diatas, untuk mindahin posisi cukup tinggal geser kebawah atau keatas dari “outline” window.
swishmax_movie_control_1

2. Blok/select ke 2 buah objek itu secara bersamaan, klik kanan dan pilih Group > Group as button. Sekarang perhatikan di window “outline”. ke dua objek tersebut kini telah berkumpul bersama menjadi sebuah “button”.

swishmax_movie_control_2

3. klik tanda + di samping button, maka lu bisa liat isi dari button objek button itu. Di parent folder dari objek text dan shape ada bacaan “Up/Over/Down/Hit state” .

swishmax_movie_control_3

4. Klik “button” objek di Outline panel dan lihat jendela propertiesnya. centang box “Has separate over state, has separate down state dan Has separate hit state. Nah artinya sekarang tombol kita ini memiliki state atau posisinya masing2. Coba lu perhatiin di outline window sekarang. button kini mempunyai 4 folder.

swishmax_movie_control_4

5. kini kita akan membuat sedikit aksi untuk si tombol ini. perhatikan di outline panel untuk “Up State” klik objek text dan ganti warnanya menjadi merah. untuk shape pilih warna hijau.

swishmax_movie_control_5

Lakukan hal yang sama untuk over state, tapi dengan warna yang berbeda, misalnya seperti ini :

- Up State
Click –> Warna merah
Shape –> Warna hijau

- Over State
Click –> Warna putih
Shape –> Warna hitam

- Down State
Click –> warna kuning
Shape –> warna biru

biarkan hit rectangle apa adanya.

6. Coba lu coba play movie yang udah lu buat. hasilnya akan seperti ini.

7. Setelah tombolnya jadi sekarang kita akan membuat kontrol untuk animasi si kotak ini, jalan cerita dari animasi kita ini adalah. si kotak akan bergerak setelah tombol di klik.

8. Tambahkan (stop) di frame 1 dan 11 (seperti di TUTORIAL 2) lalu drag/geser effect “move” satu frame ke kanan dan Masukan effect “place” di frame ke 1. seperti gambar di bawah ini.

swishmax_movie_control_6

12. Saat nya menambahkan script di “button”. Silahkan klik window script. kita akan memasukan script yang berfungsi sebagai perintah eksekusi. Klik “Add script” pilih “Event > Button > On (release)” sekali lagi klik”Add Script” pilih “Movie Control > GotoandPlay > GotoandPlay(Frame) di layar script akan bertambah script secara otomatis

swishmax_movie_control_7

swishmax_movie_control_8

pada script :
on (release) {
gotoAndPlay(1);
}

ganti angkan satu pada gotoAndPlay(1) menjadi :
on (release) {
gotoAndPlay(2);
}

13. kembali ke layout window:

14. Coba lu jalanin dah movie/animasi nya (teken tombol play atau ctrl+enter).

Penjelasan :

1. setiap “button” objek di swishmax itu mempunyai 3 posisi yaitu :
Up : yaitu posisi di mana kursor mouse tidak berada di atas “button”
Over : yaitu posisi di mana kursor mouse melewati “button”
Down : yaitu posisi di mana kursor berada di atas “button” dan mouse di klik satu lagi yaitu “hit state” hit state merupakan area dari tombol itu, dimana kalo mouse kursor berada di dalam area “hit state” maka kondisi Up/Over/Down baru bisa di eksekusi, Lu bisa bikin hit state nya jadi lebih gede dari pada objek atau lebih kecil.

2. untuk bikin tombol di swishmax, tidaklah harus berbentuk objek “button” semua objek baik itu shape atau text kalo lu kasih script yang sama maka itu akan dapat berfungsi sebagai tombol juga.

3. Kenapa kita masukan stop di frame 1 dan 2 ? ini fungsinya untuk memerintahkan animasi berhenti di awal dan akhir dari effect move.

4. Buat apa effect “Place” ? coba aja lu delete effect place, pada saat lu mainkan movie-nya maka kotak tidak akan kelihatan. disinilah fungsi “place”, yaitu untuk naro atau meletakan si objek kotak.

5. untuk scriptnya :

on (release) : event ini berarti script akan di ekseskusi pada saat mouse di “release” atau dilepas lepas dari klik. jadi pada saat lu ngeklik tu tombol, blom jalan scriptnya, ini baru jalan setelah klik-an nya lu lepas

Gotoandplay() : si animasi akan bertanya.. setelah di “release” gw ngapain lagi nih ? nah disini lah kita masukin perintah tambahan.. maka kita jawab, setelah di lepas lu pergi ke frame 2 dan jalan (gotoandplay 2)

PR Lagi nih, coba bikin kaya gini ya :