MENGENAL ACTION SCRIPT DASAR

FLASH CS5

MENGENAL ACTION SCRIPT DASAR FLASH CS5.

Action script adaah kumpulan perintah pada flash yang akan menentukan reaksi dari sebuah
aksi. Saat terjadi aksi dari pengguna, maka flash akan merespon aksi tersebut dengan reaksi.
Misalnya ketika pengguna menekan tombol mouse, apa yang akan terjadi, ini semua
dientukan oleh action script. Nyawa dari sebuah program pada flash ada di action scriptnya.
Action script bisa ditempatkan langsung pada objek yang sudah diubah menjadi symbol, atau
juga bisa ditempatkan di timeline (untuk Action script 2.0). Pada Action scrip 3.0, action
script hanya bisa ditempatkan di timeline saja.

Beberapa Action scrip dasar antara lain:

AKSI
on
release
releaseOutside
Press
rollOver
rollOut
dragOver
dragOut

REAKSI
stop();
gotoAndPlay();
gotoAndStop();
play();
loadMovie();
loadMovieNum();

Catatan penting: Perhatikan penempatan huruf kecil dan huruf kapital! Action script
mengenal istlah case sensitive, yang mana penulisannya membedakan antara huruf kecil dan
huruf kapital. Kesalahan dalam penempatan huruf kecil dan huruf kapital akan menyebabkan
action script tidak berfungsi (error).
Cara penulisan action script adalah:

Aksi(){
Reaksi();
}

Contoh:
on(release){
gotoAndStop(2);

Penjelasan action script tersebut adalah: on[saat](release)[tombol_mouse_dilepas] { [maka]

gotoAndStop[pergi_ke_frame2_danBerhenti](2);[nomor_frame]
}

Sederhananya: Saat tombol mouse dilepas maka timeline/animasi akan menuju frame 2 dan
berhenti disana.

Untuk lebih jelasnya lagi sebaiknya anda membuat sebuah proyek dan langsung menerapkan
action script tersebut.

Selamat mencoba.

Actionscript Sederhana Untuk Flash Interaktif

Posted on 20 February 2012 by HSR

1. Fungsi script attachSound

2. Fungsi script loadMovieNum dan unloadMovieNum
3. Fungsi script button (tombol)

4. Fungsi “attachSound”

Fungsi script attachSound adalah untuk menyematkan, melampirkan, mencantolkan suara pada
sebuah file swf.

Dasar-dasar script attachSound:

nama_pengenal = new Sound ();

nama_pengenal.attachSound (“nama identifier musik”);

/* nama_pengenal pada contoh script di atas dapat diganti

dengan identifier (pengenal identitas script) apa saja, yang
terpenting identifier tersebut sama dan bukan bahasa yang
digunakan dalam flash actionscript*/

nama_pengenal.setVolume (90);
 nama_pengenal.start (0, 999);

//setvolume berfungsi untuk mengatur volume suara

//start berfungsi untuk menentukan awal dimulainya sebuah

fungsi attach sound

//nama_pengenal.start (0, 999), angka 0 di depan koma adalah

angka mulai, sedangkan angka 999 adalah berapa kali sound
(musik) tersebut diulang

contoh penggunaan script attachSound:

prikitiu = new Sound ()

prikitiu.attachSound (“background musik”)

prikitiu.setVolume (90)

prikitiu.start (0, 45)

5. Fungsi “loadMovieNum” dan “unloadMovieNum” (menjalankan dan menonaktifkan movie)

Sebelum membahas tentang script loadMovieNum dan unloadMovieNum. Pertama-tama harus

dipahami terlebih dahulu tentang leveling movie (entah istilah ini benar atau salah saya kurang
mengerti :), maklum belajar flash tanpa guru, tiba-tiba saja istilah ini muncul dalam pikiran)

Yang dimaksud leveling movie adalah seorang penyusun cd interaktif memilih movie apa saja
yang akan dimasukkan dalam cd interaktif yang dibuat dan menentukan level dari masing-
masing movie tersebut.

Tujuan leveling movie ini, agar antara movie yang satu dengan lainnya tidak saling bertabrakan.
Namun, terkadang memang ada beberapa movie yang menggunakan level yang sama dengan
tujuan untuk dijalankan secara bergantian.

Level movie yang terendah adalah 0, dan yang tertinggi adalah 9.

Contoh leveling movie:

Project CD modul interaktif pembelajaran Macromedia Flash 8:

o Movie-movie yang dibutuhkan:

1. Movie “main.swf”
2. Movie “menu.swf”
3. Movie “video tutorial.swf”, dan lain sebagainya
o Leveling movie:

level 0 >> “main.swf”

level 2 >> “video tutorial.swf”

level 3 >> “menu.swf”

Dasar-dasar script loadMovieNum dan unloadMovieNum:

 loadMovieNum (“alamat dan atau nama file.swf”, level movie)

unloadMovieNum (target level movie)

contoh:

loadMovieNum (“menu.swf”, 3)

loadMovieNum (“control/menu.swf”, 3)

/* (“control/menu.swf”, 3) jika file menu.swf berada pada sebuah

folder yang bernama control yang berada di bawah folder utama*/

unloadMovieNum (4);

5. Fungsi script button (tombol)

Berdasarkan namanya, script button adalah script yang digunakan untuk symbol jenis button
(tombol).

Event-event untuk script button:

o press: kejadian saat tombol mouse ditekan.

o release: kejadian saat tombol mouse ditekan dan kemudian dilepas.
o releaseOutside: kejadian saat tombol mouse ditekan dan kemudian dilepas di luar area objek
tombol.
o rollOver: kejadian saat kursor mouse masuk dalam area objek tombol. Pada saat ini tombol
mouse belum ditekan.
o rollOut: kejadian saat kursor mouse masuk dan kemudian keluar dari area objek tombol. Pada
saat ini tombol mouse belum ditekan.
o dragOver: kejadian saat tombol mouse ditekan dan kemudian keluar dari area tombol. Pada
saat ini tombol mouse masih ditekan, belum dilepas.
o dragOut: kejadian saat tombol mouse ditekan dan kemudian keluar dari area tombol dan
kemudian masuk lagi ke dalam area tombol. Pada saat ini tombol mouse masih ditekan, belum
dilepas.

Contoh di bawah ini adalah sebuah tombol yang memiliki beberapa fungsi:

on (release) {

unloadMovieNum (2)

unloadMovieNum (7)

loadMovieNum (“video/video1.swf”, 2)

loadMovieNum (“control/judul1.swf”, 7)

on (rollOver) {

gotoAndStop (3)
 }

Tambahan:

13. Contoh perencanaan sederhana sebuah CD interaktif

Nama project: Modul CD interaktif “Mengoperasikan Software Digital Rastering dengan

Adobe Photoshop CS4”

Isi modul:

(1) main.swf, (2) menu.swf, (3) video tutorial.swf, (4) non video tutorial.swf, (5) back
screen.swf,

(6) exit.swf, (7) judul.swf

Pembagian fungsi movie:

1. main >> attach sound, loadMovieNum (“screen.swf”, 1), loadMovieNum

(“menu.swf”, 4)
2. menu >> loadMovieNum(“non video tutorial.swf”, 2), loadMovieNum (“exit.swf”, 5)
3. loader >> loadMovieNum (“judul.swf”, 7), loadMovieNum(“video tutorial.swf”, 2)

Leveling movie:

4. level 1; “control/screen.swf”
5. level 2; video tutorial dan non video tutorial (“video/vidtutor.swf”, “video/vid.swf”)
6. level 4; “control/menu.swf”
7. level 5; “control/loader.swf”, “control/exit.swf”
8. level 7; “control/judul.swf”
14. Fungsi frame script stretch to fullscreen (membuat swf dapat direntangkan penuh sesuai
dengan luas layar)

Stage.scaleMode = “noScale”;

Stage.align = “center”;

//berfungsi untuk meletakkan screen di tengah layar saat tidak

di-stretch fullscreen

//di bawah ini adalah fungsi yang berhubungan dengan tombol

fullscreen, jika ditekan dan tidak ditekan, dengan menggunakan
identifier layarpenuh

function layarpenuh () {

//jika ukuran normal, jadikan fullscreen, selain itu jadikan

ukuran normal

if (Stage[“displayState”] == “normal”) {
 Stage[“displayState”] = “fullScreen”;

} else {

Stage[“displayState”] = “normal”; }

15. Dan pada sebuah tombol ketikkan script berikut ini:

on (release) {

layarpenuh();

16. Catatan:
17. Agar fungsi ini dapat digunakan dengan baik, sebelum script-script di atas, ketikkan script
berikut ini:

fscommand (“fullscreen”, “false”); //fullscreen bernilai tidak

benar, agar sebuah swf saat pertama kali dijalankan tidak
langsung di-stretch fullscreen

fscommand (“allowscale”, “true”); //allowscale bernilai benar,

agar screen dapat di-stretch

18. Frame script untuk menghilangkan menu Flash Player saat sebuah file fla sudah di-publish
menjadi file swf atau exe

fscommand(“showmenu”, false”);

19.
20. Frame script untuk mengganti isi menu klik kanan

function menu_saya() {

getURL(“http://www.hasanrizal.wordpress.com”,
_blank);

MENU = new ContextMenu();

MENU.hideBuiltInItems();

Functioned = new ContextMenuItem(“Kunjungi situs kami”,

menu_saya);

MENU.customItems.push(Functioned);

_root.menu = MENU;
 21.
22. Mengganti pointer mouse dengan symbol movie clip
o Buatlah sebuah movie clip berbentuk pointer seukuran pointer mouse, dalam movie clip
tersebut buatlah animasi secukupnya.
o Setelah selesai, kembali ke scene 1 (Ctrl+E). Klik movie clip tersebut, lalu tekan F9 untuk
membuka panel action. Kemudian ketikkan script berikut:

onClipEvent (enterFrame) {

startDrag (this, true);

Mouse.hide();

============

gotoandstop, gotoandplay, next-prevframe

Unknown 10:45

gotoandstop, gotoandplay, nextframe dan prevframe

Hello guys!!

Kali ini saya mau share tentang mengenal gotoAndStop(), gotoAndPlay(), nextFrame(), dan
prevFrame(). Banyak juga ya hehe.. sebenernya actionscript ini semuanya fungsinya sama ko yaitu
untuk pindah dari frame satu ke frame yang lainya,apa itu action script? lebih jelasnya bisa lihat disini
wikipedia, yang membedakan hanya perpindahanya, kalo bingung saya jelaskan sebagai berikut :

perbedaan gotoandstop, gotoandplay, nextframe dan prevframe

 gotoAndStop() : script ini berguna untuk berpndah frame sesuai dengan jumlah angka yang
ada di dalam "()", contoh : gotoandstop(10), maka frame akan berpindah lalu berhenti di
frame ke sepuluh..
 gotoAndPlay() : sama seperti script gotoAndStop() hanya saja saat frame berpindah maka
tidak akan berhenti tetapi terus berjalan sampai ada script stop()..
 nextFrame() : kalo ini untuk berpindah ke frame yang selanjutnya lalo berhenti
 prevFrame() : kalo ini sama seperti nextFrame() hanya saja berpindah ke
belakang/sebelumnya

jika sudah paham maksud diatas sekarang kita coba bagaimana cara pengimplementasianya :
tahapan tahapanya sebagai berikut:

 pertama buatlah angka 1 di frame 1

 lalu buatlah angka 2 diframe 2 dan seterusnya sampai frame 5

 setelah itu buat layer baru

  buatlah tombol next, prev, play dan tombol angka 1 sampai 5 di layer baru seperti gambar
dibawah

 jika sudah semua tombolnya sekarang kita berikan dulu instance name masing masing
tombol, disini saya memberi nama instance namenya seperti ini:

TOMBOL NAMA INSTANCE

Prev kembali

Next selanjutnya

Play mainkan

1 ke1

2 ke2

3 ke3

4 ke4
5 ke5

 jika sudah sekarang tinggal memberikan masing-masing script untuk tombol next kita
berikan fungsi nextFrame() dengan cara klik kanan frame dilayer 3 lalu pilih action atau bisa
juga pencet f9,
 untuk tombol prev kita masukkan fungsi prevFrame(),
 untuk tombol play kita masukkan gotoAndPlay(1), angka 1 dalam kurung digunakan untuk
menentukan pindah frame ke berapa, jika kita isi 3 maka gotoAndPlay akan dimulai dari
frame3
 jika sudah sekarang tinggal tombol angka, untuk tombol angka kita masukkan fungsi
gotoAndStop(isikan angka sesuai yang ada ditombol)

 jika sudah semua sekarang tinggal kita test dengan ctrl+enter..

Contoh-Contoh Action Script Adobe Flash
Action script untuk lagu:

Pada frame di beri action seperti berikut:

================

musik = new Sound();

musik.attachSound(“morning glories”);

musik.start(0);

================

Pada libraries : untuk file yang akan di jadikan lagu klik kanan pilih linkage, Pastikan
musik.attachSound (“nama”) sama.

—————————————————————————————————————————————
———–
Action script untuk load movie:

================

on (release, keyPress “<Enter>”) {

loadMovieNum(“standarkompetensi.swf”, 0);

================

Pastikan nama (“*.swf”, 0) sama dengan yang di file.

……………………………………………………………………………………………………………………………………………………………
…….

Action script untuk next dan prev frame baik bila di klik maupun lewat keyboard:

Untuk next frame

===============

on (release, keyPress “<Right>”) {

nextFrame();
}

===============

Untuk prev frame

===============

on (release, keyPress “<Left>”) {

nextFrame();

===============

Catatan: pastikan di setiap frame yang kita buat di beri action: stop();

—————————————————————————————————————————————
———–

Action script untuk tampilan menjadi full jika di play pertama kali lewat folder:

fscommand(“fullscreen”, 1);

pastikan sama jika yang di pakai 1 maka selanjutnya juga harus 1.

—————————————————————————————————————————————
———-

Tombol play dan stop

Tombol play:

========

on (release) {

play();

=========

Tombol stop:
==========

on (release) {

stop();

==========

Atau jika ingin di arahkan ke frame yang diinginkan:

Untuk tombol play:

===========

on (release) {

gotoAndPlay(8);

============

Untuk tombol stop:

=============

on (release) {

gotoAndStop(1);

=============

Kita tinggal mengganti angka dalam kurung (…) dengan frame yang kita inginkan.

Penggunaan “gotoAndPlay”:

Action ini digunakan jika kita ingin mengulang animasi yang kita buat. Biasa digunakan untuk animasi
yang ada on atau off, dalam artian jika ditekan on langsung bergerak dan jika ditekan stop akan
kembali ke semula.

Penggunaan “gotoAndStop”:

Action ini digunakan jika obyek yang kita inginkan diam. Atau kita tidak ingin beranjak pindah ke
frame berikutnya secara otomatis.
—————————————————————————————————————————————
————

Untuk tombol keluar:

Jika di tekan langsung keluar, di beri action

===========

on(release){

fscommand(“quit”,1);

===========
Jika kita menginkan ada animasi terlebih dahulu, diberi action pada akhir animasi atau akhir frame :

===========

fscommand(“quit”, true);

1. ActionScript menutup program

Pertama buat sebuah tombol / button / MovieClip. Seleksi button / MovieClip tersebut. Tekan F9
atau klik Actions. Lalu tuliskan ActionScript berikut.
________________________________________________________________________

on (release) {
fscommand(“quit”);
}
________________________________________________________________________

// on (release) = Saat Mouse ditekan kemudia di lepaskan,

// fscommand(“quit”) = command untuk keluar.

2. ActionScript Membuat fullscreen

Ini adalah ActionScript untuk membuat program anda menjadi fullscreen.
Sama dengan langkah yang sebelumnya. Siapkan sebuah button / MovieClip. Lalu tekan F9. Berikan
ActionScript seperti ini ,
________________________________________________________________________ on (release)
{
fscommand(“fullscreen”, true);
}
________________________________________________________________________

// on (release) = Saat Mouse ditekan kemudian di lepaskan,

// fscommand(“fullscreen”) = command untuk fullscreen, benar.

3. Disable ContextMenu
Apa itu ContextMenu? ContextMenu adalah menu yang ada saat kalian klik kanan pada file flash
kalian. Coaba kalian klik kanan , maka kalian akan menemukan menu-menu seperti Zoom in, Zoom
Out, Quality, dll. Jika kalian menggunakan ActionScript seperti dibawah ini maka begitu kalian klik
kanan, ContextMenu nya hanya menjadi About Macromedia Flash Player, dan Setting.
Tekan F9 pada frame. Lalu tuliskan ActionScript ini.
________________________________________________________________________
fscommand(“ShowMenu”, false);
________________________________________________________________________[/color]

Artikel kali ini akan membahas tentang cara membuat sebuah jam sederhana menggunakan
ActionScript pada Macromedia Flash MX. Dengan script yang sangat mudah sekali di pahami kita bisa
membuat sebuah aplikasi jam digital.

Dan berikut ini adalah pembahasan sederhananya :

Buat sebuah file flash dengan Background dan sebuah text, atur agar panjang dari text bisa di isi
dengan 6 Digit angka, lengkap dengan sparatornya.

Ubah propertis dari text menjadi Dinamic text dan pastikan mengganti nama variabelnya dengan
nama DisplayJam. Untuk lebih jelasnya bisa dilihat pada gambar di samping.

Tambahkan satu buah layer lagi untuk mengisi ActionScriptnya. Selanjutnya pelajari dan masukkan
ActionScript di bawah ini ke jendela ActionSript.
_root.onEnterFrame = function() {waktu = new Date(); Jam = waktu.getHours(); Menit =
waktu.getMinutes();Detik = waktu.getSeconds(); if (Jam<10) { Jam = “0″+Jam; } if (Menit<10) { Menit
= “0″+Menit; } if (Detik<10) { Detik = “0″+Detik; } DisplayJam =Jam+”:”+Menit+”:”+Detik;};
Selanjutnya Test Movie atau tekan CTRL dan enter secara bersamaan. Dan jam digital kita sudah jadi.
Diposkan oleh sandhy’s blog di 05:19
Label: Multimedia

Script hujan
//membuat sebuah movie clip kosong yang berisi jatuh
_root.createEmptyMovieClip(“jatuh”, 1);
//mengatur width sama dengan width stage dikali 2.5
width = Stage.width*2.5;
with (jatuh) {
//membuat garis
lineStyle(1, 0xFFFFFF, 100);
lineTo(2, 10);
}
//membuat variable i dengan nilai kurang dari 250
for (i=0; i<50; i++) {
//duplikasi jatuh dengan nama baru garis_hujan+i
duplicateMovieClip(jatuh, “garis_hujan”+i, 10+i);
//posisi x garis_hujan sama dengan nilai acak panjang stage
_root["garis_hujan"+i]._x = random(Stage.width);
//posisi y garis_hujan sama dengan nilai acak lebar stage
_root["garis_hujan"+i]._y = random(Stage.height);
//nilai variable kecepatan garis hujan sama dengan nilai acak 30 ditambah 10</em>
_root["garis_hujan"+i].kecepatan = random(30)+10;
//nilai alpha`garis hujan sama dengan nilai acak 80 ditambah 20
_root["garis_hujan"+i]._alpha = random(80)+20;
}
onEnterFrame = function () {
//membuat variable i dengan nilai kurang dari 250
for (i=0; i<50; i++) {
//posisi x garis hujan ditambah variable kecepatan
_root["garis_hujan"+i]._y += _root["garis_hujan"+i].kecepatan;
//posisi y garis hujan ditambah variable kecepatan yang dibagi 4
_root["garis_hujan"+i]._x += _root["garis_hujan"+i].kecepatan/4;
//jika posisi x garis hujan lebih dari panjang stage
if (_root["garis_hujan"+i]._x>Stage.width) {
//posisi x garis hujan berada di nilai acak width dikurangi panjang stage dibagi 2
_root["garis_hujan"+i]._x = random(width)-Stage.width/2;
//posisi y garis hujan berada di koordinat 0
_root["garis_hujan"+i]._y = 0;
}
//jika posisi y garis hujan lebih dari lebar stage
if (_root["garis_hujan"+i]._y>Stage.height) {
//posisi y garis hujan berada di koordinat 0
_root["garis_hujan"+i]._y = 0;
//posisi x garis hujan berada di nilai acak width dikurangi panjang stage dibagi 2</em>
_root["garis_hujan"+i]._x = random(width)-Stage.width/2;
}
}
};

ActionScript merupakan bahasa program yang digunakan oleh para animator dalam
menciptakan sebuah animasi dalam Flash. Penguasaan bahasa program ini tentu saja sangat
berguna. Sebelum berkenalan lebih lanjut ada baiknya Anda mengetahui dasar-dasar
pemrograman dengan ActionScript.

Bahasa pemrograman digunakan untuk mengirim serta menerima informasi dari komputer.
Bahasa pemrograman itu sendiri adalah kumpulan dari kode-kode yang digunakan untuk
berkomunikasi. Program Macromedia Flash memiliki bahasa pemrogram yang dikenal dengan
nama ActionScript yang dibuat berdasarkan model standar ECMAScript (ECMA-262). Bahasa
pemrograman lain yang menggunakan model yang sama adalah JavaScript. Jadi, dengan kata
lain struktur pemrograman Action-Script memiliki kesamaan dengan JavaScript yaitu (.) dot
syntaxt.
ActionScript pada Flash MX telah mengalami banyak perubahan dari beberapa versi
sebelumnya yaitu Flash 4 dan 5, sehingga jika Anda telusuri lebih jauh, cukup banyak syntaxt
yang sudah tidak dapat digunakan lagi (baca: tidak kompatibel) pada versi Flash MX maupun
Flash 8 (versi terbaru).

Pengenalan Action Panel & Library Panel

Action Panel

Dalam pemrograman di Flash semua kode syntaxt ditulis di dalam ActionPanel. Action Panel
sendiri terdiri dari dua jenis yaitu Normal Mode dan Expert Mode.
Penempatan ActionScript terdiri dari dua cara, yaitu:

 Menempelkan script pada object (movieclip dan button).

 Menempatkan script pada Timeline frame.

Apabila Anda akan memasukkan ActionScript dalam mode normal, Anda harus memilih jenis
syntaxt, kemudian menekan nama syntaxt di Action toolbox. Secara atomatis kode syntaxt
yang Anda pilih akan tampil di Script pane yang tidak bisa diedit. Sedangkan dalam mode ahli
(expert) Anda dapat memasukkan kode dalam script dengan carayang sama dengan mode
normal. Atau, Anda dapat mengetikkannya langsung di Script pane, karena pada mode ini
Script pane menjadi area yang dapat diedit secara manual.

Library Panel

Library Panel adalah tempat semua obyek yang kita gunakan dalam suatu file flash yang sedang
kita kerjakan.
Seperti yang dapat Anda lihat di atas, setiap obyek di dalam library panel dilambangkan oleh
sebuah icon yang berada di samping setiap nama obyek tersebut. Bisa Anda perhatikan bahwa
arti setiap symbol ini di jelaskan dalam kolom “Kind”. Symbol terdiri dari instance, seperti
grafik dan sound.

1. Mengimpor Grafik dan Suara

Untuk mengimport grafik yang akan Anda gunakan di dalam library Flash movie Anda,
masuk saja ke dalam menu “File | Import to Library | Import as a single flattened
bitmap”.
Sedangkan untuk mengimport Sound, klik “File | Import to Library”.
Dengan demikian sound tersebut akan tampil di dalam library panel Anda.
Sebaiknya grafik atau foto yang Anda gunakan berformat .PNG. Untuk mengconvert
grafik atau foto ke dalam format tersebut, Anda dapat menggunakan Macromedia
Fireworks. Software ini mengoptimisasikan grafik Anda untuk di gunakan ke dalam
Flash. Selain itu, hasil akhir grafik Anda dalam Flash movie akan terlihat lebih baik.
2. Mengimpor Grafik dan Suara
 3.
Semua grafik atau sound (instance) yang akan digunakan dalam Flash sebaiknya di-
convert menjadi symbol. Ketik F8 untuk mengubah instance menjadi symbol. Anda
dapat melakukan pengubahan (editing) pada property dari setiap symbol, seperti warna
dan ukuran.

3. Button
Button adalah movie clip interaktif yang terdiri dari empat buah frame : Up , Over, Down &
Hit.
Pada button tersebut, Anda dapat menambahkan sound effect pada saat mouse over, link ke
website, e-mail atau menentukan action dan behavior sebuah target movieclip.
Tips : Actionscript digunakan pada symbol Button, bukan pada Timeline.

4. Movie Clip
Dalam aplikasi Flash kita mengenal istilah movie clip.Movie clip adalah salah satu symbol
yang sangat berguna dalam flash movie. Movie clip bisa terdiri dari object symbol, seperti
Graphic symbol yang telah di-tweening atau dianimasikan.
Advanced Actionscript bisa ditambahkan pada movie clip untuk kegunaan yang lebih besar.
Apa sebenarnya kegunaan movie clip?

 Sebagai target untuk memasukkan movie clip lain dari server atau symbol dari library.
 Movie clip yang berada di library panel bisa di panggil ke dalam movie clip kosong
dengan menggunakan actionscript.
 Untuk membuat animasi, seperti animasi untuk Button mouse over atau animasi grafik
yang kompleks.
 Tempat untuk meletakan actionscript.
 Satu movie clip bisa terdiri dari beberapa movie clip lain.

5. Sound
Dengan Flash, kita bisa mengimpor langsung musik dengan format .WAV atau .MP3. Sound
bisa digunakan dengan button melalui “timeline property” button symbol tersebut atau di-link
dari library dengan actionscript untuk digunakan sebagai background sound.
Setiap symbol yang sudah diletakkan ke stage maka selanjutnya disebut Instance.

ActionScript Dasar
Syntaxt actionscript dibagi dalam beberapa kategori yaitu:

Actions
termasuk dalam Actions antara lain adalah:

stop(), play(), gotoAndPlay(), gotoAndStop(), getURL(), loadMovie(), loadVariables()

Operators
termasuk dalam Operators antara lain symbol-symbol seperti:

+, -, >, <, ?, “”, |, ^, &, ~, %, /

Functions
termasuk dalam Functions antara lain:
getProperty(), getTimer(), getVersion(), escape()

Properties
termasuk dalam Properties antara lain:

_alpha, _currentFrame, _framesloaded, _x, _y, _height, _width

Objects
Antara lain: MovieClip Object, Array Object, Date Object dan Math Object.

Anda dapat melihat referensi dari kategori-kategori yang lain dengan menekan tanda “+” pada
Action Panel.

Link ke website URL atau mengirim e-mail dengan Button

Ambil sebuah button dari library, lalu letakkan di posisi yang Anda inginkan di atas stage. Klik
kanan button tersebut, kemudian pilih “Actions”, yang akan memunculkan panel “Action”
berisikan actionscript.
Di dalam kategori “Browser/ Network” pilih “getURL”. Untuk membuka kolom isian, klik
ganda “getURL”. Isi URL dan Windows property sesuai keinginan Anda.
Actionscript Anda akan terlihat seperti di bawah ini:

on (release) {
getURL(“www.detik.com”, blank”);
}

Link ke website URL atau mengirim e-mail dengan text

Gunakan Text tool yang ada dalam Flash dan ketik sesuai keinginan Anda, misalnya: “klik
saya” Lihat gambar property window text di bawah. Anda bisa memilih Static Text atau
Dynamic Text. Pastikan Anda mengklik tombol “Render text as HTML” untuk mengaktifkan
link.
Isi URL website Anda, misalnya: http://www.godote.com. Selanjutnya pilih target window
pada bagian “Target”, misalnya _blank. Perhatikan stage, garis underline akan muncul dibawah
teks Anda.
Silahkan tes movie Anda.

Mengirimkan javascript function dari Flash ke Browser menggunakan getURL

Biasanya, untuk lebih meningkatkan daya tarik pada website, orang menyisipkan Javascript
dalam HTML. Misalnya. Misalnya untuk membuka pop up window atau fungsi-fungsi lainnya.
Di sini Anda akan membuat bagaimana mengirimkan function javascript dari Flash ke browser.

Membuat window browser dengan javascript function melalui Flash

Lakukan langkah seperti langkah pertama di atas, namun kini buatlah perubahan pada isi
javascript function seperti di bawah ini:

on (release) {
getURL(“javascript:shake(1)”);
}
Simpan atau save dan publish Flash Anda sebagai SWF dan HTML.
Gunakan text editor atau HTML editor, buka HTML flash Anda dan masukan javascript seperti
di bawah ini. Ingat, selalu masukkan di antara tag di HTML code.

Apabila Anda ingin agar browser tersebut bergetar lebih lama, Anda hanya perlu melakukan
pengulangan kode berikut:

parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);

Membuat Button untuk melakukan sesuatu dengan terhadap movie clip

Berikut ini Anda akan mempelajari bagaimana sebuah button akan “menyuruh” sebuah movie
clip bernama BOLA untuk memainkan frame yang terdapat di dalam movie clip BOLA.

Persiapkan instance yang akan Anda gunakan:

 sebuah movie clip yang terdapat gambar sebuah lingkaran dan telah diberi instance
dengan name “BOLA”.
 Sebuah button.

Sebagai langkah pertama, letakkan movie clip Anda pada stage dan klik dua kali untuk masuk
ke edit symbol mode.
Selanjutnya klik frame ke-8, kemudian klik kanan dan pilih “Insert keyframe”. Anda bisa
memperbesar objek bola Anda di frame ke-8 ini.
Klik frame ke-15 dan “Insert Keyframe”. Sebagai gantinya, Anda bias memindahkan letak
posisi bola Anda ke bawah. Create motion tweening dari frame pertama sampai ke frame 15.
Tambahkan sebuah layer di atas dan namakan “action”. Pada layer tersebut, klik frame ke-8
kemudian klik kanan dan pilih “Insert Blank Keyframe”, lakukan dua kali. Pada layer yang
sama, klik frame ke-15 dan “Insert Blank Keyframe” sekali lagi. Berikutnya, klik frame ke-8
tadi dan masukan actionscript. Caranya klik kanan frame tersebut, kemudian pilih “Actions”.
Dalam panel “Action” yang muncul (di bawah stage) masuklah dalam kategori “Actions |
Movie Control” dan klik ganda “stop”.
Kini dalam frame tersebut Anda akan melihat sebuah lambang berbentuk seperti huruf “a”.
Pindah ke frame 9. Berikan nama label “TURUN” untuk frame ini. Tambahkan actionscript
yang sama dengan frame 8 kepada frame 15.
Klik menu “Edit | Edit Document” untuk kembali ke stage semula.
Kini movie clip “BOLA” Anda telah terpampang pada stage. Lihat property window movie
clip Anda dan pastikan bahwa Anda telah mengisi instance name movie tersebut “BOLA”.
Sekarang, ambil sebuah button dari library dan letakan di stage. Pilih button tersebut dan
masukkan actionscript seperti di bawah ini:

on (release) {
BOLA.gotoAndPlay(“TURUN”);
}

Di mana saat button ini di klik, akan menyuruh movie clip bola memainkan frame yang telah
di labelkan “turun”.
Sebagai langkah terakhir, tes movie Anda tersebut.
Tips Menarik
Penerapan action script dalam program Flash jelas akan memberikan kualitas yang baik
terhadap sebuah animasi. Di atas telah dijelaskan dan dicontohkan dengan langkah-langkah
singkat beberapa tips menarik yang bisa langsung Anda terapkan. Namun, tentu kurang ‘sreg’
rasanya jika tips yang tersaji hanya itu saja. Sebagai tambahan, berikut ini tersedia
dua buah tips yang tentu akan menambah pengetahuan Anda dalam menciptakan animasi pada
Flash.

Penggunaan loadMovie() yang ideal

Biasanya jika kita ingin me-load movie (.SWF) eskternal perintah yang digunakan adalah
“loadMovie()”. Namun, para pemula yang ingin meload eksternal movie tersebut di level
biasanya menggunakan script “loadMovieNum(“01.swf”,0)”. Script ini berarti; “akan meload
file 01.swf pada level 0. Penentuan “level” juga dapat dilakukan dengan menggunakan target
movie clip pada pilihan “Location”.
Sebenarnya tidak ada yang salah dengan cara di atas. Hanya saja kita tidak leluasa untuk
melakukan interaksi terhadap movie clip yang di-load. Agar kita dapat lebih leluasa, berikut
adalah langkah-langkah yang dapat dilakukan:
Pertama, buatlah symbol movie clip dan beri nama apa saja. Letakkan symbol covie clip tadi
ke stage pada posisi X:0,0 dan Y:0,0, kemudian namakan instance tersebut “holder_mc”.
Buka Action Panel dan ubah ke expert mode. Seperti yang telah dijelaskan sebelumnya bahwa
dalam mode ini script pane menjadi area yang bisa diedit secara manual. Selanjutnya ketikkan
script berikut ini:

holder_mc.loadMovie(“01.swf”, this);

Perintah ini berarti file eksternalchip.swf akan di-load pada holder_mc. Setelah file tersebut di-
load pada holder_mc maka Anda dapat mengubah properties dari movie yang telah di-load tadi
dengan menempatkan script pada movie clip lain atau button. Dalam contoh ini Anda akan
menggunakan button untuk mengubah properties _x, _y dan _alpha dari movie clip holder_mc.
Kita akan menggunakan button dari library button yang sudah tersedia dalam aplikasi Flash.
Caranya, pilih menu “Window | Common Libraries | Buttons”. Pilih salah satu button dan
letakkan di stage lalu namakan instance tersebut “01_btn”. Pada Flash MX Anda dapat
menempatkan script pada button dengan dua cara, yaitu:

1. Pilih button, kemudian pada Action Panel ketikkan script berikut:

on(release) {
holder_mc._x = 100;
holder_mc._y = 50;
holder_mc._alpha = 50;
}

2. Pilih frame pertama pada timeline kemudian pada Action Panel ketikkan script berikut:

01_btn.onRelease = function() {
holder_mc._x = 100;
holder_mc._y = 50;
holder_mc._alpha = 50;
}
holder_mc._x = 100; akan mengubah posisi movie clip ini ke posisi x: 100.
holder_mc._y = 50; akan mengubah posisi movie clip ini ke posisi x: 50
holder_mc._alpha = 50; akan mengubah movie clip ini lebih transparan dengan nilai alpha 50
(nilai yang bisa digunakan adalah 0 hingga 100).
Dari kedua cara di atas disarankan untuk menggunakan cara kedua. Mengapa demikian? Hal
itu dikarenakan cara ini akan lebih memudahkan dalam menempatkan dan mengedit script.
Apabila Anda memilih cara pertama Anda harus memilih instance terlebih dahulu, kemudian
barulah mengetikkan atau mengedit script. Hal ini tentu akan menyita waktu.
Sekarang tes movie yang telah Anda buat dengan menekan kombinasi tombol “Ctrl + Enter”.
Cobalah tekan button-nya. Terlihat bahwa movie clip yang di-load tadi berpindah posisi pada
x:100 dan y:50, sedangkan movie-nya menjadi lebih transparan. Silahkan Anda mencoba
mengubah properties lainnya, seperti _width dan _height.

Memberi nama instance yang baik

Jika kita sering menggunakan Action Panel dalam expert mode maka banyak sekali keuntungan
yang bisa kita dapatkan seperti lebih mempermudah dalam proses edit. Mungkin Anda pernah
mendengar istilah ‘Code Hints’. Ini adalah feature yang sangat membatu untuk user yang tidak
hafal dengan semua syntaxt yang ada. Code Hints sendiri akan muncul secara otomatis di
Action Panel pada saat kita mengetikkan syntaxt tertentu. Hanya saja perlu penulisan nama
instance atau obyek yang baku agar Code Hints dapat muncul.
Ini daftar beberapa penulisan instance/ obyek agar feature Code Hints dapat aktif jika setiap
nama instance diberi akhiran sebagai berikut:

1. *_mc = MovieClip; seperti pada nama instance holder_mc maka code hints akan aktif
dengan memunculkan method dan properties dari movie clip. Ini dikarenakan dengan
memberi akhiran “_mc” instance tersebut dikenali sebagai obyek movie clip.
2. *_array = Array; beri akhiran _array pada nama object seperti name_array, maka code
hints akan aktif dengan memunculkan method dan properties dari Array. Dengan
memberi akhiran _array instance tersebut dikenali sebagai obyek array.
3. *_str = String; akan dikenali sebagai obyek string dan akan memunculkan method dan
properties dari obyek string.
4. *_btn = Button; akan dikenali sebagai obyek button dan akan memunculkan method
dan properties dari obyek button.
5. *_txt = TextField; akan dikenali sebagai obyek text dan akan memunculkan method
dan properties dari obyek teks.
6. *_sound = Sound; akan dikenali sebagai obyek sound dan akan memunculkan method
dan properties dari obyek string.
7. *_xml = XML; akan dikenali sebagai obyek xml dan akan memunculkan method dan
properties dari obyek xml.

Beberapa syntax dasar yang sering digunakan

this
Syntax ini menginformasikan kepada Flash untuk menyuruh movie clip ini melakukan sesuatu
di timeline dalam movieclip tersebut. Syntax actionscript ini ditempatkan pada movie clip,
bukan pada timeline. Contoh, actionscript di bawah ini yang menyuruh movie clip tesebut
pindah ke frame 5 yang berada di dalam movie clip tersebut.
onClipEvent (load) {
this.gotoAndStop(“5”);
}

onClipEvent (load) : Pada saat movie clip ini tampil di stage.

this : movie clip ini
gotoAndStop (“5”) : menuju dan berhenti di frame 5 dalam movie clip ini.

_parent
Syntax ini bisa ditempatkan pada button, timeline atau movie clip yang bersarang di dalam
sebuah movie clip. Jika actionscript di bawah ini di tempatkan pada sebuah button dalam
sebuah movie clip yang bersarang di dalam induk movieclip, saat button ini di klik induknya
akan menuju ke frame 5 pada timeline induknya sendiri:

on (release) {
_parent.gotoAndPlay(“5”);
}

on (release) : Pada saat button ini di klik,

_parent.gotoAndPlay(“5”): induk saya akan menuju ke timeline frame 5 ( dimana pada frame
5 itu mungkin akan terdapat actionscript lain ).

_root
Digunakan untuk menspesifikasikan akar dari sebuah movie clip atau obyek. Sebuah flash
movie (.SWF ) bias terdiri dari banyak level. Level adalah susunan flashmovie (swf) yang di
panggil untuk masuk ke dalam Flash movie utama yang kita referensikan sebagai _root atau
_level0. Syntax ini sangat luas kegunaannya.
Actionscript di bawah ini di tempatkan pada button untuk menyuruh timeline di movie utama
menuju ke frame 3.

on (release) {
_root.gotoAndStop(“3”);
}

on (release): Pada saat button ini di klik,

_root.gotoAndStop(“3”): movie utama akan berhenti di timeline frame 3.

Frame label
Frame label dalam frame di timeline membantu actionscript untuk mengetahui frame mana
yang akan ditampilkan, misalnya saat sebuah tombol di tekan atau menampilkan movie clip
untuk di-loading sesuai keinginan Anda. Syntax ini memiliki fungsi yang sama seperti
ANCHOR dalam HTML.

getURL
Ini adalah salah satu actionscript yang sering digunakan pada button. Bila Anda menggunakan
action panel normal mode dan menggunakan syntax ini, option untuk penerapan syntax ini
akan muncul.
URL
Isi dengan URL website yang anda tuju atau link ke file yang berada di direktori yang sama
dengan SWF tersebut, misalnya : .HTM, .HTML, .PHP, .ZIP, dan lain lain.

Window
_parent : Membuka halaman URL dengan window baru
_blank : Membuka halam URL di window utama bukan di dalam frame HTML dimana flash
movie itu berada.
_self : Membuka halaman URL di dalam frame HTML yang sama dimana flash movie itu
berada
Variables Don’t send : Gunakan variable ini untuk membuka website
Send using GET : Mengirim variable yang di spesifikasikan diakhiran getURL ke server side
script seperti Perl, ASP, dan PHP.
Send using POST : Digunakan untuk mengirim informasi dalam flash movie misalnya search
engine atau contact form ke server side script seperti Perl, ASP, dan PHP. Sumber: Majalah
CHIP