20
Nov

Mini Puzzle with Flash ( actionscript )

Yupzzz sekarang mau mencoba membuat game puzzle sederhana, sebenarnya dalam game puzzle fungsi yang utama adalah fungsi Drop and Drag, seperti yang telah di posting sebelumnya.

Sistemnya yaitu kita taruh potongan puzzle sesuai tempatnya, di sini kita gunakan fungsi drag untuk mengambil potongan puzzle serta Drop untuk menaruh potongan tersebut. Apabila potongan tersebut cocok, berarti Kita berhasil memasangkan puzzle tersebut.
Seperti ini nih hasilnya :

Berikut cara membuatnya :

1. Buatlah sebuah gambar ( Di sini aku sih ngambil gambar yang sudah ada, coz mau bikinnya males.. hehehhehe )
2. Setalah itu potong potong gambar tersebut sesuai bagian ( pecah – pecah sehingga dapat menjadi bagian dalam puzzle )
3. Jadikan tiap puzzle tersebut menjadi sebuah movie clip, lalu beri masin masing nama pada bagian bagian tersebut, disini saya mengambil contoh yaitu gambar kura kura, dan saya pecah menjadi 7 yang masing masing saya beri nama “head,cangkang,tail,foot1,foot2,foot3,foot4″
4. Buatlah kerangka dari gambar tersebut ( tempat untuk menggabungkan puzzle, disini saya buat kerangka berupa gambar garis hitam putih gambar kura kura )
5. Kopi setiap movie clip yang telah kita buat tadi, lalu tambahkan huruf “x” di setiap namanya sehingga yang awalnya “head” menjadi “headx”, jadi sekarang ada 14 movie klip.
6. Tempatkan movie klip baru ( yang kita tambahkan namanya dengan huruf “x” ) ke dalam rangka gambar, tempatkan sesuai pada tempatnya, lalu atur alpha movie clip tersebut menjadi 0, sehingga tidak terlihat.
7. Buatlah sebuah movieclip dan beri nama “notification”, movie clip ini di isi dengan notifikasi apabila user sukses menggabungkan puzzle
8. Tuliskan actionscrip berikut pada frame 1

// =========================================== //

_root.notification.stop(); // agar movieclip notifikasi tidak tampil ( nanti movie ini akan tampil apabila user berhasil memasangkan puzzle

// kita buat fungsi untuk puzzle itu sendiri
function KlikDrag(namaMovieclip) {
x = 0;
_root[namaMovieclip].onPress = function() {
_root[namaMovieclip].startDrag(); // apabila movie clip kita klik maka movie clip dapat kita drag
};
_root[namaMovieclip].onRelease = function() {
_root[namaMovieclip].stopDrag(); // apabila movie clip kita lepas (release ) maka movie clip tidak dapat kita drag

// nah fungsi berikut ini yang digunakan untuk ngecek apabila bagian puzzle yang kita pasang tepat pada movieclip pasangannya maka movie klip tersebut akan terpasang secara pas, di sini lah fungsi movieklip yang kita kopi tadi yang namanya kita tambahin “x”, jadi apabila movieclip yang kita drag menyentuh movie clip pasangannya maka nilai x dan y movieclip tersebut sama dengan nilai movie clip pasangannya yang notabene sudah kita pasang sesuai pada tempatnya ( tapi kita hidden sehinnga tidak kelihatan )
if (_root[namaMovieclip].hitTest(_root[namaMovieclip+"x"])) {
_root[namaMovieclip]._x = _root[namaMovieclip+"x"]._x;
_root[namaMovieclip]._y = _root[namaMovieclip+"x"]._y;
x++;
_root[namaMovieclip].onPress = function() {
};

// nah kalau fungsi di bawah ini digunakan untuk cek apabila semua puzzle telah tersusun sempurna maka akan keluar notifikasi, x selalu di tambahkan apabila setiap bagian terpasang ( klop dengan pasangannya ), liaht script sebelumnya

if (x == 7) {

_root.notification._y = 422.1;
_root.notification._x = 44;
_root.notification.play();
}
}
};

}

// setelah fungsi jadi tinggal manggil dah, dengan format namaFunction(namaMovieclip)

KlikDrag(”cangkang”);
KlikDrag(”head”);
KlikDrag(”tail”);
KlikDrag(”foot1″);
KlikDrag(”foot2″);
KlikDrag(”foot3″);
KlikDrag(”foot4″);
stop();

// =========================================== //

Puzzle puzzle seperti ini cocok di buat buat adek adek yang masih Taman Kanak Kanak untuk mengjari mereka misalnya tentang keaneka ragaman Hewan di dunia, apabila meraka berhasil memasang puzzle maka mereka akan mengerti nama dari hewan tersebut.

SElamat mencoba

~adim~

Let’s the dream begins :D

 

One Response to “Mini Puzzle with Flash ( actionscript )”

  1. aziz Says:

    wennaakkk

Do you dare to leave a reply ?