16 Cara Mengontrol Movie Clip (onClipEvent) Pada Macromedia Flash 8
Selain simbol button, movie clip
juga merupakan simbol yang bisa diberi action script. Berikut berbagai cara
mengontrol movie clip :
Menjalankan Movie Clip Dengan Sistem Koordinat (Sumbu X dan Sumbu Y)
Sebelumnya, saya akan menjelaskan
perbedaan sistem koordinat antara pada rumus Matematika dan sistem koordinat
pada layar komputer.
Sistem Koordinat Pada Rumus Matematika :
Untuk sumbu x
semakin ke kiri, maka nilai x semakin kecil. Sebaliknya, semakin ke kanan, maka
nilai x semakin besar.
Untuk sumbu y
semakin ke bawah, maka nilai y semakin kecil. Sebaliknya, semakin ke atas, maka
nilai y semakin besar.
Sistem Koordinat Pada Layar Komputer :
Untuk sumbu x semakin
ke kanan, maka nilai x semakin besar. Sebaliknya semakin ke kiri, maka nilai x
semakin kecil.
Untuk sumbu y
semakin ke bawah, maka nilai y semakin besar. Sebaliknya, semakin ke atas, maka
nilai y semakin kecil.
Untuk menjalankan movie clip menuju
stage, masukkan Action Script di dalam movie clip dengan mengklik objek movie
clip tersebut.
Action Script yang digunakan adalah
:
onClipEvent(enterFrame){_x=nilai sumbu x;_y= nilai
sumbu y;}
Keterangan : Tulisan berwarna merah
diganti dengan angka, tidak perlu menggunakan tanda kutip. Jangan menggunakan
spasi dalam penulisan action script.
Jika kamu menaruh movie clip di sudut kiri atas stage, paling tidak kamu harus memasukkan angka 10 agar terlihat pergeserannya.
Jika kamu menaruh movie clip di sudut kiri atas stage, paling tidak kamu harus memasukkan angka 10 agar terlihat pergeserannya.
Atau
onClipEvent(load){_x =nilai sumbu x;_y =nilai
sumbu y; }
Keterangan : Kalimat koordinat
sumbu x dan koordinat sumbu y jangan diganti dengan angka. Yang diganti dengan
angka hanya yang diberi warna merah.
Perbedaan menggunakan
onCliptEvent(enterFrame) dan onCliptEvent(load) adalah :
onClipEvent(enterFrame) adalah perintah untuk movie clip
sepanjang frame tempat movie clip tersebut aktif.
onClipEvent(load) adalah perintah
untuk menjalankan movie clip sekali saja, yaitu ketika movie clip tersebut
diload (ditampilkan).
Keterangan : Perbedaan tersebut baru dapat
terlihat jika kamu sudah membuat suatu animasi pada frame-frame awal dan baru
meletakkan atau memfungsikan Action Script tersebut pada movie clip yang ada dalam
frame selanjutnya.
Kamu bisa
menjalankan banyak movie clip dengan Action Script tersebut di atas.
Memperbesar Skala Atau Ukuran Movie Clip
Ukuran
normal atau setelan default suatu objek adalah 100. Jika kamu memasukkan nilai
di bawah 100, maka objek akan menjadi lebih kecil. Sebaliknya, jika kamu
memasukkan nilai di atas 100, maka objek akan menjadi lebih besar.
Action
Script menggunakan _xscale dan _yscale, seperti berikut :
onClipEvent(load){
_xscale=nilai skala;
_yscale=nilai skala;}
Keterangan : Kamu bisa mengganti load dengan
enterFrame sesuai keperluan kamu. Nilai skala diganti dengan angka.
Untuk
mengubah lebar menggunakan _xscale. Untuk mengubah tinggi movie clip
menggunakan _yscale. Kamu tidak perlu memasukkan antara keduanya, cukup sesuai
kebutuhan kamu saja.
Menghilangkan Dan Menampakkan Movie Clip Dalam Frame
Untuk
menghilangkan dan menampakkan movie clip gunakan Action Script : _visible .
Action Script ini biasanya diperlukan dalam pembuatan game action dan adventure
terutama di dalam movie clip atau objek musuh.
Action Script pada frame 1 diletakkan di dalam movie
clip dengan script :
onClipEvent(enterFrame){_visible=false;}
Action Script untuk menampakkan kembali movie clip
dengan script :
onClipEvent(enterFrame){_visible=true;}
Keterangan : Action Script untuk menampakkan
kembali movie clip ditaruh pada frame berikutnya, tapi masih di dalam movie
clip tersebut dengan cara menekan F6 (insert -> timeline -> keyframe)
pada frame berikutnya.
Membuat Movie Clip Tampak Transparan
Jika kamu mempunyai imajinasi membuat animasi kartun yang memiliki kemampuan menghilangkan diri, seperti halnya Harry Porter, mungkin kamu membutuhkan Action Script ini.
Action Script untuk membuat movie
clip tampak transparan :
onClipEvent(enterFrame){_alpha=nilai transparancy;}
Keterangan : Nilai transparancy
diganti dengan angka antara 0 – 100. Jika angka semakin kecil dari 100, maka
movie clip semakin transparan. Jika kamu memasukkan angka 0, maka movie clip
tidak akan tampak, sehingga hampir sama dengan action script _visible=false.
Membuat Movie Clip Berotasi
Action Script :
onClipEvent(enterFrame){_rotation+=nilai kecepatan;}
Atau
onClipEvent(enterFrame){_rotation-=nilai kecepatan;}
Keterangan : Jika kamu ingin membuat movie clip berputar ke arah
kiri kita, gunakan tanda minus, sedangkan jika kamu ingin membuat movie clip
berputar ke arah kanan kita atau searah dengan arah jarum jam, gunakan tanda
plus.
Untuk nilai kecepatan terkecil
adalah 1, sedangkan untuk nilai kecepatan terbesar adalah tidak terbatas.
Semakin kecil angka yang kamu masukkan untuk nilai kecepatan, maka rotasi movie
clip akan semakin lambat dan sebaliknya.
Mengubah Ukuran, Rotasi Atau Penampakan Movie Clip Menggunakan Tombol
Untuk mengontrol movie clip mulai
dari ukuran, rotasi, penampakannya atau salah satu saja dengan menggunakan
tombol, maka memerlukan Action Script : setProperty dengan syarat movie clip
harus diberi nama terlebih dahulu pada bagian instance name.
Untuk pemberian nama spasi diganti
dengan _ atau sebaiknya tidak perlu ada spasi.
Selain itu, jangan menggunakan tanda baca apa pun. Jika ingin memasukkan
angka, harus disertai dengan huruf.
Action Script :
on(release){setProperty(“instance
name”,_xscale,nilai skala);
setProperty(“instance
name”,_yscale,nilai skala);}
Keterangan : Jika pada action script sebelumnya
menggunakan sama dengan (=), untuk action script mengubah property movie clip
dengan tombol adalah menggunakan koma (,).
Satu tombol dapat mengubah property apa pun untuk satu movie
clip. Jika kamu ingin mengubah transparancy movie clip, kamu tinggal
menambahkan di bawah Action Script di atas :
on(release){setProperty(“instance name”,_alpha,nilai transparancy);}
Selalu kembali masukkan action script on(release), setProperty dan selalu di tutup kurung kurawal (}).
Mengontrol Ukuran, Rotasi Atau Penampakan Movie Clip Dengan Mouse
Selain dengan menggunakan tombol,
kamu bisa mengontrol ukuran, rotasi dan penampakkan movie clip dengan mouse
(mouseMove).
Action Script :
onClipEvent(mouseMove){
_root.instance name movie clip._xscale=(_root._xmouse/lebar stage)*nilai
skala;
_root.instance name movie clip._yscale=(_root._ymouse/tinggi stage)*nilai
skala;
_root.instance
name movie clip._alpha=(_root._xmouse/lebar stage)*nilai transparancy;
_root.instance
name movie clip._alpha=(_root._ymouse/tinggi stage)*nilai transparancy;
updateAfterEvent;}
Keterangan : Untuk instance name movie clip tidak perlu diberi tanda kutip.
Untuk melihat ukuran stage dengan cara menekan ctrl+J. Untuk nilai skala dan
nilai transparancy diganti dengan angka sesuai ketentuan yang sudah dijelaskan
sebelumnya.
Jika kamu tidak ingin mengubah
penampakkan movie clip, hapus action script yang _alpha.
Jika ingin mengontrol rotasi movie clip
tambahkan action script sebelum updateAfterEvent dengan action script
_rotation. Untuk nilai rotasi atau setelah tanda *, masukkan derajat rotasi,
tapi tidak perlu menggunakan simbol derajat, misal 30, 45, 90, 180 atau 360.
Mengubah Ukuran, Rotasi, Penampakan Movie Clip Tanpa Tombol Dan Mouse
Action Script :
onClipEvent(enterFrame){_x=_x+nilai kecepatan bergerak ke kanan;
_rotation=_rotation+nilai kecepatan rotasi;
_xscale=_xscale+nilai skala;
_yscale=_yscale+nilai skala;
_alpha=_alpha-nilai transparancy;}
Keterangan : Masing-masing tulisan yang berwarna merah diganti
dengan angka. Untuk nilai kecepatan bergerak ke kanan, jika lebih besar dari
angka satu, maka akan lebih cepat bergerak ke kanan.
Jika kamu ingin movie clip bergerak
ke kiri, maka ganti _x=_x+nilai kecepatan bergerak ke kanan dengan _y=_y+nilai
kecepatan bergerak ke kiri. Tetapi dengan syarat, movie clip harus ditaruh di
sebelah kanan dari sisi stage.
Untuk nilai kecepatan rotasi,
paling kecil atau paling lambat adalah 10. Jika kurang dari 10, maka akan
didahului oleh fungsi transparancy atau movie clip lebih dulu menghilang dari
pandangan daripada berputar.
Untuk nilai skala, paling kecil
adalah angka 1. Begitu pun dengan nilai transparancy, paling kecil adalah angka
1. Jika kamu memasukkan angka di atas 1 untuk nilai transparancy, maka movie
clip akan lebih cepat menghilang dari pandangan.
Membuat Movie Clip Memantul Ke Kanan Dan Ke Kiri
Action Script :
onClipEvent(load){
n=-nilai kecepatan;}
onClipEvent(enterFrame){
_x=_x+n;
if((_x<0)or(_x>lebar stage)){
n=-(n);
}}
Keterangan : Tulisan berwarna merah diganti dengan angka. Untuk
nilai kecepatan terkecil adalah 1, maka movie clip akan bergerak sangat lambat.
Untuk memberi efek memantul, mungkin sebaiknya kamu memasukkan angka 50.
Membuat Movie Clip Memantul Ke Atas Dan Ke Bawah
Action Script :
onClipEvent(load){n=-nilai kecepatan;}
onClipEvent(enterFrame){_y=_y+n;
if((_y<0)or(_y>tinggi stage)){
n=-(n);
}}
Membuat Movie Clip Kedap-Kedip
Action Script :
onClipEvent(load){n=-nilai kecepatan;}
onClipEvent(enterFrame){_alpha=_alpha+n;
if((_alpha<0)or(_alpha>100)){n=(-n);}}
Keterangan : Untuk nilai
kecepatan yang terkecil adalah 1. Angka 0 setelah _alpha< bisa diganti
dengan angka yang lebih besar dari 0, tapi jika diganti movie clip tidak akan
terlihat benar-benar hilang dari pandangan.
Membuat Movie Clip Berotasi Bolak-Balik Pada Porosnya
Action Script :
onClipEvent(load){n=nilai kecepatan;}
onClipEvent(enterFrame){_rotation=_rotation+n;
if((_rotation==0)or(_rotation==nilai derajat)){n=(-n);}}
Keterangan : Tulisan yang berwarna merah diganti dengan angka.
Untuk nilai derajat tidak perlu memasukkan simbol derajat.
Mengontrol Movie Clip Ke Atas, Ke Bawah, Ke Kanan Dan Ke Kiri Dengan
Tombol
Sebelumnya kamu harus membuat empat
tombol di layer yang berbeda dengan movie clip.
Action Script:
Untuk Tombol Ke Atas
on(release){instance name._y=instance name._y-nilai kecepatan;}
Untuk Tombol Ke Bawah
on(release){instance name._y=instance name._y+nilai kecepatan;}
Untuk Tombol Ke Kanan
on(release){instance name._x=instance name._x+nilai kecepatan;}
Untuk Tombol Ke Kiri
on(release){instance name._x=instance name._x-nilai kecepatan;}
Keterangan : Instance name diganti dengan nama movie clip. Nilai
kecepatan terkecil adalah 1. Jika pada percobaan pertama tombol tidak
berfungsi, coba buat ulang tombol tersebut.
Menjalankan Movie Clip Ke Atas, Ke Bawah, Ke Kanan Dan Ke Kiri Dengan
Keyboard
Action Script untuk menjalankan
movie clip dengan keyboard ditulis dalam movie clip tersebut.
Action Script:
onClipEvent (enterFrame) {if (Key.isDown(Key.RIGHT)) {_x++;}
if (Key.isDown(Key.LEFT)) {_x--;}
if (Key.isDown(Key.UP)) {_y--;}
if (Key.isDown(Key.DOWN)) {_y++;}}
if (Key.isDown(Key.LEFT)) {_x--;}
if (Key.isDown(Key.UP)) {_y--;}
if (Key.isDown(Key.DOWN)) {_y++;}}
Keterangan : Jika menggunakan Action Script di atas, movie clip hanya berjalan persatu langkah atau
terlihat sangat lambat.
Agar movie clip berjalan lebih
cepat dengan menggunakan keyboard gunakan action script berikut :
onClipEvent(enterFrame){if(Key.isDown(Key.RIGHT)){this._x+=nilai kecepatan;}
if(Key.isDown(Key.LEFT)){this._x-=nilai kecepatan;}
if(Key.isDown(Key.UP)){this._y-=nilai kecepatan;}
if(Key.isDown(Key.DOWN)){this._y+=nilai kecepatan;}}
Keterangan : Nilai kecepatan dari 10 ke atas. This mengartikan
movie clip yang sekarang akan digerakan. Penulisan tanda plus dan minus jangan
di belakang sama dengan (=) karena akan lain artinya.
Penulisan tanda plus dan minus di
depan sama dengan (=) mengartikan :
_x+ : movie clip berjalan pada
sumbu x ke arah kanan
_x- : movie clip berjalan pada
sumbu x ke arah kiri
_y+ : movie clip berjalan pada
sumbu y ke arah bawah
_y- :
movie clip berjalan pada sumbu y ke arah atas Merubah Warna Movie Clip Dengan Tombol
Action Script ini tidak bisa
digunakan untuk movie clip atau objek dengan banyak warna, seperti kartun dan
lain-lain. Action Script ini hanya berlaku untuk movie clip yang memiliki satu
warna.
Action Script :
Untuk Mengubah Movie Clip Menjadi
Warna Merah
on(release){myColorObject=new
Color(_root.instance name);
myColorObject.setRGB(0x990000);}
Keterangan : Penulisan new Color memang dengan spasi atau sampai
warna tulisan berwarna biru di dalam panel Action Script. Instance name diganti
dengan nama movie clip. Angka 990000 adalah kode untuk warna merah. Kode warna
dapat dilihat di sebelah warna yang ditunjuk setelah mengklik fill color atau stroke color, tepat di sudut kiri atas.
Menduplikasi Movie Clip Dengan Tombol
Action Script :
on(release){duplicateMovieClip(_root.instance name,"instance
nameCopy",2);
setProperty(_root.instance nameCopy,_x,_root.instance name._x+nilai sumbu x atau
nilai jarak);
setProperty(_root.instance nameCopy,_yscale,nilai
tinggi);}
Keterangan : angka 2 tidak diganti dengan angka apa pun. Nilai
jarak untuk posisi di sudut kiri atas adalah angka 1. Nilai tinggi terkecil agar semakin pipih adalah
angka 1. Instance name diganti dengan nama movie clip. Untuk penulisan instance
name Copy, kata Copy jangan diberi spasi dengan nama movie clip, misal “mcCopy”.
Untuk menghilangkan duplikasi
dengan tombol menggunakan action script :
Komentar
Posting Komentar