Modul Praktikum Macromedia Flash MX

Macromedia Flash MX
ACTION SCRIPT

Membuat Website sederhana dengan Action Script

Action Script digunakan untuk membuat animasi yang dibuat lebih interaktif.

Untuk menggunakan action script ikuti langkah berikut :

1. Jalankan Macromedia Flash MX 2004
2. Siapkan 3 buah Layer dan beri nama seperti berikut :

3. Pilih Layer banner kemudian buatlah sebuah banner seperti gambar:

4. Pilih frame ke 4 pada layer banner kemudian klik kanan pilih Insert Frame
5. Pilih layer menu kemudian ketikan 3 buah tulisan terpisah seperti berikut :

Pergururan Tinggi TEKNOKRAT Action Script – hal 1

Modul Praktikum Macromedia Flash MX

6. Pilih frame ke 4 pada layer menu kemudian klik kanan pilih Insert Frame

7. Pilih Tulisan Home kemudian klik kanan dan pilih Convert to Symbol…
8. Ketikan pada Name : Home, dan Behavior : Button. Setelah itu klik tombol [OK]

9. Ulangi Langkah 7 & 8 untuk tulisan “Profile” dan “Animation”

10. Sekarang ke 3 tulisan tersebut telah menjadi sebuah tombol. Kemudian pilih tombol
home kemudian double klik. Perhatikan perubahan pada timeline.

11. Pilih over kemudian klik kanan pilih insert keyframe, kemudian pada properties
ganti font color menjadi warna biru. Setelah itu klik kanan pada down kemudian
pilih insert keyframe dan ganti font color menjadi warna merah.

Pergururan Tinggi TEKNOKRAT Action Script – hal 2

Modul Praktikum Macromedia Flash MX

12. Kemudian klik tombol panah ke kiri yang berada dipojok kiri atas timeline untuk
kembali ke scene 1
13. Ulangi Langkah 10, 11, & 12 untuk tombol “Profile” dan “Animation”
14. Pilih Layer Isi kemudian klik kanan pada frame ke 2 pilih insert blank keyframe
15. kemudian ketikan tulisan seperti gambar berikut ini :

16. Kemudian klik kanan pada frame ke 3 dan pilih insert blank keyframe, dan ketikan
tulisan seperti berikut :

17. Kemudian klik kanan pada frame ke 4 dan pilih insert blank keyframe, dan
buatlah sebuah objek kotak, kemudian klik kanan pilih Convert to Symbol, setelah
itu ubah pada Name : animasi_kotak, Behaviour : Movie Clip, kemudian klik
tombol [OK]
18. Pilih objek kotak kemudian double klik sehingga anda akan masuk dalam editor
movie clip.

Pergururan Tinggi TEKNOKRAT Action Script – hal 3

Modul Praktikum Macromedia Flash MX

19. Pilih objek kotak dan buatlah animasi menggunakan motion tween untuk merubah
kotak dari kecil menjadi besar.

20. Kemudian klik tombol panah ke kiri yang berada dipojok kiri atas timeline untuk
kembali ke scene 1
21. Pilih Layer Isi Frame 1, kemudian buka tekan [F9] untuk membuka kotak action
script. Setelah itu ketikan perintah stop(); seperti berikut ini.

Pergururan Tinggi TEKNOKRAT Action Script – hal 4

Modul Praktikum Macromedia Flash MX

22. Perhatikan perubahan pada timeline, pada frame 1 terdapat symbol alpa yang
menandakan bahwa pada posisi frame 1 animasi tidak dijalankan karena terdapat
perintah (Script) stop();.

23. Kemudian Pilih layer menu dan pilih tombol home. Buka kotak action script [F9]
kemudian ketikan script berikut ini :

24. Perintah gotoAndStop(2) menunjukkan bahwa apabila kita mengklik tombol home
maka timeline akan berjalan ke frame 2.
25. berikutnya pilih tombol profil kemudian ketikkan perintah berikut
on (release) {
gotoAndStop (3);
}
26. untuk tombol Animation perintahnya :
on (release) {
gotoAndStop (4);
}
27. Simpan pekerjaan anda dan tekan [CTRL + ENTER] untuk melihat hasilnya.

Pergururan Tinggi TEKNOKRAT Action Script – hal 5