PUZZLE GAME DOLPHIN PROYEK MULTIMEDIA 2009 1. PENDAHULUAN Tujuan dan Deskripsi Membuat Game Puzzle Dolphin untuk menyusun gambar yang terpisah-pisah agar menjadi gambar utuh. Materi Pengaturan Grid di stage Sprite().loc, untuk menentukan letak sprite di stage Script Moveablesprite, untuk mengatur kondisi moveable pada sprite Script Timer, untuk menghitung mundur And, untuk menambah syarat kemungkinan ( if.. then.. else ) 2. PERSIAPAN Mengatur bidang kerja & import data 1. Klik di stage yang kosong, di property Inspector pastikan Stage Size: 640 x 480 pixel, location: (0,0) Color: Hitam 2. Di tutorial ini banyak file yang akan di Import. File-file tersebut lebih mudah jika dikelompokkan dalam cast member tertentu. Klik menu File new Cast ( ctrl+alt+n), maka akan muncul tampilan kotak dialog beri nama kepingok: 3. Sehingga di Cast Member ada 2 kelompok Cast member internal dan KepingOk sebagai berikut: 4. Pastikan cast member KepingOk aktif, Import data yang berisi potongan-potongan gambar ke Cast member KepingOK tersebut. Klik menu File Import 5. Aktifkan Cast member Internal, Import data lainya ke Cast Member Internal tersebut. Klik menu File Import
6. Buat tombol start new game dan Text sembarang untuk menampilkan angka timer Mengatur Grid di Stage Tapi anda pasti kerepotan untuk menyusun keping gambar di stage. Karena penempatan keping harus tepat/ presisi pada grid. Sedangkan grid yang ada tidak sesuai dengan gambar yang ada. 1. Kita tahu bahwa keping 1 tersebut berukuran 160x160 pixel (lihat di Property Inspector) 2. Dari angka tersebut yang didapat, kita dapat memperkirakan besar grid pada Stage. Untuk mudahnya, misal nilai grid adalah 80 ( karena 160 kelipatan 80 ). Klik Stage, di property Inspector, atur sebagai berikut. Sekarang coba geser keping tersebut, maka keping terasa menempel Snap ke grid tersebut bukan?
3. Pilih semua keping tersebut, aktifkan icon Moveable di Property Inspector agar keping-keping dapat begeser / dipindahkan saat play movie. 4. Play Movie, Coba drag untuk memindahkan keping tersebut. Lho kok tidak snap ke grid? 5. OK, agar lebih mudah kita gunakan file yang sudah disiapkan file 19start.dir agar proses belajar bisa dimulai dari awal yang sama. Klik menu File Open 19start.dir. Di sini sudah disiapkan marker dan Cast Member yang sudah lengkap. Mulai di sini akan banyak script dan behavioruntuk pembuatan game. 3. BEHAVIOR UNTUK KEPING Behavior Snap to Grid Masalahnya 4 keping puzzle tersebut saat paly movie, tidak otomatis snap / menempel ke grid. 1. Klik menu windows Library Pallet, di kotak panel Library, klik menu Library List Animation Interactive. Drag icon Snap to Grid ke sprite keping 1 di Stage 2. Maka akan tampil kotak dialog Parameter for Snap tombol Grid, atur parameter sebagai berikut: 3. Ulangi untuk keping sisanya. Sama seperti cara di tutorial sebelumnya, drag Snap to Grid yang sudah ada di Cast Member ke keping sisanya. Namun anda harus mengatur kembali parameter Snap tombol Grid seperti sebelumnya. Selamat mencoba OK 4. Buat frame Script go to the frame di setiap halaman untuk menghentikan Playback Head sebagai berikut: 5. Play Movie BERESSS...
Behavior untuk Suara Keping 1. Lebih asyik lagi jika 4 keping puzzle tersebut terdengar bunyi, saat lepas dari drug mouse. Untuk menambah effect suara, yakinkan dulu file clickbig.wav telah diimport dan ada di Cast Member. 2. Klik kanan salah satu keping tersebut, misal keping1, muncul menu, klik Behaviors..., Maka tampil panel Behavior Inspector, klik tanda + pilih New Behavior, beri nama misal bunyi drop. 3. Maka akan tampil behavior bunyi drop, setelah Snap to Grid. Klik panah + di panel Events, pilih MouseUp. 4. Klik panah + di panel Action, pilih menu Sound Play Castmember. Play Sound: clickbig 5. Play Movie untuk mencobanya, beres..! Pilih misal keping2, di Behavior Inspector, klik +, klik behavior bunyi drop yang pernah kita buat. Beresss... 6. Ulangi untuk keping yang lain.
4. GAME ENGINE Ini bagian yang penting yaitu programming / Lingo script untuk menagtur game. Agar game lebih menegangkan, kita beri timer atau pembatas waktu. Bila waktu habis maka Playback Head akan menuju halaman telat. Jika berhasil menyusun keping sebelum waktu habi, Playback Head menuju halaman berhasil. Halaman mulai halaman telat halaman berhasil TIMER 1. Untuk persiapan, frame script go the frame di frame 30 sebaiknya anda buang lebih dahulu. 2. Untuk membuat timer, buat frame Script di frame 1 dan frame 15 sebagai berikut. Keterangan o On exitframe, start timer, artinya: jika melewati frame tersebut (frame1) hitungan / timer akan kembali ke nilai awal. o If (the time <60*10) then go loop, artinya: jika hitungan timer masih kurang dari 10 detik maka playback head menuju marker kiri terdekat yaitu marker mulai. Catatan: marker mulai berada di frame 2, karena di frame 1 ada script start timer yang bisa me-reset timer kembali ke nilai awal o Else go telat, artinya jika hitungan lebih dari 10 detik, maka playback head menuju marker telat. Berarti anda belum berhasil
Teks Timer Script ini berlaku pada semua frame, oleh karena itu script ini harus menjadi movie script 1. Buat frame script, di tempat yang masih kosong, misal frame 10, lalu ketikkan script sebagai berikut: Keterangan: Member( waktu ).text=string(610-the timer) artinya: Menampilkan text (di member waktu) angka mundur dari 610 ke 0 2. Play Movie, lho? Kok angkanya mundur tersendat-sendat? Angkanya terlihat lompat setiap 20 frame, harusnya angka mundur 1 langkah kan! 3. Caranya: di Cast Member, merubah jenis scripttersebut menjadi Movie. Agar script tersebut dianggap ada di semua frame. 4. Play Movie maka kini tampilan angka mundur menjadi realtime. Pengambilan Keputusan Ini adalah script game yang utama dan yang paling rumit. Script ini adalah untuk menentukan apakah pemain berhasil atau gagal. 1. Anda tidak harus membuat Movie script baru. Untuk menghemat Cast Member, klik kanan movie script 16, pilih menu Cast Member Script... 2. Tambahkan script sebagi berikut. Silahkan pelajari... Selamat Berjuang... Keterangan: o If sprite(2).loc=point(240,160) Artinya: jika keping1 (sprite 2) berada di koordinat 240,160 o Then sprite(2).member= keping1ok Artinya: maka keping1 digantikan dengan gambar Keping1OK o Sprite(2).moveablesprite=false Artinya: maka keping1 tidak bisa dipindahkan o Ifsprite(2).loc=point(240,160) and sprite(3).loc=point(400,160) and sprite(4).loc=point(240,320) and sprite(5).loc=point(400,320) then go berhasil Artinya: jika posisi semua keping menempati tempat di koordinat yang ditentukan, maka playback head menuju marker berhasil.. 3. Selesai! Play Movie silahkan bermain