Yoshh kembali lagi sekarang kita ke flash, kali ini saya mau memperkenalkan jurus masking dan membuat mouse pointer sendiri pada flash 8 dan sedikit action script 2.0 didalamnya. Ini saya buat contoh dengan kedua teknik tersebut, coba cari ada berapa totoro disitu? :p



Yang pertama kali saya bahas Mouse Pointer dulu ya.

Membuat Mouse Pointer Sendiri

Mouse pointer itu ya cursor itu, tapi mungkin aja temen2 pernah kepikiran gimana ya biar cursornya sesuai dengan tema flash yang dibuat? Saya ingin mengatakan bahwa anda datang di tutorial yang tepat! caranya cukup gampil kok, cukup 2 langkah! apa?!! hanya dengan 2 langkah saja? ya benar 2 langkah saja!. Ok, lebay amat tadi, sekarang langsung ke langkah pertamax.

Langkah pertamax :

1. Buat Movie clip yang akan dijadikan mouse pointer, berikan nama (misal) pada instance name-nya : myMouse. Penamaan terserah, ini nantinya akan dipanggil di action script.


2. Pada frame 1 layer 1, tuliskan action scriptnya seperti ini nih

//Fungsi menyumpetkan mouse pointer yang asli
Mouse.hide();
//Fungsi menggerakan si newMouse sesuai gerakan cursor
newMouse.onMouseMove = function() {
this._x = _xmouse;
this._y = _ymouse;
updateAfterEvent();
};

Yosshh, selesai. Contohnya seperti yang di bawah nih.



Teknik Masking

Sekarang kita mulai belajar teknik masking, buat apaan nih teknik masking? teknik masking itu salah satu fasilitas yang disediakan oleh flash untuk membatasi tampilan mana yang ingin diperlihatkan.

Masih bingung? analoginya gini nih saya punya dua kertas warna (hijau dan merah). Kertas hijau berada diatas kertas merah, yang saya mau ada lingkaran warna merah di kertas hijau. Lalu gimana caranya? ya berarti saya harus melubangi kertas hijau tepat ditengah berbentuk lingkaran kan, beres deh.

Hohoho, seperti itulah contoh analoginya moga2 udah ga bingung ya. Ok sekarang biar lebih seru kita buat kertas-kertas tadi.

Langkah PertamaX

Buat kertas2 tadi dengan cara membuat kotak warna hijau pada layer 1 dan berikan nama kertas bawah hijau. lalu buat layer baru dan beri nama kertas atas merah.

Langkah KeduaX

buat layer baru dan berikan nama masking. Pada layer ini buat lingkaran dengan warna terserah dan jadikan movie clip. Berikan efek gerak pada movie clip ini ke kanan dan kekiri.

Langkah KetigaX

Ubah urutan mulai dari layer paling atas ke bawah jadi masking-kertas bawah merah-kertas atas hijau. Kemudian klik kanan pada layer masking dan pilih mask.

Okeh beres deh. Gampil kan hehe, silahkan dikembangkan sendiri ya.

Suwun.

Kali ini kita belajar tentang listener pada action script 2.0 di flash,

Saya coba cari referensi di F1 flash itu seperti ini :

Event listeners let an object, called a listener object, receive events broadcast by another object, called a broadcaster object. The broadcaster object registers the listener object to receive events generated by the broadcaster. For example, you can register a movie clip object to receive onResizenotifications from the Stage, or a button instance could receive onChanged notifications from a text field object. You can register multiple listener objects to receive events from a single broadcaster, and you can register a single listener object to receive events from multiple broadcasters.

1. Buku gambar sebagai area untuk menggambar, kadang-kadang tembok juga media yang bagus :p.
2. Alat tulis.
3. Penghapus.

Ok, lalu listenernya di bagian mana? buku gambar, alat tulis, dan penghapus itu diam terus kan. Gak mungkin buku gambarnya buka halaman sendiri trus pensilnya gerak sendiri. Kalo bisa serem juga mungkin dumbledore lagi iseng :). Nah, kita butuh sebuah penggerak yaitu tangan kita yang dianalogikan sebagai listener, dimana tangan dapat menghandle beberapa fungsi seperi membuka buku gambar, menggambar, dan menghapus. Gimana udah mulai kebayang? insyaAllah.

Sekarang kita translasikan ke flash ya jadi kita akan membuat suatu kanvas sebagai tempat menggambar tanpa menggunakan motion jadi semuanya full script, agar lebih jelas silakann anda coba menggambar di canvas/'buku gambar' yang sudah disediakan di bawah dengan cara men-drag mouse dan menggerakannya. Jika ingin menghapus tekan spasi.

Scriptnya seperti berikut.



Kali ini gak saya paste source codenya, biar latihan ngetik sendiri ya hehe. script diatas diletakkan pada frame 1 layer 1, cukup 1 frame saja.

Penjelasan script :

Baris :

1. Membuat movie clip dengan nama areaGambar, dan kedalamannya 1.
2. Pertama kali variable gambar dibuat false.
4-9. Ini yang disebut listener, kita membuat listener dengan nama keyListener yang berfungsi menghapus areGambar jika menekan tombol spasi.
10. Mengaktifkan keyListener
12-17. Sekarang membuat listener untuk menggambar. Apabila mouse ditekan maka mulai mengassign garis dengan properties ketebalan 3, RGB-nya #333333, dan alpha=100.
19-24. Listener yang berfungsi menggambar apabila mouse di gerakkan.
26-28. Listener untuk menghentikan gambar ketika mouse dilepas.
29. Mengaktifkan mouseListener.

Sekian, semoga membantu.

Bagaimana action script untuk mengontrol suara pada flash?
caranya simple kok, cukup 1 frame saja.
Jadi perhatikan ya scriptnya :).




Skenarionya seperti berikut, kita akan membuat player flash sendiri yang nantinya bisa kita pamerin di blog/website/friendster :). Kita mempunyai lagu misal ourhouse[phantom planet].mp3 , kemudian ada tombol play dan tombol stop di satu frame.

Langkah-langkahnya :

1. Import File mp3-nya dengan cara klik File -> Import -> Import to library.
2. Pada library-nya klik kanan .mp3 nya pilih linkage, centang Export for ActionScript dan Export in first frame. Beri nama identifiernya : ourHouse
3. Sekarang buat 2 tombol, berikan masing-masing dengan nama instance : play_btn dan stop_btn.
4. Sekarang ketikkan actionscript pada frame 1 seperti berikut :

laguKu = new Sound();
play_btn.onRelease = function() {
laguKu.attachSound("ourHouse");
laguKu.start(0, 3);
};
stop_btn.onRelease = function() {
laguKu.stop();
};