Introduction

Belajar flash terasa tidak lengkap jika tidak belajar action script. Ini e-book pertama yang saya
buat, e-book ini free alias gratis dikhusus kan untuk anda yang baru mengenal action script. Saya
mencoba menyuguhkan suatu e-book yang lengkap dengan tampilan gambar dan penjelasan terhadap
script yang anda ketik, ini dimaksudkan supaya anda mengerti apa fungsi dari script-script tersebut.
Tidak seperti buku atau e-book kebanyakan yang hanya mengajarkan anda mendesign setelah itu
muncul kata-kata ketik script dibawah ini tapi setelah itu ia tidak menjelaskan mengapa kita harus
menulis script ini dan apa fungsinya.
!engenalan "ction Script #.$ adalah e-book kedua yang saya ketik dan hanya dikerjakan selama
% hari. Saya tahu pasti akan banyak kekurangan di dalamnya. Saya sangat mengharapkan kritikan atau
saran anda agar pada penulisan e-book selanjutnya saya bisa meminimalis kekurangan saya. &ntuk kri-
tikan anda boleh kirim e-mail atau sms pada kontak yang ada di website saya. "nda di perbolehkan un-
tuk mencetak, mendistribusi-kan atau menjual kembali dengan harga terserah "nda dan simpan '$$(
keuntungannya) "tau "nda diperbolehkan untuk meng-upload ke website anda untuk meningkatkan
traffic dengan memberikan eBook ini secara cuma-cuma. "tau terserah "nda. "nda harus ingat bahwa
"nda dilarang mereproduksi atau memodifikasi eBook ini dengan jenis atau bentuk apapun))) *anya
itu. Terima +asih Semoga e-book ini bisa bermanfaat sebagaimana yang harapkan.
,o-ri .o- "uliansyah
Tahap 1
Pengenalan Action Script 2.0
&ntuk mengetik "ction script anda harus menempatkan pada panel action, jika tidak terlihat
panel action di lembar kerja /lash 0ocument klik 1indow 2 "ction atau tekan /3 maka di lembar
kerja anda akan terlihat seperti 4ambar '.$.
Gambar 1.0
Lembar kerja untuk mengetik Action Script
+etika anda mengetik script anda akan menemukan warna yang berbeda-beda pada panel action
seperti yang terlihat pada gambar '.'.
Gambar 1.1
Warna warni pada Action script 2.0
Ini bertujuan supaya anda mudah membedakan arti script yang anda ketik dan memudahkan
anda jika terjadi kesalahan pada script yang anda ketik. &ntuk lebih jelasnya mengenai warna-warni di
panel action coba anda klik 5dit 2 6eperence atau tekan ctrl7&, pada panel category pilih "ction
script. Sekarang anda bisa melihat arti bahkan merubah warna-warna tersebut.
Tahap 2
Trace
Sekarang langsung saja kita masuk pada sebuah kasus. &ntuk perkenalan, kasus pertama yang
akan kita pelajari adalah mengmbuat pesan di layar output. Syntak pertama yang akan kita gunakan
adalah trace. Trace digunakan untuk menampilkan pesan pada jendela output pada flash. &ntuk lebih
jelasnya mari kita mencobanya 8
syntak 8 trace (pesan9
:ontoh 8 trace (mencoba trace
Gambar 1.2
pesan trace da!am "ende!a output
lalu tekan :trl75nter untuk mengetes mo-ie clip atau klik contol 2 Test mo-ie.
;ika jendela .utput tidak terlihat tekan /#. Trace juga mendukung untuk di jalankan berkali-kali,
sekarang untuk mencobanya kita akan mengunakan angka sebagai media sekalian mencoba
menggunakan operator berhitung.
:ontoh script8
n # $%
trace(n&1%
''(asi! di outputn)a * +
trace(n,-%
''(asi! di outputn)a * 12
trace(n.1%
''(asi! di outputn)a * -
trace(n'2%
''(asi! di outputn)a * 2
trace(n/-%
''(asi! di outputn)a * 1
Sekarang Tes mo-ie anda)).
*asil yang terlihat pada layar output hanya angka-angka hasil operator dalam trace saja.
Sedangkan semua kalimat yang di depannya diberi tanda << tidak akan berpengaruh pada layar output.
+enapa = karena setiap kalimat yang didepannya diberi tanda << melambangkan sebuah komentar
sehingga ketika di eksekusi kalimat-kalimat tersebut tidak akan berpengaruh.
Operator Kererangan Fungsi
7 ;umlah >enjumlah nilai
- !engurangan >engurangkan nilai
? +ali >engalikan nilai
< Bagi >embagi nilai
( >odulo >enampilkan sisa
pembagian nilai
Tahap 3
Struktur Kondisi
!ada tahap ini kita akan mempelajari lagi trace tetapi dengan tingkat yang sedikit lebih sulit.
+ali ini kita menambahkan Struktur kondisi pada fungsi trace.
Struktur kondisi adalah sebuah fungsi dimana perintah hanya akan dijalankan atau dieksekusi
jika kondisi yang kita berikan terpenuhi. !ada tahap ini saya akan mempraktekan struktur kondisi if dan
else, saya harap anda akan benar-benar mengerti fungsi dari kedua syntak tersebut karena kita akan
bertemu kedua syntak ini pada tahap-tahap berikutnya.
IF
;ika anda sudah pernah belajar bahasa pemrograman sebelumnya anda pasti sudah tidak asing
dengan kata ini. Sesuai dengan artinya if adalah ;ika, jadi apabila kondisi yang terdapat dalam if
terpenuhi perintah akan dijalankan.
!enjelasan dari if sebagai berikut8
if (kondisi) {
perintah }
contoh8 n # -%
i0 (n1+ 2
trace(n !ebi( keci! dari +%
3
!enjelasan 8 n # -% menjelaskan nilai n adalah %, i0 (n1+ kondisi jika nilai n lebih kecil dari @,
2 trace(n !ebi( keci! dari +% 3 perintah yang dieksekusi apabila kondisi terpenuhi.
ELSE
5lse adalah syntak untuk perintah dimana kondisi if tidak terpenuhi.
:ontohnya 8
n # 2
i0 (n & +# #4 2
trace(n tamba( + ada!a( 4
3
e!se 2
trace(n tamba( + bukan 4
3
*asil di output adalah n tambah @ bukan A, ini terjadi karena syarat kondisi pertama tidak
terpenuhi sehingga dilanjutkan pada syarat kondisi selanjutnya. +enapa n 7 @ B B A ==. Tanda B B
berarti sama dengan, sedangkan B berarti nilai yang diberikan. >isalkan nB%, berarti nilai n adalah %.
TAAP !
Pengulangan
F"#
/or merupakan salah satu perintah untuk melakukan eksekusi pengulangan. 5ksekusi
pengulangan pada for akan terus berjalan sampai syarat terpenuhi, sehingga jika anda melakukan
kesalahan pada penulisan script, pengulangan tersebut akan terus berjalan.
Script 8 $or %kondisi a&al' kondisi (erhenti' pen)u*lahan+pengurangan, -
perintah'.
contoh 8 for (a#0% a120% a#a&- 2
trace(a%
3
/ILE
Intruksi while hampir mirip seperti intruksi for.
Syntaknya 8
Kondisi a&al
/hile % kondisi s0arat , -
Perintah
.
:ontoh 8 a # 2%
w(i!e (a110 2
a#a&2%
trace(a%
3
;ika anda menggunakan intruksi ini sebaiknya anda perhatikan kondisi yang anda berikan karena jika
salah akan mengakibatkan proses looping tiada henti, dan mengakibatkan komputer berjalan lambat.
1"2/ILE
0o merupakan sebuah perintah jika kondisi while terlaksana. Sintaknya adalah
Kondisi a&al
1o -perintah.
/hile %s0arat,
:ontoh8 a # 2%
do 2
trace(a%
a#a&-%
3 w(i!e (a11$%
TAAP 3
Fungsi
/ungsi merupakan perintah yang terdiri dari kumpulan statement, yang digunakan dengan cara
melakukan pemanggilan terhadap nama dari fungsi tersebut. Bentuk subprogram ini sering di gunakan
karena akan memudahkan pekerjaan pemograman. 0alam melakukan delegrasi fungsi, nama harus di
mulai dengan huruf dan tidak boleh ada spasi. ,ama fungsi case sensiti5e C memperhatikan huruf besar
dan kecil 9.
&ntuk memanggil suatu fungsi, anda cukup memanggil nama fungsi tersebut.
:ontoh8 0unction coba (
2trace (memanggi! 0ungsi coba
3
6oba (
TAAP 4
Arra0
"rray merupakan kumpulan data berurut yang bisa di ubah atau dimodif. 0alam "ction Script #.$ ada
bermacam-macam jenis "rray dan saya akan mencoba menjelaskan satu per satu 8
mulanya kita buat dulu data array contohnya8
0ata yang kita akan masukan adalah 8 Ina,Ini,Inu,Ino
scriptnya adalah
Arrayku = new Array (InaIniInuIno)
trace (Arrayku)
tes mo-ie Ctekan :trl 7 5nter9
"rray akan tampil di output
5oncat
Sekarang kita akan menambahkan data di belakang arrray yang baru kita buat dengan
menggunakan concat. >isalkan kita mau menambahkan kata "na di "rray yang barusan kita buat.
&bah script trace C"rrayku9 jadi trace C"rrayku.concatCana99
Arrayku = new Array (InaIniInuIno)
trace (Arrayku!concat(ana))
tes mo-ie clip lihat hasilnya, jangan lupa sebelum menekan :trl 7 5nter teriak Simsalabim...
6oin
;oin juga berfungsi untuk menambah data. Tapi data yang dihasilkan berada di belakang data
dalam "rray.
:ontoh 8 Arrayku = new Array (InaIniInuIno)
trace (Arrayku!"oin(#))
>aka hasil di output jadi
Ina7Ini7Inu7Ino
Length
0igunakan untuk menghitung jumlah data dalam array.
Script 8 Arrayku = new Array (InaIniInuIno)
trace (Arrayku!$ength)
output akan menghasilkan D
Pop
>engambil data paling terakhir di array atau menghapus data array yang paling belakang.
sintaknya8Arra0ku 7 new Array (InaIniInuIno)
trace (Arrayku!pop( ) ,
output akan menghasilkan 8 ino
coba sekarang anda ubah scriptnya 8
Arrayku = new Array (InaIniInuIno)
Arrayku!pop()
trace (Arrayku)
output akan menghasilkan 8 Ina,Ini,Inu
Push
+ebalikan dari pop, !ush menambahkan satu data di belakang array
Script8 Arrayku = new Array (InaIniInuIno)
Arrayku!push(Ine)
trace (Arrayku)
Shi$t
Shift bisa digunakan untuk mengambil awal data dari array
Script 8 Arrayku = new Array (InaIniInuIno)
trace (Arrayku!shift())
"tau menghapus satu data di depan array.
Script 8Arrayku = new Array (InaIniInuIno)
Arrayku!shift()
%race(Arrayku)
#e8erse
0igunakan untuk membalik data di dalam array
Arrayku = new Array (InaIniInuIno)
trace (Arrayku!re&erse())
.utput 8 Ino,Inu,Ini,Ina
9nshi$t
+ebalikan dari Shift, unshift digunakan untuk menambahkan data di depan array
Script 8 Arrayku = new Array (InaIniInuIno)
Arrayku!unshift(Ine)
trace (Arrayku)
output 8 Ine,Ina,Inu,Ino
TAAP :
Propert0
Setelah kita berputar-putar menggunakan trace sebagai output, pada tahap ini kita akan
menggunakan objek sebagai media dan tampilan output yang kita jalankan sudah berbentuk animasi
yang bisa di buat menjadi tampilan html.
;ika kita sudah bermain pada objek otomatis kita akan bertemu dengan istilah property. Istilah
property berarti kepemilikan, Sebuah obyek dalam flash yang berupa mo-ieclip, button, sound
memiliki property seperti panjang, warna, kordinat dan lain-lain. 0i bawah ini saya akan menjelaskan
beberapa property.
EF B merupakan sumbu F C horiGontal 9
Ey B merupakan sumbu y C -ertikal 9
EFscale B ukuran horiGontal
Eyscale B ukuran -ertical
Erotation B posisi kemiringan
Ealpha B Transparasi

Gambar 7.1
8ordinat pada 0!as(
EF atau posisi sumbu horiGontal semakin besar nilainya maka objek akan semakin ke kanan
Sedangkan jika nilai EF semakin kecil atau semakin besar H C min 9 nya maka objek akan lebih ke kiri.
Supaya lebih jelas saya akan mendemokan sebuah contoh menggerakan objek ke kiri dan ke kanan.
>ulanya anda buat sebuah objek, misalnya lingkaran dengan menggunakan o-al tool. Tekan
Shift pada keyboard saat membuat lingkaran agar lingkaran jadi proporsional, lalu klik kanan objek
lingkaran yang baru kita buat, klik con-ert to symbol. Ialu rubah menjadi mo-ie clip pada panel
con-ert to symbol. Setelah dirubah menjadi mo-ie clip masuk ke panel action.

Gambar 7.2
9eruba( objek menjadi 9o5ie c!ip
pastikan anda berada pada mo-ie clip. Ialu ketik script di bawah ini.
on'(ip)&ent (enterFra*e) {
+, = +,#-.
}
Tekan :trl75nter untuk tes mo-ie.
Gambar 7.-
:er(atikan ;uang tempat anda mengetik script
!enjelasan --2 .nclip5-ent adalah sebuah script untuk mo-ie clip, enter/rame nama e-entnya ketika
mo-ie clip dijalankan. EF property horiGontal 7% nilai pergerakan objek, semakin besar nilai pengger-
aknya semakin cepat objek bergerak .
Sekarang kita akan mencoba menggerakan objek ke kiri. Buat lagi sebuah objek pada layar ker-
ja flash anda. &bah objek yang baru anda buat menjadi mo-ie clip, ulangi tahap-tahap diatas. Ialu
ketik script diatas pada panel action objek baru, tapi rubah 7 menjadi H C EFBEF-%9. Sekarang tes
mo-ie.
Ialu bagaimana caranya menghentikan gerakan mo-ie clip kita supaya tidak terus berjalan ke
kanan atau kiri lalu pergi dan menghilang begitu saja.
on'(ip)&ent (enterFra*e) {
if ( +,/012 ) {
+, = +,#-.
}
}
Tes mo-ie clip )), sekarang mo-ie clip berhenti pada posisi F di #@$Jkenapa===
+arena pada script di atas kita memberikan perintah i0 ( <=12+0 . ;adi ketika EF lebih kecil dari
#@$ maka perintah 2 <= # <=&-% 3 di jalankan. >asih ingat khan struktur kondisi if == kalau lupa lihat
lagi halaman di atas tentang struktur kondisi. Ialu bagaimana kalau objeknya mau kita gerakan ke atas
atau ke bawah==. Seperti yang telah saya jelaskan sebelumnya EF melambangkan horiGontal sedangkan
Ey kebalikannya yaitu melambangkan -ertikal pada objek, jadi kalau anda mau merubah pergerakan
objek menjadi ke atas atau ke bawah anda cukup mengganti EF menjadi Ey.
Sekarang kita akan mencoba membuat animasi membesar dan memperkecil ukuran objek den-
gan menggunakan property EFscale dan Eyscale. Sintaknya masih sama seperti menggerakan objek ke
kanan dan ke kiri, hanya EF atau Ey nya kita ganti menjadi EFscale atau Eyscale. Sekarang hapus syntak
pada panel action. Ialu ketik syntak dibawah ini.
on'(ip)&ent (enterFra*e) {
+,sca(e = +,sca(e#-.
}
Tes mo-ie, ukuran objek berangsur-angsur berubah. Supaya objek berubah ukurannya propor-
sional anda juga harus merubah ukuran Ey C-ertikal9-nya, jadi syntaknya adalah
on'(ip)&ent (enterFra*e) {
+,sca(e = +,sca(e#-.
+ysca(e = +ysca(e#-.
}
&ntuk property Erotation dan Ealpha silahkan anda berkreasi sendiri, karena saya rasa anda telah
mengerti semua arti dari syntak diatas anda tinggal merubah nama property yang akan dirubah atau di-
manipulasi. ;ika anda telah mencoba property Erotation dan Ealpha saya sarankan sekarang anda mebu-
at mo-ie clip lebih dari satu dengan fungsi property yang berbeda. >isalkan % buah lingkaran dengan
warna yang berbeda-beda. ' lingkaran bergerak ke kiri lalu lingkaran kedua bergerak ke bawah
K.' mengerakan mo-ie clip menggunakan keyboard
!ada bagian kali ini kita akan membuat sebuah mo-ie clip yang gerakannya di control oleh tan-
da panah di keyboard. Buatlah sebuah objek lalu ubah objek tersebut menjadi mo-ie clip, misalnya kita
mau membuat objek lingkaran. +lik objek o-al pada tool atau tekan . pada keyboard, lalu rubah objek
lingkaran yang baru kita buat menjadi mo-ie clip dengan cara klik kanan objek tersebut lalu klik :on-
-ert to symbol atau klik objek lalu klik edit 2 con-ert to symbol atau pake cara paling gampang klik
objek lalu tekan /A. !ada panel con-ert to symbol, klik type 8 mo-ie clip lalu .+.
Buka panel "ction ketik script dibawah ini pada panel "ction Cpastikan anda berada di posisi >o-ie
:lip9
on5lipE8ent %enterFra*e, -
i$ %Ke0.is1o&n%Ke0.#I;T,,-
<= 7 <=>3
.
.
Test mo-ie,
!enjelasan --2 seperti yang telah di jelaskan pada bagian sebelumnya onclip5-ent adalah sebuah script
untuk mo-ie clip, dan enter/rame nama e-entnya ketika mo-ie clip dijalankan.
i0(ke).is>own(8e).;?G@A adalah kondisi, kira-kira begini artinya8 ;ika key di tekan, key yang kanan
L EF B EF7@ M ini perintahnya. ;adi kaloN kondisi key kanan di tekan, komputer akan menjalankan per-
intah EF di tambah @. &ntuk merubah gerak mo-ie clip ke kiri rubah saja 7 nya jadi H maka gerakanya
akan berubah ke kiri. &ntuk lebih jelasnya ketik script gerak ke kiri di bawah scrip gerak ke kanan.
on'(ip)&ent (enterFra*e) {
if (Key!is3own(Key!4I56%)){
+, = +,#1
}
{ if (Key!is3own(Key!$)F%)){
+, = +,71
}
}
test mo-ie clip tekan tanda panah kiri lalu tanda panah kanan di keyboard anda...
Sekarang tugas anda adalah membuat mo-ie clip yang bisa bergerak ke atas dan kebawah di
kontrol oleh keyboard.
TAAP ?
This

+ali ini kita akan membahas this. This adalah sebuah fungsi dimana kita akan meggunakannya
ketika syntak yang kita tulis di panel action berada di luar mo-ie clip tersebut. Supaya anda bisa lebih
jelas tentang this sekarang kita akan mencoba menggerakan % objek mo-ie clip tapi menulis scriptnya
di dalam ' tempat, tidak seperti penulisan syntak sebelumnya dimana kita menulis syntak tiap mo-ie
clip berada pada ruangan mo-ie clip tersebut di panel action. &ntuk melakukan hal tersebut kita akan
menggunakan satu kata baru di dalam script yaitu t(is.
Buat % buah objek lingkaran dengan o-al tool dengan warna yang berbeda-beda. &bah satu per
satu objek objek terebut menjadi mo-ie clip, lalu pada panel properties beri nama sesuai warnanya, beri
Emc dibelakang nama mo-ie clip agar ketika di panel action akan lebih memudahkan anda dalam
penulisan script.
>isalnya kita buat % buah lingkaran dengan nama orangeEmc, biruEmc, hijauEmc.
Gambar 4.1
meruba( nama objek pada properties
buka panel action lalu ketik script dibawah ini8
orange+*c!on)nterFra*e = function( ) {
this!+, = this!+,#1.
}.
Sekarang tes mo-ie clip, lihat objek orangeEmc. Ia bergerak sendiri dan yang lain tetap dalam
keadaan diam. Ini karena ketika kita mengetik script kita hanya memanggil orangeEmc tidak dengan
yang lain. Sekarang tugas anda adalah membuat semua mo-ie clip bergerak tapi dengan kecepatan
berbeda-beda Canda sudah mengerti kan gimana caranya ==9. +alau masih bingung juga boleh intip
script di bawah
>isalnya mo-ie clip orange nilainya @, lalu mo-ie clip hijau nilainya %, mo-ie clip nilainya K8
orange+*c!on)nterFra*e = function( ) {
this!+, = this!+,#1.
}.
8iru+*c!on)nterFra*e = function( ) {
this!+, = this!+,#-.
}.
hi"au+*c!on)nterFra*e = function( ) {
this!+, = this!+,#9.
}.
Sekarang saya harap anda sudah mengerti fungsi t(is. A(is ditulis ketika anda bukan berada didalam
mo-ie clip pada panel action. "nda hanya tinggal mengetik nama mo5ie
c!ip.onBnterCrame#0unction( 2 t(is.( propert)#t(is.( propert).perinta(% 3.
TAAP @
<root
Eroot hampir mirip seperti Ethis, memang sulit menjelaskannya tapi mudah-mudah penjelasan saya bisa
membuat anda sedikit mengerti. Eroot kita gunakan untuk mendefinisikan atau memanggil suatu mo-ie
clip karena target mo-ie clipnya sulit untuk dijangkau dan terlalu repot jika menulis script pada tiap-
tiap panel action mo-ie clip. Biar makin jelas kita langsung pratekkan saja
buat sebuah flash document baru, buat sebuah lingkaran rubah lingkaran tadi jadi mo-ie clip ubah
nama mo-ieclip di panel properties jadi satuEmc. +lik frame ' di timeline Ialu ketik script dibawah
pada pada panel action
+root!on)nterFra*e = function() {
satu+*c!+, = satu+*c!+,#:.
}.
Tes mo-ie.>o-ie clip satuEmc bergerak walaupun kita tidak menulis script di panel action pada frame
' bukan satuEmc. Bisa di bilang root adalah layar kerja pada flash document yang kita buat. Supaya
anda lebih jelas lagi sekarang klik # kali mo-ie clip satuEmc Clingkaran yang anda buat9. Buat lagi
lingkaran baru dengan ukuran lebih kecil dan warna yang berbeda, ketika membuat lingkaran baru
jangan di dalam gambar lingkaran yang anda telah buat karena akan menghapus lingkaran yang telah
ana buat. Sekarang rubah lingkaran baru tersebut jadi mo-ie clip, pada panel properties rubah namanya
jadi duaEmc, letakan lingkaran baru anda <duaEmc di tengah satuEmc. Sekarang kita kembali lagi ke
scene ' Clihat panel di atas timeline9
gambar D.1
dua<mc berada ditenga( satu<mc
pada panel action hapus script yang tadi anda ketik rubah jadi
+root!on)nterFra*e = function() {
satu+*c!dua+*c!+y = satu+*c!dua+*c!+y#:.
}.
tes mo-ie. Sekarang satuEmc dalam keadaan diam tapi duaEmc yang bergerak. Bagaimana sudah
mengerti kan fungsi Eroot =. +ita anggap saja root adalah lembar kerja flash satuEmc.duaEmc.Ey
dalam satuEmc ada duaEmc dan duaEmc memiliki property Ey. ;adi pertama kita panggil dulu satuEmc
lalu duaEmc setelah itu baru property yang ingin kita gunakan.
0aftar !usaka8
Oeembry, '#% Tip P Trik "ction Script /lash >Q #$$D, 5leF >edia +omputindo
>ichael 1illiams "ctionScript :oding Standards.
www. >acromedia.com