Membuat fungsi sendiri (bag.2)

•April 27, 2009 • Tinggalkan sebuah Komentar

Kmren kt udah coba membuat fungsi sendiri, nah sekarang penjelasan skripnya. Untuk flasher pemula..silahkan diikuti, tapi kalo udah advanced…silahkan lewat,,he3..

Pernahkah kamu pake skrip gotoAndPlay(2); atau gotoAndPlay(“start”); pada flash???? Nah itu contoh sebuah fungsi. Fungsi yang udah ada dan siap kita pake itu dinamakan predefined function. Fungsinya udah disiapin ama si pembuat flash, nah kita tinggal mengatur beberapa parameter. Perhatikan angka 2 dan kata start diatas, itulah sebuah parameter atau nilai yang harus dimasukkan agar fungsinya jalan. Walaupun tanpa parameter pun fungsi masih bisa jalan, contohnya pada skrip stop(), play(), prevFrame() dll.

Kenapa ada fungsi yang perlu parameter dan ga, ya itu cuma sesuai kebutuhan aja. Kita bisa membuat fungsi yang memerlukan parameter dan ga perlu itu tergantung kita. Seperti contoh fungsi yang kita buat kmren.

Untuk membuat fungsi digunakan keyword function setelah itu diikuti dengan nama fungsi (bebas)->function imgAlpha. Dibelakangnya  diikuti parameter, kalo fungsinya perlu parameter isikan variabel didalam tanda kurung->(objek, alphaAwal, alphaAkhir) nilai2 dari variabel inilah nanti yang akan di-assign (dimasukkan mungkin -red) apakah itu kedalam variabel lain dalam fungsi atau ke objek property. Namun kalo ga perlu parameter, didalam tanda kurung dikosongkan (). Langkah akhir adalah membuat blok kode dengan tanda kurawal {}. Nah didalam blok kode kita tambahkan kode2 yang diperlukan.

Struktur fungsi yang kmren adalah sbb.
function imgAlpha (objek, alphaAwal, alphaAkhir) {  //1
objek.onRollOver = function() { //2
this._alpha = alphaAkhir;//3
};
objek.onRollOut = function() {//4
this._alpha = alphaAwal;//5
};
}

Baris penjelasan :
1. Nama fungsi imgAlpha, parameter variabel objek, alphaAwal, alphaAkhir.
2. Variabel objek nanti akan diisi dengan nama dari objek distage (contoh : ball_mc). objek ditambahkan event onRollOver (kursor mouse berada diatas objek).
3. Objek property: alpha nilainya akan tergantung dari parameter variabel alphaAkhir. Jadi pas kursor mouse diatas objek, alpha (transparansi) objek akan berubah sesuai dengan nilai yang dimasukan pada variabel alphaAkhir.
4.  Variabel objek nanti akan diisi dengan nama dari objek distage (contoh : ball_mc). objek ditambahkan event onRollOut (kursor mouse meninggalkan objek).
5. Objek property alpha nilainya akan tergantung dari parameter variabel alphaAwal. Jadi pas kursor mouse meninggalkan objek, alpha (transparansi) objek akan berubah sesuai dengan nilai yang dimasukan pada variabel alphaAwal.

Penggunaannnya :

imgAlpha(_root.mc1,100,50);
>> Sebutkan nama fungsi kemudian isi nilai dari parameter variabelnya. Misalnya diatas. Nama objek adalah mc1, alphaAwal =100. Berarti pas kursor mouse meninggalkan objek, alpha (transparansi objek menjadi 100->normal), alphaAkhir=50 berarti pas kurosr mouse diatasnya, maka alpha(transparansi objek) menjadi 50.

Sekian mudah2an bermanfaat…

Hasilnya bisa dilihat di bagian page demo flash.

Membuat fungsi sendiri di flash

•April 20, 2009 • Tinggalkan sebuah Komentar

Untuk aplikasi yang agak rumit, penggunaan fungsi itu adalah keharusan. Dengan fungsi, kita dapat mengurangi penulisan kode ulang. Sehingga penulisan kode bisa lebih efisien.

Kenapa bisa lebih efisien?? karena kita bisa menulis sekumpulan kode didalam fungsi dan sebuah fungsi dapat digunakan oleh beberapa objek. Jadi untuk setiap objek kita tidak perlu menulis kode ulang.

Untuk lebih jelasnya simak kasus berikut.

Ada 5 gambar, ketika mouse over diatas sebuah gambar maka transparansi(alpha) gambar itu akan menurun, dan transparansi(alpha) kembali kesemula ketika mouse meninggalkan gambar“.
Umumnya kita akan menulis sekumpulan skrip untuk 1 gambar, dan sekumpulan skrip untuk gambar lain. Tetapi dengan fungsi, skripnya bisa dihemat dan lebih pendek.

Sekarang kita coba membuat fungsi sederhana

1. Buat 5 buah Movie Clip di stage pada sebuah layer. Namakan masing2 mc1,mc2,mc3,mc4,mc5 pada panel properties.
2. Buat layer action diatasnya dan isikan kode berikut :

//membuat fungsi dengan nama imgAlpha
function imgAlpha(objek, alphaAwal, alphaAkhir) {
objek.onRollOver = function() {
this._alpha = alphaAkhir;
};
objek.onRollOut = function() {
this._alpha = alphaAwal;
};
}
//penggunaannya pada sebuah movieclip
imgAlpha(_root.mc1,100,50);
imgAlpha(_root.mc2,80,30);
imgAlpha(_root.mc3,50,100);
imgAlpha(_root.mc4,20,50);
imgAlpha(_root.mc5,70,50);

3. Sekarang tes dan coba taruh mouse diatas movie clip mc1,mc2,mc3,mc4,mc5. Lihat masing2 efek transparansi(alpha) akan berbeda pada masing2 mc. (Hasilnya bisa dilihat di bagian demo flash)

Penjelasan skripnya,..bersambung..

Bermain dengan kursor lagi

•April 16, 2009 • Tinggalkan sebuah Komentar

Kursor mouse adalah salah satu elemen visual penting dalam navigasi flash. Aplikasi akan menjadi lebih menarik dengan gambar mouse yang menarik pula. Misalkan pada sebuah game yang bertype shooting, akan lebih menarik kalau icon kursornya berupa shoot point daripada panah biasa. berikut script biar mouse kita lebih menarik.

Buat sebuah movie clip, kemudian tambahkan script berikut :

onClipEvent (enterFrame) {
this._x = this._x-(this._x-_root._xmouse)/5;
this._y = this._y-(this._y-_root._ymouse)/5 ;
}

maka MC akan mengikuti kursor dengan gerakan yang lebih halus. untuk variasi, misalnya :
- menghilangkan kursor asli, tambahkan :  Mouse.hide();
- membuat objek berkedip2, tambahkan :  this._alpha = random (100);
- agar kursor berputar, tambahkan :  this._rotation +=5;
di dalam blok kode.

Objek property pada AS di Flash (2)

•April 16, 2009 • Tinggalkan sebuah Komentar

2. Objek property pada symbol Button

Objek property untuk symbol button mirip dengan movie Clip.  tapi untuk menggunakannya kita tidak bisa langsung menambahkan scriptnya pada objek tujuan kita, lain dengan MC yang langsung bisa ditambahkan pada dirinya sendiri.

Nah untuk iplementasinya :

  1. Buat sebuah symbol Button. Beri nama instance pada panel properties dengan nama tombolKu_btn.
  2. Pada frame tambahkan script berikut.
    tombolKu_btn._width  =  500;   (ketika dites lebar tombol menjadi 500px)
    tombolKu_btn._alpha  =  50;      (ketika dites transparansi tombol adalah 50%)
    tombolKu._focusrect    =  false;  (ketika kita menekan tombol TAB di keyboard maka seleksi kuning dihilangkan dari tombol)

    selain itu ada beberapa property yang lain :
    _height
    _quality
    _rotation
    dll.

Objek property pada AS di Flash (1)

•April 11, 2009 • Tinggalkan sebuah Komentar

Seperti kita manusia yang punya mulut,telinga, rambut dll atau mobil yang punya ban, spion dll. Objek di flash juga punya. Malah objek di flash dianalogikan seperti objek di kehidupan nyata. Nah kepunyaan objek itu disebut property objek, (bukan property rumah2 besar itu..he3…).

Property sangat berguna pas kita bikin aplikasi2, web, atau game di flash. Berikut beberapa property yang di punyai objek dalam flash.

1. Property untuk Movie Clip (kalo sebuah mc dipasangin property berikut maka : )

_alpha; = 100; (mc ini punya transparansi sebesar 100%)
_visible; = false; (mc ini langsung ga muncul pas flash dibuka)
_y = 100; (mc ini terletak pada garis y dikanan stage dari titik 0,0)
_x = 100; (mc ini terletak pada garis x dibawah stage dari titik 0,0
_rotation = 50; (rotasi dari mc ini adalh 50 rad)
_xscale = 200; (mc ini membesar secara x (horizontal) sebesar 200 atau 2x aslinya)
_yscale = 200; (mc ini membesar secara y (vertical) sebesar 200 atau 2x aslinya)
_width = 500; (lebar mc ini adalah 500px)
_height = 500; (tinggi mc ini adalah 500px)

contoh penggunaannya dalam mc :
misalkan kita udah punya sebuah movie clip, nah coba tambahkan skrip berikut.

onClipEvent(enterFrame) {  //mulai fungsi mc dan blok kode

this._alpha = random (50); //property alph (transparansinya diacak
this._x = random (Stage.width); //posisi x-nya juga diacak, daerah acaknya sebesar lebar stage
this._y = random (Stage.height); //posisi y-nya diacak setinggi stagenya

}   //akhir blok kode

Bersambung…

Mengganti kursor mouse di flash

•April 11, 2009 • Tinggalkan sebuah Komentar

Sebenarnya banyak tutorial tentang ini, he3..biar tulisan saya banyak aja..tapi dibalik semua itu mudah2an berguna bagi yang benar2 pemula dalam flash.

Untuk mengganti kursor mouse di flash, sangat mudah sekali. Cuman ada 2 langkah.

1. Buat sebuah movie clip, apa aja, mau ditambahin animasi, gambar dll.
2. Kalo udah punya movie clip, tinggal pasang skrip berikut di movie clipnya, trus tes pasti mau.

onClipEvent(enterFrame) {       // 1
Mouse.hide();       //2
startDrag(this,true);       //3
}     //4

Penjelasan :

1. onClipEvent adalah fungsi untuk menghandle Event pada movie Clip. onEnterFrame adalah salah satu Event (kejadian pada mc). Fungsi ini harus selalu dipakai kalau kita ingin memasang as pada mc. Karena dengan ini mc jadi tau apa yang harus dilakukan. Sedangkan onEnterFrame adalah (simplenya) pada saat bagaimana (waktunya) melakukan sebuah kejadian. Kalo diringkas semua, pada baris 1, skripnya berbunyi :

” Pada saat flash dites (dimainkan/dibuka) selama dibuka (onEnterFrame) lakukan/jalankan skrip dibawah(skrip didalam blok skrip).”

2. Mouse.hide() adalah fungsi untuk menyembunyikan kursor mouse yang asli. Mouse itu objek dan hide() itu disebut method. Skripnya berbunyi “Saya sebuah mouse (kursor) dan melakukan persembunyian”. (he3…ngaco!!!!)

3. startDrag(this,true) adalah sebuah function (predefine function = fungsi yang udah disiapin ama si pembuat flash) jadi kita tinggal make…he3,,,,enak ya…..bunyinya ” mulai drag objek ini (movie clip ini = this), this merujuk ke mc itu sendiri. dan true adalah biar pas dititik registrasi dari mc yang kita tentukan. O ya, tarus titik registrasi di ujung mc pas buat kursornya.

4. } adalah pasangan blok kode {. jadi setelah fungsi onClipEvent untuk memasang beberapa baris kode (lebih dari 1) diperlukan blok kode untuk menampung semuanya.

Selamat mencoba!

5. O ya, hampir lupa. tanda slash double (//) diabaikan oleh as. Ga da pengaruh buat skrip kita, karna ga ada pengaruhnya jadi kita bisa taruh tulisan apa aja dibelakangnya. Biasanya ditaruh komentar buat setiap baris skrip.

Flash basic tutorial

•April 11, 2009 • Tinggalkan sebuah Komentar

Hmm…saya mau berbagi pengalaman dan pengetahuan saya di software flash…untuk itu silahkan download file presentasi flash berikut. Kalo ada kekurangan, mohon maaf karena keterbatasan saya sebagai penulisnya. Presentasi ini saya buat berdasarkan pemikiran dan kesimpulan2 saya sendiri, jadi tidak berdasarkan copas sana-sini. Jadi mungkin akan ada sedikit perbedaan pemahaman dalam isinya, semoga bisa dijadikan perbandingan. Terima Kasih.

Download 1 : Flash basic tutorial
Download 2 : Action Script basic tutorial

Image interpolation

•Februari 6, 2009 • Tinggalkan sebuah Komentar

Ketika kita merubah ukuran sebuah (reshampling) image di Ps, ada 5 teknik yang bisa kita gunakan. Tekniknya bisa dilihat dan di setting pada window preferences. tekan CTRL + K untuk membukanya.

  1. Nearest Neighbor – reshampling yang cepat tapi kurang detail
  2. Bilinear - reshampling dengan kualitas medium
  3. Bicubic – reshampling yang lebih smooth
  4. Bicubic Smoother – teknik yang bagus kalau kita mau memperbesar ukuran image
  5. Bicubic Sharper – teknik ini kalau kita mau memperkecil sebuah image

 

Setting dulu image interpolationnya sebelum memulai editing image.

Apa itu Purge??

•Februari 6, 2009 • 1 Komentar

Ketika kita memakai sebuah tool atau melakukan suatu perintah di Ps, maka semuanya akan tersimpan pada palet History. Nah semuanya itu tersimpan di memory komputer. Purge adalah fasilitas untuk membersihkan memory komputer dari hal2 tadi…jadi prinsipnya seperti refresh…
Kalo Ps nya mulai tersendat-sendat coba aja di Purge All.

Edit – Purge – Purge All

Photoshop basic trick

•Februari 4, 2009 • Tinggalkan sebuah Komentar

Di photoshop ada beberapa trik cepat yang bisa kita gunakan untuk memudahkan kita bekerja,..

1. “Double Click” pas baru buka ps di area kosong, nah itu fungsinya untuk membuka image baru.
2. Teken “F” satu kali untuk mengganti type window, ke fullscreen,  nah kalo fullscreen kita bisa pan(geser) window dengan menahan space dan memindahkan mouse.
3. Untuk membuka file yang udah pernah kebuka di ps itu cari di

membuka recent file

membuka recent file

ok, segitu dulu…

 
Ikuti

Get every new post delivered to your Inbox.