July 25, 2024

Stop and Play Animasi dengan Action Script 3.0

2 min read

Tutorial ini menjelaskan bagaimana menghentikan dan menjalankan sebuah animasi dengan efek tween, dan  menggunakan action script3. Mungkin sedikit ada persamaan dengan tutorial sebelumnya yang membahas tentang Membuat Tombol Play dan Stop Flash CS3.

Namun tutorial kali ini menggunakan metode yang sedikit berbeda dan penggunaan script yang berbeda pula, jadi para pembaca memiliki pilihan tutorial mana yang lebih mudah untuk digunakan. 🙂

Langkah 1

Membuat objek

Langkah pertama kita membuat objek dengan bentuk oval yang diletakkan di document.Lakukan langkah seperti berikut ini :

objek

Selanjutnya untuk pemilihan warna isi yang diinginkan dapat ditentukan  pada fill color dan warna border pada stroke color di pallete tools. Pada tutorial ini saya memilih warna pada fill color adalah biru (blue) dan stroke color adalah none (tidak memiliki bingkai/ border).

Langkah 2

Membuat Animasi

objek1

Kita akan menggunakan timeline (seperti diatas) untuk membuat animasi. Posisi awal yaitu pada frame ke-1, posisi akhir objek pada frame ke-40 dengan cara klik kanan pada frame ke-40, lalu pilih insert keyframe. Lalu objek saya pindahkan, sebagai berikut:

Posisi awal objek:

objek2

Posisi akhir objek:

objek3

Agar objek bisa bergerak dari posisi awal menuju posisi akhir, gunakan efek tween. Dengan cara klik pada frame ke-1, lalu pilih tween shape pada pallete properties.

objek4

Sehingga pada timeline terlihat sebagai berikut:

objek5

Langkah 3

Menambahkan Button Play dan Stop

Tambah layer, dengan cara insert layer  , gunakan button yang sudah disediakan oleh flash, dengan cara window – common libraries – button, lalu pilih dua button yang disukai, untuk tombol play dan stop, sebagai berikut:

objek6

Untuk mengubah teks button, klik kanan pada button yang akan diedit lalu pilih edit. Gunakan text tool lalu aktifkan layer text.

objek7

Dan ubah tulisan pada objek, sebagai berikut:

objek8

Lakukan juga untuk tombol stop.

Langkah 4

Memberi Nama Button

Beri nama tombol play dengan cara seleksi tombol play lalu tuliskan nama pada instance name di pallete properties, sebagai berikut:

objek9

Begitu juga dengan tombol stop, beri nama btn_stop.

Langkah 5

Menuliskan Perintah Action Script

Tambahkan layer, dengan cara insert layer. Lalu tekan F9, tuliskan perintah sebagai berikut:

btn_play.addEventListener(MouseEvent.CLICK, fPlay);

btn_stop.addEventListener(MouseEvent.CLICK, fStop);

function fPlay(e:MouseEvent):void{ play(); }

function fStop(e:MouseEvent):void{ stop(); }

Hasil Akhir:

actionscript1

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.