Flash Tutorial Wawazawa Playground - gambar, animasi, download, skripsi, lagu-lagu, indonesia, terbaru, gratis, tutorial, flash, gif, lirik, chord, belajar, actionscript, background

Salahsatu dasar dari game flash yang dikendalikan memakai tombol keyboard adalah bagaimana kita menggerakkan object movieClip tersebut bergerak sesuai perintah pada tombol keyboard. Berikut ada sedikit tutorial basic movement untuk menggerak movieClip menggunakan tombol panah keyboard.

Yang perlu dipahami disini adalah untuk menggerakkan suatu movieClip kita hanya mengubah nilai dari posisi sumbu x dan y dari movieClip tersebut. Karena nilai-nilai sumbu dari movieClip tersebut diubah secara terus-menerus ketika tombol panah ditekan maka mengakibatkan posisi movieClip bergeser dari tempat semula. Atau istilah kerennya bergerak… wkwkwkwk…

Mari kita mulai praktekkan :D

Pertama, buat dua buah layer pada timeline. Hal ini berguna untuk menempatkan object movieClip dan actionscript-nya. Kenapa harus disendirikan? hmmm… hal ini untuk memudahkan manajemennya aja :). Selanjutnya buat object lingkaran menggunakan oval tool. Seleksi semua object lingkaran tersebut dan jadikan symbol dengan cara pilih menu Modify, terus pilih Convert to Symbol. Jika ga pengin cara yang bertele-tele klik aja tombol F8 di keyboard untuk shortcut menjadikan symbol. Beri nama sesuka kamu symbol tersebut. Jangan lupa pilih type-nya movie clip.

Kemudian beri nama instance name-nya karakter_mc. Ingat nama yang berlaku untuk pemrograman nanti adalah nama pada instance name bukan nama symbol yang telah kita buat tadi.

Selanjutnya masukkan actionscript pada layer "script". Caranya klik pada layer tersebut kemudian tekan tombol F9 pada keyboard untuk memunculkan panel actionscript.

Actionscript untuk basic movement movieClip adalah sbb :

onEnterFrame adalah event dimana actionscript akan dijalankan berulang-ulang. Kecepatan pengulangannya tergantung berapa besar FPS frame rate dari file flash tersebut. Defaultnya sih 12 fps (frame per second). Tapi agar gerakan object lebih halus coba ganti dengan nilai 24 fps atau sesuai selera kamu :D

Pada actionscript diatas dapat dipahami bahwa ketika tombol-tombol panah pada keyboard ditekan, maka posisi sumbu x dan y dari movieClip tersebut akan ditambah dan dikurangi sesuai dengan tombol panah mana yang ditekan. Misal jika yang ditekan tombol panah atas (UP), maka posisi sumbu y dari movieClip "karakter_mc" akan dikurangi sebanyak 3. Karena actionscript tersebut dimasukkan ke dalam event onEnterFrame maka pengurangan sumbu y akan dilakukan berulang-ulang selama tombol panah atas (UP) masih ditekan. Akibatnya movieClip "karakter_mc" akan bergerak ke atas.

Setelah basic movement dikuasai, sekarang kita akan membahas materi collision atau benturan.
Collision sangat berguna banget untuk membuat game flash menjadi atraktif. Bayangkan sebuah game pesawat yang terkena peluru kemudian pesawat tersebut meledak. Proses peluru mengenai pesawat tersebut dinamakan collision.

Dari tutorial basic movement diatas bisa kita gunakan lagi untuk mempraktekkan basic collision. Buat movieClip baru kemudian beri nama instance name-nya karaktermusuh_mc. Untuk mengetahui terjadi collision apa tidak diantara dua object movieClip, kita bisa menggunakan perintah hitTest. Caranya cukup mudah tambahkan actionscript dibawah ini.

Pada actionscript diatas dapat kita pahami jika movieClip "karakter_mc" digerakkan dan menyentuh movieClip "karaktermusuh_mc" maka akan terjadi collision sehingga berakibat nilai alpha (transparan) dari karakter_mc menjadi 30. Selanjutnya jika collison tidak aktif nilai alpha karakter_mc menjadi normal lagi 100.

Source code : http://www.geocities.com/unazzanu/share/basic-movement-flash.zip

Yup sekian dulu basic movement dan basic collision kali ini. Semoga berguna… :)

Berikut ada sedikit tutorial cara membuat tanda Copyright pada movie flash yang akan muncul ketika dilakukan event klik kanan. Yup, sebenarnya cukup sederhana. Kita cuman memanfaatkan fasilitas pembuatan menu menggunakan skrip "ContextMenu()".
Contohnya sbb :

function situs() {
getURL("http://wawazawa.com");
}
var CobaMenu:ContextMenu = new ContextMenu();
CobaMenu.hideBuiltInItems();
CobaMenu.customItems.push(new ContextMenuItem("—-
Copyright 2007 Wawazawa.Com —-", situs));
this.menu = CobaMenu;

Penggunaan skrip diatas cukup dimasukkan pada frame 1 dan jadi deh hihihihi… :)

Penjelasan skrip :
Pada skrip tersebut pertama dilakukan pembuatan function "situs" dimana berisi perintah getURL yang berfungsi untuk membuka halaman situs http://wawazawa.com.
Kemudian dilanjutkan dengan pembuatan variable "CobaMenu" yang nantinya kita gunakan untuk memuat tulisan "Copyright bla bla bla…".

Skrip "CobaMenu.hideBuiltInItems();" diatas berfungsi untuk menyembunyikan menu default pada flash movie *defaultnya biasanya nongol tulisan Zoom In, Zoom Out dll*. Dengan perintah "hideBuiltInItems()" ntar di movie flash kita cuman muncul menu tulisan Setting, About Flash Player bla bla bla dan tentu saja menu Copyright buatan kita diatas :D

Terakhir kita memasukkan skrip CobaMenu.customItems.push(new ContextMenuItem("—- Copyright 2007 Wawazawa.Com —-", situs)); yang berfungsi untuk menampilkan tulisan Copyright-nya. Apabila menu Copyright ini di-klik, maka akan menjalankan function "situs" dimana menjalankan perintah membuka halaman situs http://wawazawa.com

NB : Skrip diatas cuman bisa jalan di flash player 7 keatas… *kalo gak salah siy, soalnya saya testingnya di flash player 8 hihihihi… kabuuur*

Berikut ada sedikit tutorial basic pembuatan aksesoris jam kayak di clocklink.com, hihihihi… tudepoin aja yak… begini ceritanya… Tung ting tung ting : Jam Dinding *Doraemon Mode ON*
Pertama, buat dokumen di flash dengan ukuran 120x120 pixel.

Di stage, buat gambar persegi panjang seperti dalam contoh di bawah ini. Gambar ini nantinya akan kita gunakan sebagai jarum penunjuk jam (jarum yang pendek :P). Kemudian ubah gambar tsb menjadi movieclip dengan cara : seleksi gambar tsb >> pada keyboard tekan tombol F8, maka akan muncul dialog box "Convert to Symbol". Pilih type-nya "Movie clip", abis itu pilih Registration pointnya seperti pada gambar di bawah ini. Letak Registration point sangat penting untuk menentukan pusat putaran dari sebuah movieclip :)

Beri nama symbol movieclip ini sesuai selera Anda, nama ini gak begitu penting karena sebenarnya yang dibutuhkan nanti dalam pemrograman adalah nama instance name-nya.

Setelah movieclip ini jadi, pada properties beri nama instance name untuk movieclip ini dengan nama "jam_mc".

Berikutnya buat movieclip untuk jarum penunjuk menit dengan cara yang sama seperti diatas, yang terpenting adalah memberi nama instance name movieclip ini dengan nama "menit_mc".

Terus buat juga untuk jarum detiknya, beri nama instance namenya "detik_mc".

Abis itu susun ketiga jarum tersebut sehingga registration pointnya menempati
titik yang sama :)

Langkah terakhir masukkan Actionscript di bawah ini pada frame dengan cara klik frame, abis itu pada keyboard tekan tombol F9 sehingga akan muncul panel Actionscript :), yup, masukkan disitu… ;))

_root.onEnterFrame = function() {
//membuat variabel Date object
tanggal = new Date();
//rotasi movieclip "jam_mc"
jam_mc._rotation = tanggal.getHours()*30+(tanggal.getMinutes()/2);
//rotasi movieclip "menit_mc"
menit_mc._rotation = tanggal.getMinutes()*6+(tanggal.getSeconds()/10);
//rotasi movieclip "detik_mc"
detik_mc._rotation = tanggal.getSeconds()*6;
};

Terus kita tinggal buat background jamnya aja… btw informasi waktu jam ini mengambil dari jam yang ada di PC client yang mengakses jam tsb.
Berikut adalah preview dari hasil tutorial diatas :

Untuk file FLA nya bisa diambil disini : Tutorial Jam Flash (flash8)