Kumpulan Ebook

1. Tutorial Ebook Flash bag 1.  Download

Cara Memanggil file swf dengan LoadMovie

LoadMovie dalam Flash digunakan untuk memanggil file eksternal yang bertipe ".swf". Tujuan dari menggunakan fungsi loadMovie adalah untuk mengurangi ukuran file utama dalam game.

Misal, dalam sebuah file game berisi 10 level dan tiap level berisi puluhan movie clip. Nah, apabila semua disatukan dalam 1 file, maka yang akan terjadi adalah ukuran file tersebut akan besar. Tapi, jika tiap level kita buat dalam file yang terpisah dan kita jadikan file ".swf" maka akan mengurangi ukuran file utama. Tiap level yang sudah berbentuk file ".swf" kita panggil ke dalam file utama dengan menggunakan Fungsi loadMovie.

Mendeteksi Tumbukan sebuah Movie Clip dengan menggunakan HitTest

Kali ini saya akan membagikan tutorial tentang cara mendeteksi sebuah tembukan dalam Flash dengan menggunakan action script "hitTest".
Berikut adalah contoh penggunaan hitTest untuk mendeteksi sebuah tumbukan :
1. Buatlah sebuah dokumen Flash baru (550 x 400)
2. Buatlah 3 buah layer, yaitu layer background, aset dan script

 

3. Pada layer background buatlah sebuah background yang menutupi stage.

Objek Mengikuti Arah Titik Mouse saat Mouse di Click (Mouse Tracking 2)

Mungkin dari beberapa pembaca artikel ini ada yang belum mengerti / paham dengan judul artikel ini. Baiklah, saya akan jelaskan, dalam sebuah game RPG sering kali kita menggunakan mouse untuk menggerakan sebuah karakter pemain, bukan? Salah satunya yaitu ketika kita mengklik mouse di area yang kita pilih, maka pemain akan mengikuti ke area tersebut yaitu ke area dimana kita klik.
Oke untuk lebih memudahkannya lagi, kita langsung saja mulai tutorialnya :
1. Buatlah dokumen flash baru
2. Buatlah sebuah objek lingkaran di stage, lalu seleksi objek tersebut dan convert menjadi symbol (tekan F8).

3. Berinama objek “lingkaran” dengan type symbolnya movieclip
4. Klik objek instance movie clip lalu tekan F9, dan masukkan script berikut :
onClipEvent (load) { 
posisix = _root.bola._x; 
posisiy = _root.bola._y; 
skala = _xscale; 
perlambatan = 5; 
} 
onClipEvent (mouseDown) { 
posisix = _root._xmouse; 
posisiy = _root._ymouse; 
} 
onClipEvent (enterFrame) { 
if (_root._xmouse>_x){ 
_xscale = -skala; 
}else { 
_xscale = skala; 
} 
_x = _x+(posisix-_x)/perlambatan; 
_y = _y+(posisiy-_y)/perlambatan; 
}

Membuat Movie Clip mengikuti Mouse (mouse tracking)

Dalam sebuah game seringkali kita menemukan sebuah objek yang selalu mengikuti arah mouse atau mengikuti pemain. Sebuah objek mengikuti mouse disebut mouse tracking. Nah, kali ini saya akan memberikan tutorial tentang Mouse Tracking.

1. Buatlah sebuah dokumen flash baru
2. Buat sebuah objek berupa lingkaran atau terserah anda (disini saya membuat sebuah animasi api)

3. Convert objek tersebut menjadi sebuah symbol (tekan F8) dengan type Movie Clip (disini dengan nama api).
4. Seleksi instance movie clip yang ada di stage lalu tekan F9, dan ketikkan script berikut :
onClipEvent (enterFrame) { 
//membuat variabel lambat untuk memperlambat laju objek 
lambat = 10; 
//nilai x objek = nilai x objek + (nilai xmouse - nilai x objek)/lambat
 _x = _x + (_root._xmouse-_x)/lambat; 
//nilai y objek = nilai y objek + (nilai ymouse - nilai y objek)/lambat 
 _y = _y + (_root._ymouse-_y)/lambat; 
}

Menggerakkan Movie Clip dengan Mouse

Kali ini saya akan membuat sebuah artikel Flash tentang cara menggerakkan sebuah movie clip dengan menggunakan Mouse. Langsung saja baca tutorial berikut :

1. Buatlah sebuah dokumen flash baru.

2. Buatlah sebuah gambar di stage atau bisa mengimportnya (File->Import->Import to Stage)

3. Seleksi gambar yang ada di stage lalu konvert menjadi symbol (tekan F8).
4. Beri nama kursor dengan  type movie clip.
5. Seleksi instance movie clip kursor yang ada di stage, lalu tekan F9
6. Masukkan script berikut :
//event load ketika movie pertama kali dijalankan, tidak melakukan looping hanya bekerja saat movie di load
onClipEvent (load) {
//menyembunyikan kursor mouse asli
    Mouse.hide();
}
//even enterframe untuk menjalankan script ketika movie dijalankan pada frame 1.
onClipEvent (enterFrame) {
//nilai y dan x movie clip kursor = nilai y dan x mouse;
    this._y = _root._ymouse;
    this._x = _root._xmouse;
}
7. Test Movie (ctrl+Enter)
sekian tutorial kali ini dari saya...hehe
semoga bermanfaat...!

Membuat Animasi Daun Gugur dengan Action Script

Kali ini saya akan membuat sebuah tutorial tentang membuat animasi Daun Gugur dengan menggunakan Action Script attachMovie. Oke, untuk menghemat waktu langsung saja ikuti tutorial berikut :
1. Buatlah dokumen Flash baru (action script 2.0)
2. Buatlah symbol baru (insert => new symbol), beri nama daun dengan tipe Movie Clip.

3. Anda akan masuk ke mode edit symbol daun. Pada Frame 1 Gambarlah sebuah daun, (saya disini menggunakan brush photoshop.)

Attach Movie Clip

Apa itu Attach Movie?
Attach Movie merupakan script untuk memanggil movie clip dalam library ke stage. Movie Clip yang akan dipanggil harus memiliki nama linkage. Struktur penulisan Attach Movie adalah sebagai berikut :

attachMovie("namalinkage","namabarudistage", kedalamanMC, {posisi x, posisi y});

keterangan :
namalinkage  : merupakan nama linkage movie clip yang akan dipanggil
namabarudistage : merupakan nama jika movie clip sudah dipanggil ke stage.
kedalamanMC  : merupakan nilai kedalaman movie clip yang dipanggil
{posisi x, posisi y}  : merupakan nilai posisi x dan y movie clip yang akan dipanggil.

Pengalaman Verifikasi Akun Payza

kali ini saya akan membagi pengalaman tentang verifikasi akun payza..

oh iya maaf nih dalam setiap artikel bahasa yang digunakan selalu berbeda... :D kadang ane kadang saya... :D

tapi Adminnya 1 orang ko.. :P

Oke, verifikasi payza sekarang tidak bisa menggunakan Bank Wire Transfer karena sudah ada ketentuan dan kebijakan baru dari pihak payza, sehingga yang ada hanya pilihan menggunakan kartu kredit.. Lah? kartu kredit? ya, harus menggunakan kartu kredit... atau jika tidak punya bisa menggunakan VCC.. apa itu VCC? anda bisa mencarinya di google.hehe

Eiiittttsss............. tapi ada cara lain yaitu payza masih menerima cara manual buat verifikasinya loh..   Caranya? Mudah banget, anda tinggal siapkan scan KTP dan Bank Statement, bukti pembayaran listrik, telepon, PDAM dll, yang penting dalam bukti pembayarannya ada alamat anda.

Akhirnya Akun Payza Saya Terverifikasi...!!

Hallo kawan...!
Ane mau sedikit cerita nih tentang Pengalaman ane daftar dan verifikasi di Payza...hehe

Singkat ceritanya gini... Waktu itu hari jumat tepatnya tanggal 8 maret 2013, ane bangun pagi2 jam 5 subuh, ane kalau bangun pagi2 suka liat HP ane dulu gan... :D, tapi yang ane lihat bukan sms yang muncul gan, ane suka lihat takut ada email masuk...hehe, eh., pas ane lihat HP ane dan masuk ke akun gmail ane, ada 3 pesan masuk... Ane lihat satu-satu dengan mata yang masih sepet...maklum baru bangun... :D, terus ane lihat ada pesan dari Payza... Wah!! Ada Apa ini? Apa pesan ane di bales oleh Payza?
Dan ternyataaaaaaaaaa.............. pas ane baca yang tulisannya seperti ini...

Akhirnya setelah semua perjuangan ku untuk bisa memverifikasi akun payza tercapai juga... Alhamdulilah banget... :D
Oke untuk yang mau tau pengalaman saya tentang verifikasi akun payza silahkan klik link dibawah ini :
DIsini

Penjelasan Kondisi IF (jika) pada Flash

Masih ingatkah kalian akan pelajaran Matematika tentang logika Jika dan Hanya Jika??
atau sudah lupa? atau lupa lagi? atau lupa terus? saya juga masih lupa,... :D
Ternyata pelajaran Matematika dan Fisika masih atau sering digunakan dalam dunia pemrograman loh..
Nah, kali ini akan membahas tentang kondisi IF, atau dalam bahasa sehari-hari JIKA. Kalau ada kata JIKA berarti dapat dipastikan ada 2 atau lebih kemungkinan yang akan terjadi..
Misalnya : Jika musuh kalah, maka pemain menang.
 Bentuk penulisan dalam bahasa Action Script :
If (kondisi) {
kemungkinan1;
}else{
kemungkinan2;
}
Oke untuk lebih memahaminya, ikuti tutorial dibawah ini :
1. Buat dokumen Flash baru
2. Buatlah sebuah lingkaran, seleksi lalu convert menjadi symbol (tekan F8). beri nama bola

3.seleksi lingkaran di stage, kemudian tekan F9, dan masukkan script berikut :
onClipEvent (load) {
batas = 400;
cepat = 5;
}
onClipEvent(enterFrame) {
this._y +=cepat;
if (this._y >=batas or this._y<=0) {
cepat = -cepat;
}
}
4. Test Movie
Bola akan jatuh ke bawah kemudian akan kembali lagi ke atas jika nilai y melebihi batas yaitu 400 atau kurang dari 0.

Penerapan Mouse Event pada Movie Clip Button

Dalam artikel ini saya akan menjelaskan bagaimana contoh penerapan dari Mouse Event yang telah dijelaskan diartikel sebelumnya tentang Mouse Event. Oke, saya tidak pandai basa-basi jadi kita langsung saja mulai tutorialnya..:
1. Buatlah dokumen Flash baru dengan Action Script 2.0
2. Buatlah sebuah persegi panjang di stage, seleksi lalu konvert menjadi symbol (tekan F8)

3. Seleksi Instance button di stage, lalu buka panel action script (tekan F9)
4. Masukkan script berikut :
on (release) {
trace ("ini percobaan mouse event release");
}
5.Test Movie.

catatan :
anda bisa mengganti "release" dengan press, rollover atau mouse event lainnya untuk melihat perbedaanya..
Atau anda juga bisa drag symbol button sebanyak yang anda mau ke stage, lalu tiap tombol masukkan script yang berbeda-beda, misal tombol yang satu untuk on(release), yang ke2 on(press) dst.
Selamat Mencoba..!

Macam-macam Mouse Event

Dalam Flash sering kali kita menemukan on (release), onClipEvent pada saat akan menulis action script. Nah, on (release) dan onClipEvent merupakan event handler dalam Flash, digunakan untuk membuat perintah terhadap tombol atau movie clip.
on (release) merupakan bagian dari Mouse Event. Lalu, apa itu Mouse Event?
Mouse Event adalah salah satu event handler dalam Flash atau bisa juga sebuah event yang digunakan untuk mengontrol sebuah symbol Tombol. Event menandakan suatu kejadian yang terjadi.
Contohnya seperti apa?
Berikut ini adalah macam-macam Mouse Event :

Mouse Event	Penjelasan
on(press)	Ketika mouse menekan sebuah tombol pada area hitnya
on(release)	Ketika mouse menekan tombol kemudian dilepaskan
on(releaseOutside)	Ketika mouse menekan tombol kemudian dilepaskan diluar area hit tombol
on(rollover)	Ketika pointer mouse bergerak diatas tombol
on(rollOut)	Ketika pointer mouse bergerak menjauhi tombol
on(dragOver)	ketika tombol ditekan, lalu drag menjauhi tombol lalu kembali lagi ke tombol (sambil mouse ditekan terus)
on(dragOut)	Ketika tombol ditekan, lalu drag mouse menjauhi tombol

Agar lebih mengerti, lakukanlah percobaan dengan berbagai mouse event seperti pada tabel.
Atau nanti saya akan buatkan tutorial penerapan mouse event diatas. Ini dia tutorialnya.. :
Penerapan Mouse Event

Perbedaan Penulisan Action Script pada Frame dan Movie Clip

Loh, emang beda ya penulisan action script pada Frame dengan di Movie Clip?
ya, jelas tentu saja berbeda.
Lalu, apa perbedaannya?
Oke, untuk mengetahui perbedaan penulisan pada Frame dengan Penulisan pada Movie Clip, lihat penjelasan dibawah ini :

Frame	Movie Clip	Perbedaan
onEnterFrame = function {}	onClipEvent(EnterFrame) {}	Lihat pada Frame tidak ada "ClipEvent" tapi langsung onEnterFrame, dan pada frame terdapat function sedangkan di movie Clip tidak ada

Pada tabel diatas terlihat jelas perbedaan penulisannya..!
saya belum paham nih..!?
Oke jika belum paham saya akan jelaskan lewat pengibaratan... hehehe, ya di ibaratkan... :P

Apa saja sih Properti pada Movie Clip?

Banyak sekali properti yang sering digunakan dalam penulisan action script. Properti yang digunakan misalnya nilai _x dan _y suatu movie clip, nilai _xscale atau _yscale movie clip, dan masih banyak lagi. Berikut ini merupakan daftar properti pada Movie Clip :

Properties	Penjelasan
_x	Merupakan nilai koordinat x suatu movie clip
_y	Merupakan nilai koordinat y suatu movie clip
_xscale	Merupakan nilai skala pembesaran horizontal
_yscale	Merupakan nilai skala pembesaran vertikal
_alpha	Merupakan nilai transaparasi suatu movie clip
_visible	Menentukan movie clip terlihat atau tidak
_name	Merupakan nama suatu movie clip
_rotation	Merupakan nilai rotasi suatu movie clip
_height	Merupakan nilai tinggi suatu movie clip
_weight	Merupakan nilai lebar suatu movie clip
_currentframe	nilai _currentframe merupakan posisi frame yang sedang dijalankan suatu movie clip

Daftar diatas merupakan daftar tabel nilai properti sebuah movie clip.

Apa itu Function??

Apa itu Function?? Seringkali kita menjumpai kata function dalam penulisan action script. Sebenarnya apa itu yang dimaksud dengan Function??
Okee, saya akan menjelaskan sedikit tentang Function sesuai dengan yang saya tahu.

Function merupakan sebuah kumpulan perintah atau baris kode yang bisa digunakan kapan saja ketika dibutuhkan oleh programmer. Function ini dibuat agar programmer tidak perlu mengetik ulang sebuah baris kode yang sama, sehingga diperlukan sebuah function.  Misalkan, kita akan membuat sebuah baris kode tentang penjumlahan, bayangkan jika setiap kita membutuhkan kode penjumlahan kita harus mengetik ulang kembali, Nah, dengan function cukup membuat kode penjumlahan 1x saja, dan bisa dipanggil ketika dibutuhkan.

Sepertinya saya terlalu banyak bercerita.. :D, mungkin dengan contoh akan ada sedikit gambaran di benak kalian..hehehe

Penulisan Action Script Pada Movie Clip

Berikut ini saya akan menjelaskan bagaimana cara penulisan Action Script pada Movie Clip. Untuk itu diperlukan sebuah movie clip di stage. Contoh, saya akan membuat sebuah movie clip bola, ikuti tutorial berikut :
1. Buka Aplikasi Flash
2. Buat dokumen baru dengan action script 2.0 jika menggunakan Flash CS3 ke atas
3. Klik oval tool (tekan huruf O) lalu buatlah sebuah lingkaran di area stage, seleksi lingkaran tersebut dan tekan F8 (convert to symbol)
4. Beri nama symbol tersebut dengan bola, dan dengan behaviour/tipe movie clip

5. Dalam keadaan bola masih terseleksi, tekan F9 untuk memunculkan panel action script, lalu masukkan script berikut :
//clip Event enterframe akan terus melakukan looping selama berada dalam frame tersebut
onClipEvent (enterFrame) {
//Menambah nilai x sebesar 5, sehingga MC akan terus bergerak maju ke kanan
    this._x += 5;
}
6. Test Movie..

Untuk Mempelajari cara penulisan action script pada Frame, klik link dibawah ini :
Action Script Pada Frame 

Penulisan Action Script Pada Frame

Tidak sedikit pemula yang membuat sebuah aplikasi flash penempatan action script selalu disimpan pada movie clip, sehingga ketika kita ingin merubah action script tersebut, kita terlebih dahulu mencari movie clip mana yang memiliki action script tersebut. Menurut saya, untuk lebih memudahkan pencarian action script ketika kita akan merubahnya lebih baik kita membuat action script di Frame, sehingga kita lebih mudah mencarinya... Oke dh terlalu banyak saya bicara... :D kita langsung saja lihat cara penulisan action script pada Frame.

1. Buka Flash Anda dan buat dokumen baru

2. Buatlah sebuah lingkaran di stage, lalu seleksi dan convert menjadi symbol (tekan F8)

3. Beri nama symbol dengan bola, dengan tipe Movie Clip, tekan Ok

Membuat Menu Pilihan Wajah pada Game

     Terkadang dalam sebuah game selalu ada menu pilihan untuk memilih berbagai jenis karakter yang akan dimainkan. Misalnya, pemilihan bentuk wajah, pemilihan karakter berdasarkan jenis kelamin dan lain sebagainya. Dalam kali ini saya akan mencoba membagikan sebuah tutorial bagaimana membuat sebuah menu pilihan untuk memilih bentuk wajah. Oke, kita langsung saja mulai tutorialnya:

1. Buat Dokumen baru dengan action script 2.0
2. Buat Symbol movie clip baru dengan menekan menu Insert -> New Symbol (ctrl+F8)

Membuat Sebuah Tombol with Flash

Saya akan membagikan tutorial tentang cara membuat tombol di Flash. Mungkin kebanyakan dari kalian sudah pada tahu cara membuatnya, tapi bagi yang belum tahu silahkan anda bisa melihat tutorial yang saya buat berikut ini.. :

1.  Buka Aplikasi Adobe Flash atau Macromedia Flash
2. Buatlah dokumen baru
3. Klik Menu Insert => New Symbol
4. Beri nama dengan tombol, dan dengan type button.. Klik OK.

welcome

WELCOME to My Blog

Blog ini membahas tentang pemrograman flash dasar bahkan sampai tutorial pembuatan project seperti game, media pembelajaran dll. Saya membuat blog ini dengan tujuan untuk membagi ilmu yang saya miliki.
Apabila ada kesalahan dalam tulisan ataupun dalam tutorialnya, silahkan anda kasih komentar atau kritikan, dan jika ada pertanyaan, anda bisa bertanya lewat kotak komentar atau bisa menghubungi saya. Insya Allah saya akan menjawab pertanyaan anda. Saya ucapkan terima kasih jika kalian mau memberikan komentar atau kritikan karena saya hanya manusia biasa bukan superman..hehehe yang masih dalam tahap belajar dan terus akan belajar sampai saya bisa jadi seorang master game programmer.. aamiin... :D




Kritikan yang kalian berikan dapat membangun saya menjadi lebih baik lagi.. :)
semoga artikel yang saya bagikan dapat bermanfaat buat kalian khususnya buat saya.. ^_^


salam hangat,


kharisma gunawan

Contact Me

Jika anda ingin menghubungi saya, silahkan anda bisa menghubungi saya lewat salah satu kontak saya dibawah ini :

1. YM : k_ris09@yahoo.com
2. Whatsapp : maaf tidak saya cantumkan karena takut ada orang iseng yang menyalahgunakannya, jika anda ingin silahkan anda bisa request melalui YM saya.. :)

3. Twitter saya : @rissuke
4. Facebook