Selasa, 09 Juni 2015

Membuat Game Tangkap Telur

Tutorial membuat game tangkap telur sebagai berikut :

1. Buka Micromedia flash 8

2. Klik Flash Document

3. Setelah itu atur ukuran kerja tersebut dengan ukuran 550x400 pixels, yang terletak diproperties.
4. Kemudian ubah nama layar 1 menjadi bacground. Dengan double klik dilayar tersebut.
5. Kemudian masukkan bacgroundnya dilayar kerja dengan cara klik file, import, kemudian klik import to libary. Cari gambar yang berformat JPEG atau PNG.

6. Setelah dimasukkan buka images tersebut dilibary micromedia, dengan menarik foto tersebut ke layar kerja kita. Atur bacgroundnya sesuai dengan ukuran layar kerja kita.

7. Setelah itu tulis pada layar kerja kita “Games Tangkap Telur”
8. Buat sebuat kotak button yang bertulisankan MULAI dan KELUAR.
9. Kemudian blok Button Mulai tersebut, setelah itu klik kanan pilih Convert to symbol...
10. Setelah itu ubah namanya menjadi “mulai” dan berikan type menjadi “Button”. Kemudian klik “OK”
11. Kemudian klik kanan kembali pilih action, copy script dibawah ini ke action script micromedia flash 8 mu........
on(release){
                //berpindah ke game (pada frame 2)
                gotoAndStop(2);
}
12. Kemudian juga blok button “KELUAR”, setelah itu klik kanan pilih convert to symbol... Kemudian ubah namanya mejadi “keluar”. Ubah type menjadi button.
13. Kemudianklik kanan kembali pada button keluar, pilih action. Copy script berikut ke action tersebut
on(release){
                fscommand("quit",true);
}

14. Setelah itu klik kanan pada frame pilih action, dan copy script berikut :
fscommand("showmenu",false);
fscommand("fullscreen",true);
fscommand ("allowscale",true);
stop();

15. Kemudian klik kanan pada frame yang kosong pilih Convert to Blank Keyframes.

16. Sekarang klik frame ke-2. Kemudian buat gambar batu, telur, telur emas dan mangkok. Kemudian setiap gambar klik kanan pilih Convert to symbol. Setelah itu ubah masing-masing namanya sesuai dengan gambar dan fungsinya. Ubah type masing-masing gambar menjadi “movie clip”. Klik advanced, centang yang bertuliskan “Export for ActionScript”. Gunanya agar dapat mengenal gambar yang kita buat pad action script.

17.Buatlah pada frame ke-2 sebuah text yaitu “KETERANGAN”, buat dibawahnya gambar dan disampinganya keterangan.
18. Kemudian buat sebuah button yang bertuliskan “NEXT”. Kemudian blok button next tersebut, klik kanan pilih Convert to symbol. Setelah itu ubah namanya menjadi next, ubah type menjadi button klik Ok.
19.Setelah itu klik kanan pada button next tersebut pilih action. Kemudian copy script berikut diaction tersebut.
on(release){
                //berpindah ke game (pada frame 3)
                gotoAndStop(3);
}

20. Kemudian close action tadi. Setelah itu klik kanan frame yang ke-3, pilih Convert to Blank Keyframes. Setelah itu klik kanan pada frame ke-3 pilih actin. Copy script berikut ke actionscript tersebut.
//memanggil mangkok dari library dan ditaruh ke _root (stage)
//deklarasi variabel, ubah untuk menentukan maksimum health
max_health = 1000;
health = 1000;

healthbar_mc.onEnterFrame=function(){
                //jika health minus
                if(health < 0){
                                health = 0;
                }
                //jika health over
                if(health > max_health){
                                health = max_health;
                }
                //persentase health
                var persentase = (health / max_health) * 100;
                healthbar_mc._xscale = persentase;
}

_root.attachMovie("mangkok","mangkok",0,{_x:275,_y:345});
//secara berkala setiap 1000 milidetik memanggil fungsi panggilTelur
var telurInterval = setInterval(panggilTelur,1000);
//secara berkala kurangi waktu setiap 1000 milidetik / 1 detik
var waktuInterval = setInterval(kurangiWaktu,1000);

//mereset waktu
score = 0;
waktu =30;

//berjalan secara terus menerus
_root.onEnterFrame=function(){
                //posisi mangkok ditentukan oleh posisi x dari mouse
                mangkok._x = _xmouse;
}

//fungsi panggilTelur, digunakan untuk memanggil telur dari langit
function panggilTelur(){
                //menciptakan angka random
                var angkaRandom = random(10);
                var objekYangDipanggil = "";

                //melihat angka random
                if(angkaRandom>=0 && angkaRandom<=6){
                                objekYangDipanggil = "telur";
                }else if(angkaRandom>=6 && angkaRandom<=7){
                                objekYangDipanggil = "telur_emas";
                }else{
                                objekYangDipanggil = "batu";
                }
                //depth digunakan sebagai kedalaman saat menambahkan movieclip ke stage
                var depth = _root.getNextHighestDepth();
                //memanggil objek movieclip ke stage
                var objek = _root.attachMovie(objekYangDipanggil, objekYangDipanggil+"-"+depth, depth);
                objek._x = random(500);
                objek._y = 0;
                //properti nama digunakan sebagai pengenal
                objek.nama = objekYangDipanggil;
                //agar objek dapat bergerak
                objek.onEnterFrame=function(){
                                //menggerakkan objek ke bawah
                                this._y += 10;
                                //mengecek kondisi jika bersentuhan dengan mangkok
                                if(this.hitTest(_root.mangkok)){
                                                //menambah atau mengurangi score
                                                if(this.nama == "telur"){
                                                                score += 10;
                                                }else if(this.nama == "telur_emas"){
                                                                score += 20;
                                                }else{
                                                                score -= 10;
                                                                health -=200;
                                                }
                                                //kemudian menghapusnya
                                                delete this.onEnterFrame;
                                                this.removeMovieClip();
                                }
if (health == 0){
for(i=0;i<=_root.getNextHighestDepth();i++){
                                                _root.getInstanceAtDepth(i).removeMovieClip();
                                }
                                //menghilangkan semua interval
                                clearInterval(telurInterval);
                                clearInterval(waktuInterval);
                                //pergi ke frame 4
                                _root.gotoAndStop(4);
}
                                //mengecek kondisi jika objek telah melewati batas
                                if(this._y>=450){
                                //menghapus objek tersebut
                                                delete this.onEnterFrame;
                                                this.removeMovieClip();
                                }
                }
}

//fungsi kurangi waktu
function kurangiWaktu(){
                waktu -= 1;
                //jika waktu habis, pergi ke game over
                if(waktu == 0){
                                //membersihkan semua objek di stage
                                for(i=0;i<=_root.getNextHighestDepth();i++){
                                                _root.getInstanceAtDepth(i).removeMovieClip();
                                }
                                //menghilangkan semua interval
                                clearInterval(telurInterval);
                                clearInterval(waktuInterval);
                                //pergi ke frame 4
                                _root.gotoAndStop(4);
                }
}

21. Kemudian buat sebuah kotak yang berwarna biru. Setelah itu klik kanan pilih Convert to Symbol.
Ubah namanya menjadi HealthBar. Ubah lagi typenya menjadi movie clip.
22. Kemudian buat sebuah dynamic text yang bertuliskan Waktu dan Score. kemudian buka panel properties (Control+F3). Untuk text yang bertuliskan waktu, set waktu sebagai variablenya (var). Sedangkan untuk untuk text yang bertuliskan score, set score sebagai variablenya (var).
Gambar set waktu

Gambar set score
23.Setelah itu klik kanan pada frame ke-4, pilih Convert to Blank KeyFrames.
24. Buat sebuah tulisan pada lembar kerja frame ke-4, dengan tulisan “Game Over”. Dan set score di bawahnya dengan tulisan “Skor Akhir”.

25. Setalah itu kita dapat menambahkan foto kita di frame ke-4, dengan cara klik file, import, kemudian import to libary.
26. Kemudian kita buat sebuah button yang bertuliskan “Menu Utama”.

27. Kemudian klik kanan pada button MENU UTAMA, pilih convert to symbol. Ubah nama menjadi menu utama, dan type ubah menjadi button. Kemudian klik Ok.
28. Setelah itu klik kanan pada button MENU UTAMA, pilih action. Copy script berikut pada action tersebut.
on(release){
                //berpindah ke game (pada frame 1)
                gotoAndStop(1);
}

28. Lihat Hasil dengan menekan tombol ctrl+Enter

29. SELESAI

1 komentar: