ACTION SKRIP FLASH

Assalamu'alaikum Sanjay Friend's
Kali ini aku mau memberi informasi / membahas sedikit mengenai ACTION SKRIP FLASH....
Silahkan dipahami mungkin ini agak rumit ya untuk dipahami soalnya materi ini susah menurut aku siihh,.......

ACTION SKRIP FLASH

Actionscript terdiri dari 2 kata yaitu : action (aksi) dan script (tulisan/naskah) yang berarti tulisan/naskah yang beraksi   =))
Actionscript adalah bahasa pemrograman yang digunakan di Flash. Hingga saat ini sudah mencapai 3 versi yaitu :
  • Actionscript 1.0 (tahun 2000 – tahun 2003) mulai dipergunakan pada Flash 5 dengan minimal dimainkan di Flash Player 5
  • Actionscript 2.0 (tahun 2003 - tahun 2006) mulai dipergunakan pada Flash MX 2004 dengan minimal dimainkan di Flash Player 7
  • Actionscript 3.0 (tahun 2006 sampai sekarang) mulai dipergunakan pada Flash CS3 dengan minimal dimainkan di Flash Player 9

Di Flash actionscript ditulis pada panel actions. Penulisan actionscript di panel actions dapat dilakukan pada 3 tempat yaitu pada movie clip, button, dan frame. Ketiga buah tempat tadi memiliki aturan penulisan yang berbeda yaitu :
  • 1. Untuk menjalankan event pada button, script pada button penulisannya diawali dengan on(){}
  • 2. Untuk menjalankan event pada movie clip, script pada movie clip penulisannya diawali dengan on(){} atau onClipEvent(){}
  • 3. Untuk menjalankan event pada frame, script pada frame penulisannya diawali dengan onLoad=function(){} atau onEnterFrame=function(){} atau onPress=function(){} atau onRelease=function(){} dsb.

Ketiga cara penulisan script tersebut memiliki kekurangan dan kelebihan. Tetapi kalau aku lebih merekomendasikan menulis script pada frame karena apabila terdapat kesalahan/error pada script yang kamu tulis kamu dapat cepat memperbaikinya. Coba bandingkan apabila anda menulis script pada movie clip atau button, jika sampai muncul kesalahan/error pada script yang anda tulis, tentunya anda harus mengeceknya satu per satu mana yang error.



Button adalah salah satu type dari symbol. Button digunakan untuk membuat tombol di flash. Dengan dijadikannya suatu objek menjadi button maka selain objek tersebut menjadi tombol, objek tersebut juga dapat menggunakan beberapa fasilitas dari flash seperti animasi tween, masking, guide dan juga kita dapat memberikan actionscript pada objek tersebut. Di bawah ini kita akan mempelajari cara dasar membuat tombol. Melalui cara dasar ini anda dapat berkreasi untuk membuat tombol yang bagus dan keren.
1. Buatlah sebuah flash document.
2. Buatlah sebuah lingkaran seperti gambar dibawah ini:



3. Seleksi lingkaran tersebut kemudian tekan F8 pada keyboard atau bisa juga melalui               Modify>Convert to Symbol…

4. Pada kotak dialog yang muncul pilih Button sebagai Typenya seperti gambar dibawah ini :



Button sebagai Type
5. Ubah Name pada kotak dialog tersebut jika diperlukan, kalau sudah selesai tekan OK maka lingkaran yang anda buat tadi sudah berubah menjadi sebuah Symbol bertype Button.

6. Klik dua kali Button tadi maka anda akan masuk ke stage button.

7. Anda akan melihat jendela Timeline seperti gambar dibawah ini :



Gambar Timeline
Up      : tampilan utama button
Over   : tampilan button ketika kursor mouse berada diatas button
Down  : tampilan button ketika kursor mouse menekan button
Hit      : luas daerah aktif button

8. Pilih bagian Over, kemudian tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih muda

9. Pilih bagian Down, kemudian tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih tua

10. Jika anda ingin daerah aktif button menjadi lebih luas, pilih bagian Hit kemudian tekan F6 pada keyboard. Buatlah lingkaran yang ada menjadi lebih besar.

11. Kalau sudah selesai, klik tombol scene pada timeline atau bisa juga tekan CTRL+E pada keyboard.

12. Terakhir test movie dengan menekan CTRL+ENTER.








Combo Box adalah salah satu user interface dari panel component berbentuk sebuah kotak yang digunakan untuk memilih salah satu kata/kalimat/angka dari daftar yang anda buat. Kata/kalimat/angka yang anda masukkan dalam combo box ini adalah variable bertype string.
Berikut contoh penggunaan sederhananya :
1. Buatlah sebuah flash document.

2. Buatlah sebuah static text bertuliskan Anda Memilih Bulan. Letakkan static text ini pada stage bagian atas.

3. Buatlah sebuah dyanimc text. Seleksi dyanimc text tersebut dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan hasil sebagai var dan nonaktifkan tombol selectable. Letakkan dyanimc text di bawah static text bertuliskan Anda Memilih Bulan.

5. Tekan Ctrl+F7, pada panel components yang muncul tekan tombol + disamping kiri user interface.

6. Cari yang bernama ComboBox kemudian drag ke stage bagian bawah.

7. Seleksi ComboBox di stage dan pada panel properties masukkan bulan sebagai instance name.

8. Jika sudah tekan tab parameters anda akan melihat seperti gambar di bawah ini :
  • data : nilai yang anda berikan pada setiap baris label
  • editable : jika bernilai true maka kata/kalimat/angka di dalam combo box dapat di ubah
  • labels : berisi daftar kata/kalimat/angka yang anda ingin masukkan
  • rowCount : baris daftar kata/kalimat/angka yang akan tampil jika combo box ditekan.
9. Dalam contoh yang kita buat ini ubah parameternya sebagai berikut :
  • Data tidak perlu diisi
  • Ubah editable menjadi false
  • Klik 2 kali kotak yang berisi tanda [] di sebelah tulisan labels. Pada panel yang muncul klik tombol + beberapa kali sampai jumlah barisnya mencapai 11. Klik baris 0 dan masukkan Januari ke dalamnya. Klik baris 1 dan masukkan Februari ke dalamnya. Masukkan nama bulan berikutnya pada setiap baris sehingga panel tersebut akan terlihat seperti gambar di bawah ini. Jika sudah tekan ok.

  • ubah rowCount menjadi 4

Tampilan panel Parameters yang telah diubah

10. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1
2
3
4
5
//perintah yang dijalankan jika frame ini dimainkan
onEnterFrame = function () {
        //tampilkan text yang terdapat pada bulan pada dynamic text bervar hasil
        hasil = bulan.text;
};
11. Tekan Ctrl+Enter untuk melihat hasilnya.
Klik combo box lalu pada daft
ar yang muncul pilih bulan yang diinginkan.
Sourcenya dapat di download di sini
Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash




Komentar

Postingan Populer