All About Flash Wawazawa - Playground : blog, gambar, animasi, download, lagu-lagu, indonesia, terbaru, gratis, ringtones, tutorial, flash, gif, lirik, chord, belajar, actionscript, background

Setelah sebelumnya Splashup yang merupakan aplikasi RIA berbasis Flex di bidang photo editing online, kini hadir lagi Adobe Photoshop Express yang juga berbasis Flex dengan manfaat yang hampir sama pula. Hmmm… kapan yak bisa bikin aplikasi berbasis Flex hihihihi… mo belajar MXML + Actionscript dulu ah… :")

Ini merupakan game terbaru saya yang juga saya jadikan sebagai header di blog ini. Judul game ini "Sky Fruits" hihihihi… nama yang aneh menurut saya pribadi :P. Sebenarnya masih blum selesai banget sih, cuman berhubung ngebet banget pengin saya gunakan sebagai header blog maka ya secepatnya dibikinkan juga versi desktopnya.

Cara permainan game ini pun cukup simple, kamu-kamu tinggal menggerakkan karakter capung dengan mouse kemudian tabrak balon-balon yang berterbangan diatas langit. Setiap balon yang meletus didalamnya terdapat buah jeruk, semangka dan hati. Tangkap semuanya untuk mendapatkan poin agar bisa melaju ke level berikutnya.

Hindari tembakan dari balon-balon musuh agar energi capung tidak habis. Terakhir, agar kamu-kamu tidak ditembaki oleh balon-balon musuh, kamu bisa meletuskan balon musuh tersebut dengan cara menabraknya :)

Bagi yang pengin nyoba versi desktop Game Sky Fruits bisa men-download game tersebut via : http://www.geocities.com/zawakelasdua/wawazawa_skyfruits.zip (913 KB)

Yup seperti biasa, ditunggu saran dan kritiknya… :)

Ini game flash Garden Attack (GA) buatanku yang sebelumnya versi 1.0 kini hadir lagi versi 1.2 dalam bentuk game desktop. Bagi yang berminat silakan di download sepuasnya disini :
http://www.geocities.com/zawakelasdua/wawazawa_gardenattack.zip
:D Hihihihi…

Mohon saran dan kritiknya yak… :)

Yup, third party flash ini sangat powerful banget bagi yang pengin mencoba membuat aplikasi database berbasis flash (hasilnya berformat EXE). Dengan memanfaatkan MDM Zinc, kita tidak butuh lagi software macam Visual Basic, Borland Delphi ataupun software-software serupa untuk membuat sebuah aplikasi database. Jadi jangan dikira dari flash kita tidak bisa "berulah" membuat software pembukuan, accounting layaknya VB/Delphi. Karena pada MDM Zinc juga support perintah SQL maka kita bisa leluasa membuat program apapun yang berhubungan dengan database. Database favorit macam Microsoft Access, MySQL, dan ADO pun sudah compatible dengan MDM Zinc.

Kelebihan dari MDM Zinc yakni kita melakukan scriptingnya melalui panel actionscript flash yang kemudian digabung dengan script-script {mdm}Script (di-embed kayak PHP/ASP ke HTML). Terus untuk mendapatkan sebuah aplikasi yang dapat langsung connect ke database kita cuman meng-generate SWF yang berisi actionscript + script mdm zinc tadi menjadi EXE melalui software MDM Zinc. Aplikasi EXE hasil dari generate ini pun langsung bisa berkomunikasi dengan database layaknya sebuah program dari VB/Delphi. Perlu diperhatikan, file EXE hasil generate melalui software MDM Zinc berbeda dengan file EXE hasil publish dari Flash (biasanya icon filenya berubah).

Menyenangkan bukan??? kita bisa bermain2 dengan animasi pada program buatan kita… *hihihihi… saya dulu males banget belajar VB/Delphi di kampus karena kesannya hasil program dari software tersebut kaku banget, terus struktur bahasa pemrogramannya pun bagi saya pribadi kurang menarik. Maaf banget bagi yang maniak VB/Delphi hihihihi… kabuuur :P*

Sebenarnya dengan MDM Zinc kita bisa membuat aplikasi apapun layaknya pada VB/Delphi karena berbagai fungsi pada scripting di {mdm}Script dapat kamu explore sesuai kebutuhan aplikasi yang akan kamu buat. Dulu bahkan saya pernah mencoba aplikasi chatting mirip messenger-nya Yahoo! via jaringan yang terbuat dari MDM Zinc. Dan hasilnya pun mengesankan… *Hihihihi… dulu nyoba aplikasi tersebut bareng Pak RW :D*

Anyway, berikut contoh kecil pemanfaatan scripting MDM Zinc untuk koneksi database :
Koneksi database Microsoft Access/MySQL
//koneksi ke Access
mdm.Database.MSAccess.connect("namadatabase.mdb", "passwordnya");

//koneksi ke MySQL
mdm.Database.MySQL.connect("localhost", "3306", true, "usernamenya", "passwordnya", "namadatabase");

Pemanfaatan SQL ke Database
//query ke Access
mdm.Database.MSAccess.runQuery("DELETE * FROM namatabelnya WHERE maxNumber > 0");

//query ke MySQL
mdm.Database.MySQL.runQuery("SELECT * FROM namatabelnya");

Yup, selanjutnya tinggal di-explore sendiri perintah-perintah SQL lainnya macam INSERT, UPDATE dan DELETE :)

NB : Untuk mendapatkan/download software demo MDM Zinc versi terbaru beserta tutorial-tutorialnya silakan berkunjung ke situs resmi MDM Zinc di http://multidmedia.com

Tags : tutorial mdm zinc, koneksi database dari flash, flash database, tutorial aplikasi flash dan database, komunitas mdm zinc indonesia, visual basic vs delphi.

Hore beberapa game flash saya yang di Wawazawa Games masuk di Disitu.com. Yup, bagi yang pengin sekedar iseng mainin tuh game-game flash bisa berkunjung ke :
http://www.disitu.com/index.php?option=com_flashgames&do=list

Berikut ada sedikit script membuat highscore game flash dengan memanfaatkan SharedObject (hampir mirip dengan cookies-nya browser :D).

Langsung aja yak…

Function "simpanScore" berfungsi untuk menyimpan data skor dan nama pemain ke dalam variabel data SharedObject "pemain" yang bertipe Array.

function simpanScore(score, player) {
DataSkor = SharedObject.getLocal(”NamaGameKamu”);

if (!DataSkor.data.pemain) {
//highscores default jika blum ada datanya
DataSkor.data.pemain = new Array();
DataSkor.data.pemain.push({scorenya:540, playernya:”Jarwo”});
DataSkor.data.pemain.push({scorenya:470, playernya:”Karmin”});
DataSkor.data.pemain.push({scorenya:1800, playernya:”Bambang”});
DataSkor.data.pemain.push({scorenya:1950, playernya:”Joni”});
DataSkor.data.pemain.push({scorenya:1450, playernya:”Sudiro”});
DataSkor.data.pemain.push({scorenya:2050, playernya:”Karjo”});
DataSkor.data.pemain.push({scorenya:2500, playernya:”Mr. x”});
DataSkor.data.pemain.push({scorenya:1200, playernya:”Mbah Darmo”});
}
//menambahkan variabel score dan player ke dalam array "pemain"
DataSkor.data.pemain.push({scorenya:score, playernya:player});
DataSkor.flush();
}

Penggunaan function tersebut cukup sederhana :

simpanScore(score, player);

Masukkan function ini pada frame tertentu atau dibagian Actionscript dimana terdapat kondisi bahwa si pemain kalah atau sudah menyelesaikan game tersebut. Ingat, di function tersebut saya asumsikan kamu memakai variabel "score" untuk menampung skor pemain dan variabel "player" untuk nama pemain. Dua variabel itulah yang nantinya akan dikirimkan ke function "simpanScore".

Selanjutnya untuk menampilkan highscores dari data SharedObject tadi ke dalam flash, kita tinggal buat dynamic text misalnya kita beri nama variabel dynamic text tersebut dengan "highscores". Terus masukkan script ini pada frame tertentu atau dibagian dimana kamu ingin menampilkan highscore :D

DataSkor = SharedObject.getLocal(”NamaGameKamu”);
DataSkor.data.pemain.sortOn(”scorenya”, Array.DESCENDING | Array.NUMERIC);
for (i=0; i<7; i++) {
highscores += (DataSkor.data.pemain[i].playernya)+” : “+DataSkor.data.pemain[i].scorenya+newline;
}

Untuk mengurutkan data Array berdasarkan besar skor, kita menggunakan perintah Array.DESCENDING dan Array.NUMERIC

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)
 

Ini ada tutorial "jumping" bagus untuk FlashLite 1.1 dari Mbak Erin.

http://blog.xuite.net/yania/flashlite/6540023

Waduw… dah lama niy gak posting sesuatu yang berbau flash, heuehehehehe… kebanyakan nulis kehidupan pribadi :P

Ehm… ehm… uhuk… uhuk… (*batuk : mode on*)

Pada dasarnya setiap movieclip yang di attach dari library atau melakukan duplikasi movieclip atau membuat movieclip baru melalui function createEmptyMovieClip(), diharuskan mempunyai depth yang unik. Hal ini dikarenakan jika ada movieclip dengan depth yang sama, maka salah satu movieclip tersebut otomatis akan di-remove dan digantikan dengan movieclip yang baru (diasumsikan kedua movieclip tersebut berada dalam timeline utama). Sebagai contoh kita melakukan attach movie sbb :

/* buat 2 buah movieclip kemudian pada library beri nama masing-masing dengan nama linkage-nya "kotak1" dan "kotak2" */

_root.attachMovie("kotak1", "kotak1", 1); //nilai depth=1
_root.attachMovie("kotak2", "kotak2", 1); //nilai depth=1

Setelah dijalankan maka yang muncul hanya movieclip "kotak2" karena movieclip "kotak1" akan otomatis di-remove karena menempati depth yang sama dengan "kotak2". Agar kedua movieclip tadi dimunculkan, kita cukup ganti depth "kotak2" atau "kotak1" menjadi angka yang berbeda satu sama lain. Semakin besar angka depth suatu movieclip maka movieclip tersebut berpeluang menempati posisi teratas (mirip dengan konsep layer di photoshop, layer paling atas akan terlihat menumpuki layer dibawahnya)

Dalam pemrograman yang lebih kompleks, misalnya dalam pembuatan game, biasanya kita memerlukan banyak movieclip dengan depth yang unik. Sebenarnya ada trik yang mudah agar kita mendapatkan depth unik tersebut, yakni menggunakan function getNextHighestDepth(). Contoh :

/* buat sebuah movieclip kemudian pada library beri nama linkage-nya "kotak" */

for (i=1; i<=5; i++) {
_root.attachMovie("kotak", "kotak"+i, _root.getNextHighestDepth());
_root["kotak"+i]._x = random(200);
_root["kotak"+i]._y = random(200);
trace("Depth ke : "+ _root.getNextHighestDepth());
}

Dengan function ini kita tidak perlu repot-repot memeriksa berapa depth yang sudah kita gunakan dan berapa yang belum pernah kita gunakan, karena dengan function ini kita akan diberikan nilai depth yang unik yakni nilai depth selanjutnya setelah depth terakhir.

Availability : ActionScript 1.0; Flash Player 7