multimedia 1 15 game

22
1 MULTIMEDIA I - GAME Game GAME GAME GAME GAME GAME Setelah mempelajari bagian ini, diharapkan dapat: Setelah mempelajari bagian ini, diharapkan dapat: Setelah mempelajari bagian ini, diharapkan dapat: Setelah mempelajari bagian ini, diharapkan dapat: Setelah mempelajari bagian ini, diharapkan dapat: 1. Memahami pembuatan game puzzle 2. Memahami pembuatan timer untuk game 3. Memahami pemnbuatan game puczzle 15 15 15 15 15

Upload: dimasmitra

Post on 11-Jun-2015

310 views

Category:

Documents


3 download

DESCRIPTION

waktu kuliah dulu dapet deh dari dosen

TRANSCRIPT

Page 1: Multimedia 1 15 Game

Game Puzzle

1MULTIMEDIA I - GAME

Game

GAMEGAMEGAMEGAMEGAME

Setelah mempelajari bagian ini, diharapkan dapat:Setelah mempelajari bagian ini, diharapkan dapat:Setelah mempelajari bagian ini, diharapkan dapat:Setelah mempelajari bagian ini, diharapkan dapat:Setelah mempelajari bagian ini, diharapkan dapat:

1. Memahami pembuatan game puzzle

2. Memahami pembuatan timer untuk game

3. Memahami pemnbuatan game puczzle

1515151515

Page 2: Multimedia 1 15 Game

Game Puzzle

2MULTIMEDIA I - GAME

Game

1. 1. 1. 1. 1. PuzzlePuzzlePuzzlePuzzlePuzzle

Puzzle merupakan game yang sederhana, yaitu menggeser kepingpuzzle ke dalam suatu lokasi. Bila lokasi sesuai dengan ketentuan, makakeping puzzle tersebut dapat diletakkan, tetapi keping puzzle kembali keposisi semula bila tidak sesuai. Dengan demikian harus ditentukan koordinatdari masing-masing lokasi. Dalam puzzle yang menggunakan banyak kepingpuzzle, perlu ditentukan kordinat semua lokasi tersebut.

Scene 2Scene 2Scene 2Scene 2Scene 2

Untuk membuat game puzzle, dapat dilakukan dengan mengikutilangkah-langkah berikut:

1. Buka file source_puzzle.flasource_puzzle.flasource_puzzle.flasource_puzzle.flasource_puzzle.fla yang terdapat dalam CD pada direktorigame.game.game.game.game. Dalam Library terdapat beberapa simbol image “model.jpg”,“puzzle1.jpg”, ..., “puzzle9.jpg”, simbol graphic “tekspuzzle”,“indikator”, “teksgameOver”, dan “display”, simbol movie clip“judulMc”, “game_overMc” dan simbol audio “Giggle”.

Membuat keping puzzleMembuat keping puzzleMembuat keping puzzleMembuat keping puzzleMembuat keping puzzle

2. Buat simbol graphic “puzzleGraf_01”. Pada editing simbol graphicdrag simbol image “puzzle1.jpg”.

3. Buat simbol movie clip “puzzleMc_01”. Pada editing simbol movieclip drag simbol graphic “puzzleGraf_01”. Dalam panel Instance,pada field Behavior pilih “Button”, dan pada field Option pilih “Trackas Button”. Pilihan ini akan memungkinkan user dapat menggeserkeping puzzle dengan mouse.

4. Ulangi nomor 2 dan 3 untuk membuat simbol movie clip“puzzleMc_02”, ... “puzzleMc_09”.

Gambar 6.1 Konseppembuatan puzzle

Page 3: Multimedia 1 15 Game

Game Puzzle

3MULTIMEDIA I - GAME

Game

5. Kembali ke Scene 1, pada layer “Puzzle” drag semuasimbol movieclip “puzzleMc_01”, ... “puzzleMc_09” ke stage.

Membuat papan puzzleMembuat papan puzzleMembuat papan puzzleMembuat papan puzzleMembuat papan puzzle

6. Buat simbol graphic “lokasi”. Pada editing simbol graphic buat kotakyang ukurannya sama dengan ukuran keping puzzle, karena akandigunakan untuk menempatkannya.

7. Buat simbol movie clip “lokasiMc”, kemudian drag simbol graphic“lokasi” ke dalam editing simbol.

8. Kembali ke Scene 1, kemudian drag simbol movie clip “lokasiMc” kestage dan berikan nama instance “lokasi_01”.

9. Dengan cara yang sama buat instance “lokasi_02”, ... “lokasi_09”.Letakkan sedemikian semua instance lokasi sedemikian rupasehingga membentuk papan puzzle.

Membuat timerMembuat timerMembuat timerMembuat timerMembuat timer

10. Buat simbol movie clip “timemeterMc”. Pada layer pertama “Grafik”drag simbol graphic “display” dari Library. Buat panjang gambar35 frame.

11. Buat layer “Indikator”, kemudian drag simbol graphic “Indikator”dan buat animasi tweening sehingga warna dari frame 1 ke frame 35berubah.

12. Buat layer “Kotak”, kemudian buat animasi tweening berupa gambarkotak dan pada frame terakhir kotak tersebut menutupi seluruhindikator.

13. Dengan layer “Kotak” aktif, klik kanan kemudian pilih Mask.

Gambar 6.2 Layoutkeping dan papanpuzzle

Page 4: Multimedia 1 15 Game

Game Puzzle

4MULTIMEDIA I - GAME

Game

14. Buat layer “Action”, kemudian buat action stop()stop()stop()stop()stop() pada setiap frame.

15. Buat layer “Suara” , kemudian drag symbol audio “Giggle” dariLibrary.

Membuat script pada keping puzzleMembuat script pada keping puzzleMembuat script pada keping puzzleMembuat script pada keping puzzleMembuat script pada keping puzzle

16. Pada simbol movie clip “puzzleMc_01” klik gambar keping puzzle,kemudian buat script sebagai berikut:

on(press){startDrag(puzzleMC_01);}

on(release){stopDrag();if(this._droptarget==”/lokasi_01"){

this._visible=1;// bila sesuai keping puzzle berhenti// pada kotak lokasi dengan tepatsetProperty(this,_x,50);setProperty(this,_y,40);

}else{

// bila tidak sesuai, maka keping puzzle// kembali ke tempat semulasetProperty(this,_x,450);setProperty(this,_y,125);

}}

Gambar 6.3 Editingsimbol "timemeterMc".

Page 5: Multimedia 1 15 Game

Game Puzzle

5MULTIMEDIA I - GAME

Game

17. Dengan cara yang sama pada nomor 16, buat script untuk setiapmovie clip dengan diperhatikan koordinat kotak lokasi dan posisikeping puzzle di stage.

Mengatur timeline utamaMengatur timeline utamaMengatur timeline utamaMengatur timeline utamaMengatur timeline utama

18. Buat layer pertama “Background”, kamudian buat kotak denganwarna gradasi yang panjangnya 16 frame.

19. Pada layer “Lokasi” dan “Puzzle” buat panjang dari frame 2 sampai15.

Gambar 6.4 Script padakeping puzzle

Gambar 6.5 Layoutpada timeline utama

Page 6: Multimedia 1 15 Game

Game Puzzle

6MULTIMEDIA I - GAME

Game

20. Buat layer “Timemeter”, kemudian drag simbol movie clip“timmeterMc” ke stage, dari frame 2 sampai frame 15.

21. Buat layer “Model”, kemudian drag simbol image “model.jpg” kestage pada frame 1 dan 16.

22. Buat layer “Action”, kemudian buat script pada:

frame 1:

timelimit = 0;time_meter.gotoAndStop (1);stop ();

frame 2:

timelimit = timelimit+1;time_meter.nextFrame ();if (timelimit>=36) {

gotoAndPlay (16);}else {

gotoAndPlay (2);}

frame 15:

gotoAndPlay (2);

frame 16:

stop();

Scene 1 dan 3Scene 1 dan 3Scene 1 dan 3Scene 1 dan 3Scene 1 dan 3Scene pertama ini merupakan tampilan awal untuk masuk ke dalam

sistem yang berisi animasi judul, model puzzle, dan button Start.

23. Buat layer “Button”, kemudian buat button “Start” pada frame 1 dan16 dengan script sebagai berikut:

on (release) {gotoAndPlay (2);

}

24. Buat layer “Info”, kemudian pada frame 16 drag simbol movie clip“game_overMc” ke dalam stage.

25. Buat layer “Judul”, kemudiam pada frame 1 dan 16 drag simbolmovie clip “judulMc”.

26. Simpan file dengan nama puzzle.flapuzzle.flapuzzle.flapuzzle.flapuzzle.fla, kemudian TTTTTest Movieest Movieest Movieest Movieest Movie untukmenjalankan puzzle tersebut.

Page 7: Multimedia 1 15 Game

Game Puzzle

7MULTIMEDIA I - GAME

Game

2.2.2.2.2. Mendeteksi Mendeteksi Mendeteksi Mendeteksi Mendeteksi TTTTTabrakanabrakanabrakanabrakanabrakan

Method dari objek movie clip hitTest digunakan untuk mendeteksitabrakan, dan memeriksa apakah suatu objek bertabrakan dengan movie clip.

Membuat Flash movieMembuat Flash movieMembuat Flash movieMembuat Flash movieMembuat Flash movie

1. Buat file baru.

2. Buat simbol movie clip kotakMckotakMckotakMckotakMckotakMc. Pada editing simbol buat gambarpersegi empat, kemudian buat animasi tweening motion sampaiframe 10. Buat layer Action, kemudian buat action stop() pada frame1 dan 10. Animasi ini dibuat untuk mendapatkan gerakan bila terjaditabrakan.

3. Buat simbol movie clip bolaMcbolaMcbolaMcbolaMcbolaMc. Pada editing simbol buat gambarlingkaran.

4. Klik Scene 1, kemudian drag simbol movil clip kotakMckotakMckotakMckotakMckotakMc ke stage,kemudian buat nama instance kotakkotakkotakkotakkotak.

5. Buat layer "Bola", kemudian drag simbol movie clip bolaMcbolaMcbolaMcbolaMcbolaMc ke dalamstage, kemudian buat nama instance bolabolabolabolabola.

6. Agar bola dapat digerakkan dengan mouse, buat layer "Action"kemudian pada frame 1 buat script sebagai berikut:

startDrag ("bola", true);Mouse.hide();

Gambar 6.6. (kiri)Editing simbol kotakMc.Gambar 6.7. (kanan)Editing simbol bolaMc

Page 8: Multimedia 1 15 Game

Game Puzzle

8MULTIMEDIA I - GAME

Game

7. Buat layer “Button”, kemudian buat button "Reset" dengan scriptsebegai berikut:

on (release) {with (_root.kotak) {

gotoAndStop(1);}

}

9. Untuk mendeteksi tabrakan, buat script pada instance kotak. Klikpada kotak di stage kemudian buat script sebagai berikut:

onClipEvent (enterFrame) {if (_root.kotak._currentframe == 1) {

if (_root.bola.hitTest(_root.kotak)) {with (_root.kotak) {

gotoAndPlay(2);}

}}

}

10. Simpan file dengan nama collision.flacollision.flacollision.flacollision.flacollision.fla.

11. Pilih ContrContrContrContrContrololololol —> TTTTTest Movie est Movie est Movie est Movie est Movie untuk melihat hasilnya.

Gambar 6.8 Layoutpada stage dan timeline

Page 9: Multimedia 1 15 Game

Kuis

9

6.3.8 Assembly6.3.8 Assembly6.3.8 Assembly6.3.8 Assembly6.3.8 Assembly

Untuk membuat game kuis telah disediakan file berisi beberapa symbolyang yang digunakan untuk proses selanjutnya, yaitu file source_kuis.flasource_kuis.flasource_kuis.flasource_kuis.flasource_kuis.fla dalamCD pada directory gamegamegamegamegame. Setelah file tersebut dibuka, langkah selanjutnya adalah

membuat dua macam symbol yang diperlukan, yaitu buttonbuttonbuttonbuttonbutton dan movie clipmovie clipmovie clipmovie clipmovie clip.

Membuat symbolMembuat symbolMembuat symbolMembuat symbolMembuat symbol

Pada pembuatan kuis ini diperlukan symbol button:

1. “Mulai” - digunakan untuk memulai program dimana ditentukan nilaiscorescorescorescorescore dan nomor pertanyaannomor pertanyaannomor pertanyaannomor pertanyaannomor pertanyaan sama dengan 00000

2. “level Dasar” - digunakan untuk memilih level dasar dari kuis

3. “level Sedang” - digunakan untuk memilih level sedang dari kuis

4. “level Lanjut” - digunakan untuk memilih level lanjut (genius) dari kuis

Page 10: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

10

5. “jawab A” - digunakan untuk memilih jawaban A

6. “jawab B” - digunakan untuk memilih jawaban B

7. “jawab C” - digunakan untuk memilih jawaban C

6. “pertanyaan” - mengakses tampilan pertanyaan dan pilihan jawaban

Pada pembuatan kuis ini diperlukan symbol movie clip:

1. “levelMC” - digunakan memberikan informasi level yang dipilih

2. “questionMc” - digunakan menampilkan pertanyaan dan pilihan jawaban

3. “timemeterMc” - digunakan memperlihatkan batas waktu yang diperlukanuntuk memikirkan apa yang harus dilakukan oleh user

Symbol button “Mulai”Symbol button “Mulai”Symbol button “Mulai”Symbol button “Mulai”Symbol button “Mulai”

Symbol button “Mulai” dibuat menggunakan salah satu button yangterdapat dalam Common Libraries.

Symbol button “ level Dasar”, “level Sedang”, dan “level Lanjut”Symbol button “ level Dasar”, “level Sedang”, dan “level Lanjut”Symbol button “ level Dasar”, “level Sedang”, dan “level Lanjut”Symbol button “ level Dasar”, “level Sedang”, dan “level Lanjut”Symbol button “ level Dasar”, “level Sedang”, dan “level Lanjut”

Symbol button “level Dasar” dapat dibuat seperti berikut:

1. Pada frame 1 (up) buat elips warna orange dengan label “DASAR” warnahitam.

2. Pada frame 2 (over) buat elips diganti warna hijau dan warna teks “DASAR”menjadi putih.

Gambar 6.13 Editingsymbol button "levelDasar"

Page 11: Multimedia 1 15 Game

Kuis

11

3. Buat layer “Sound”, pada frame 3 dan 4 ditempatkan suara “nice ding”.

4. Ulangi nomor 1 sampai 3 untuk pembuatan button “level Sedang” dan“level Lanjut”.

Symbol button “ jawab Symbol button “ jawab Symbol button “ jawab Symbol button “ jawab Symbol button “ jawab A”, “jawab B”, dan “jawab C”A”, “jawab B”, dan “jawab C”A”, “jawab B”, dan “jawab C”A”, “jawab B”, dan “jawab C”A”, “jawab B”, dan “jawab C”

Symbol button “jawab A”, “jawab B”, dan “jawab C” dibuat seperti padapembuatan button “level Dasar”, “level Sedang”, dan “level Lanjut”.

Symbol button “ pertanyaan”Symbol button “ pertanyaan”Symbol button “ pertanyaan”Symbol button “ pertanyaan”Symbol button “ pertanyaan”

Symbol button “pertanyaan” dibuat seperti pembuatan button “levelDasar”, “level Sedang”, dan “level Lanjut”.

Symbol movie clip “levelMc”Symbol movie clip “levelMc”Symbol movie clip “levelMc”Symbol movie clip “levelMc”Symbol movie clip “levelMc”

Symbol movie clip “levelMC” terdiri dari tiga frame dengan tiga buah ovaldengan label “DASAR”, “SEDANG”, dan “LANJUT” sebagai berikut:

1. Buat gambar oval dengan label “DASAR”, “SEDANG”, dan “LANJUT”.Pada frame 1 diberikan effect untuk oval “SEDANG” dan “LANJUT”sebesar alpha 20%.

2. Buat effect alpha 20% untuk oval “DASAR” dan “LANJUT” pada frame 2.

3. Pada frame 3 buat effect alpha 20% untuk oval “DASAR” dan “SEDANG”.

4. Buat layer “Action”, kemudian pada frame 1, 2, dan 3 dibuat action stop()stop()stop()stop()stop().

Gambar 6.14 (kiri) Editingsymbol button "jawab A"

Gambar 6.15 (kanan)Editing synbol buton"pertanyaan"

Gambar 6.16 Editingsymbol movie clip"levelMc"

Page 12: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

12

Symbol movie clip “questionMc”Symbol movie clip “questionMc”Symbol movie clip “questionMc”Symbol movie clip “questionMc”Symbol movie clip “questionMc”

Pada movie clip ini diperlukan satu dynamic text untuk menampilkanpertanyaan dan tiga dynamic text untuk menampilkan pilihan jawaban. Pembuatanmovie clip dapat dilakukan sebagai beriku:

1. Buat layer “Pertanyaan”, kamudian buat field dynamic text dengan namavariabel quizquestionquizquestionquizquestionquizquestionquizquestion dari frame 8 sampai 34.

2. Buat layer “Jawab A”, kemudian buat field dynamic text dengan namavariabel answeraansweraansweraansweraanswera dari frame 15 sampai 34. Buat label A.

3. Buat layer “Jawab B”, kemudian buat field dynamic text dengan namavariabel answerbanswerbanswerbanswerbanswerb dari frame 18 sampai 34. Buat label B.

4. Buat layer “Jawab C”, kemudian buat field dynamic text dengan namavariabel answercanswercanswercanswercanswerc dari frame 21 sampai 34. Buat label C.

5. Buat layer “Kotak”, untuk menempatkan kotak warna biru sebagai dasarpada field dynamic text untuk pertanyaan dan pilihan jawaban.

6. Buat layer “Sound”. Pada frame 5 drag symbol sound Arc short Arc short Arc short Arc short Arc short , danSwishesSwishesSwishesSwishesSwishes pada frame 15, 18, dan 21 dari Library.

7. Buat layer “Action”. Pada frame 1 dibuat script stop(stop(stop(stop(stop().

8. Pada frame 2 dalam layer Action buat script yang akan mengambil file textberisi pertanyaan secara random, sebagai berikut:

question_num = _root.qarray[_root.currentq]; filename = _root.gamelevel add "/q" add question_num add ".txt"; question = "Loading..."; loadVariablesNum (filename, 0);

Operator addaddaddaddadd dapat ditulsikan dengan +++++, yaitu concenate character.

9. Pada frame 4 buat script sebagai berikut:

if (_root.question eq “Loading...”) {gotoAndPlay (3);

}

10. Pada frame 5 buat script sebagai berikut:

quizquestion = _root.question;

Page 13: Multimedia 1 15 Game

Kuis

13

11. Pada frame 15 buat script sebagai berikut:

answera = _root.a1;

12. Pada frame 18 buat script sebagai berikut:

answerb = _root.a2;

13. Pada frame 21 buat script sebagai berikut:

answerc = _root.a3;

14. Pada frame 34 buat script stop()stop()stop()stop()stop().

Symbol movie clip “timemeterMc”Symbol movie clip “timemeterMc”Symbol movie clip “timemeterMc”Symbol movie clip “timemeterMc”Symbol movie clip “timemeterMc”

Untuk membuat ukuran waktu yang diperlukan bagi user dapat dilakuikansebagai berikut:

1. Pada layer pertama " Grafik" drag synbol graphic "display" dari Library.Buat panjang gambar dari frame 1 sampai 26.

Gambar 6.17 Editingsymbol clip "questionMc"

Page 14: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

14

2. Buat layer "Indikator", kemudian drag symbol graphic "Indikator" danbuat animasi tweening sehingga warna dari frame 1 ke frame 26 berubah.

3. Buat layer “Kotak”, kemudian buat animasi tweening dari kotak, sehinggakotak tersebut akan menutupi indikator pada frame 26. Buat maskmaskmaskmaskmask padalayer tesebut.

4. Buat layer “Action”, kemudian berikan action stop()stop()stop()stop()stop() pada setiap frame.

Scene1 - Mulai kuisScene1 - Mulai kuisScene1 - Mulai kuisScene1 - Mulai kuisScene1 - Mulai kuis

Untuk memulai game dapat dilakukan dengan menekan button, dapat dibuatsebagai berikut:

1. Buat ukuran movie 650 x 400 pixel.

2. Buat layer “Button level”. Pada frame 1, buat button dari Common Librar-ies untuk memulai game.

3. Buat layer “Score”, kemudian buat dynamic text dengan nama variabelscorescorescorescorescore mulai dari frame 1 sampai frame 66. Buat static text “Score”, danditempatkan di sebelah kiri dynamic text tersebut.

4. Buat layer “No pertanyaan”, kemudian buat dynamic text dengan namavariabel numq numq numq numq numq mulai dari frame 1 sampai frame 66. Buat static text“Pertanyaan ke” dan "Nilai" untuk menerangkan field dynamic text. Padaawal game, scorescorescorescorescore ditentukan 00000 dan numqnumqnumqnumqnumq (nomor pertanyaan ) samadengan 0 0 0 0 0, sehingga script pada button "Mulai" dapat dibuat sebagaiberikut:

Gambar 6.18 Editingsymbol "timemeterMc"

Page 15: Multimedia 1 15 Game

Kuis

15

on (release) {gotoAndPlay (2);score = 0;numq = 0;

}

5. Buat layer “Timer”, kemudian drag symbol “timetimerMc” dari Libraryke dalam stage, dan berikan nama instance time_timertime_timertime_timertime_timertime_timer mulai dari frame1 sampai frame 66. Buat static text “Timer” dan ditempatkan di atas in-stance tersebut.

Scene 2 - Membuat pilihan levelScene 2 - Membuat pilihan levelScene 2 - Membuat pilihan levelScene 2 - Membuat pilihan levelScene 2 - Membuat pilihan level

Pilihan game memerlukan tiga buah button dan movie clip untuk Informasilevel. Untuk itu dapat dilakukan beberapa urutan aktivitas sebagai berikut:

Gambar 6.19 Layout padaawal movie

Page 16: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

16

1. Pada layer “Button level” frame 2, drag symbol button “level Dasar” danbuat script sebagai berikut:

on (release) { gamelevel = “dasar”; gotoAndPlay (“Get question”);

}

2. Drag symbol button “level Sedang” dan buat script sebagai berikut:

on (release) { gamelevel = “sedang”; gotoAndPlay (“Get question”);

}

3. Drag symbol button “level Lanjut” dan buat script sebagai berikut:

on (release) { gamelevel = “lanjut”; gotoAndPlay (“Get question”);

}

6. Buat layer “Info level”, drag symbol “levelMc”dari Libabry dan berikannama instance levelselectorlevelselectorlevelselectorlevelselectorlevelselector mulai dari frame 3 sampai frame 24.

Membuat pertanyaan dan jawaban Membuat pertanyaan dan jawaban Membuat pertanyaan dan jawaban Membuat pertanyaan dan jawaban Membuat pertanyaan dan jawaban

Untuk membuat pertanyaan diperlukan movie clip pertanyaan/jawaban,button, dan informasi nomor pertanyaan.

Gambar 6.20 (kiri) Layoutpada button pilihan level

Gambar 6.21 (kanan)Instance levelselector"dengan button"pertanyaan"

Page 17: Multimedia 1 15 Game

Kuis

17

1. Buat layer "Info level", kemudian drag symbol "levelMc" ke dalam stage,dan tempatkan dari frame 3 sampai frame 24. Buat nama instance"levelselector".

2. Buat layer “Pertanyaan_jawab”. Pada frame 2 drag symbol “questionMc”ke dalam stage dan buat nama instance questionslatequestionslatequestionslatequestionslatequestionslate. Buat instancetersebut sampai frame 24. Pada stage kotak pertanyaan dan jawaban tidakkelihatan karena frame 1 dari movie clip “questionMc” kosong.

3. Buat layer “Button pertanyaan”. Pada frame 3 drag button “pertanyaan”ke dalam stage, dan diletakkan di bawah pilihan levelpilihan levelpilihan levelpilihan levelpilihan level. Script pada but-ton digunakan untuk menampilkan numor urut pertanyaan sertapertanyaan dan jawaban, sebagai berikut:

on (release) {getquestion = true;numq = numq + 1;questionslate.play ();gotoAndPlay (“play”);

}

4. Buat layer “Pilihan jawab”. Pada frame 3 drag symbol button “jawab A”,“jawab B”, “jawab C”, dan symbol garphic “pilihan_jawab” ke dalamstage. Symbol graphic “pilihan_ jawab” dibuat merupakan kotak yangdigunakan untuk menempatkan button “jawab A”, “jawab B”, dan “jawabC”. Pada kotak tersebut dibuat label teks “Pilih jawaban”. Buat symbolbutton dan graphic tersebut sampai frame 66.

Scene 4 dan 5 - Info benar dan salahScene 4 dan 5 - Info benar dan salahScene 4 dan 5 - Info benar dan salahScene 4 dan 5 - Info benar dan salahScene 4 dan 5 - Info benar dan salah

Untuk menampilkan informasi jawaban, diperlukan frame yangmemberikan informasi bahwa jawaban benar atau salah.

1. Buat layer “Info benar”, kemudian buat animasi dari frame 25 sampai 37yang memberikan informasi bahwa jawaban benar.

2. Buat layer “Info salah”, kemudian buat animasi dari frame 45 sampai 66yang memberikan informasi bahwa jawaban salah.

3. Buat layer “Sound”, kemudian pada frame 25 sampai 37 drag symbolsuara “Uh huh!”, dan “death chord” dari frame 45 sampai 66.

Page 18: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

18

Action dan label pada franeAction dan label pada franeAction dan label pada franeAction dan label pada franeAction dan label pada frane

Untuk membuat action dan label pada frame dapat dilakukan sebagaiberikut:

1. Buat layer “Action”.

2. Pada frame 1 buat action stop()stop()stop()stop()stop().

3. Pada frame 2 buat script sebagai berikut:

// Clear random array - diperlukan untuk memulai game ...qarray = new Array();total_questions = 15;array_length = total_questions;count = 1;while (count<=array_length) {

qarray[count]=0; count =count+1;

}

// Membuat array yang diakses secara randomcount = 1;while (count<=array_length) {

item = (random(number(total_questions)))+1;while (qarray[item]>0) {

item = (random(array_length))+1;} qarray[item]=count; count = count+1;

}

Gambar 6.22 (kiri)Informasi jawaban benar

Gambar 6.23 (kanan)Informasi jawaban salah

Page 19: Multimedia 1 15 Game

Kuis

19

// Set variabel gamegetquestion = false;total_questions = 15;currentq = 1;pertanyaan = false;num_questions = 10;level1_limit = 50;level2_limit = 70;level3_limit = 90;knowledge_factor = 20;stop ();

4. Pada frame 3 buat buat label “Get question” dan script sebagai berikut:

if (gamelevel eq “sedang”) {levelselector.gotoAndStop (2);

}if (gamelevel eq “lanjut”) {

levelselector.gotoAndStop (3);}stop ();

5. Pada frame 4 buat label “playquiz” dan script sebagai berikut:

if (pertanyaan == true) {questionslate.play ();

} else {timelimit = 0;

time_meter.gotoAndStop (1);}

6. Pada frame 5 buat label “play”.

7. Pada frame 15 buat script sebagai berikut:

if (getquestion == true) {timelimit = timelimit+1;time_meter.nextFrame ();

}if (timelimit>=25) {

gotoAndPlay (“salah”);} else {

gotoAndPlay (“play”);}

Page 20: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

20

8. Pada frame 16 buat script sebagai berikut:

answera = a1;answerb = a2;answerc = a3;// Tentukan jawaban .....test = random(100);if (gamelevel eq “dasar”) {

limit = level1_limit;}if (gamelevel eq “sedang”) {

limit = level2_limit;}if (gamelevel eq “lanjut”) {

limit = level3_limit;}

9. Pada frame 17 buat label “pertanyaan”

10. Pada frame 24 buat script sebagai berikut:

gotoAndPlay (2);

11. Pada frame 25 buat label “benar”

12. Pada frame 37 buat script sebagai berikut:

gotoAndPlay (2);

13. Pada frame 44 buat script sebagai berikut:

pertanyaan = false;getquestion = false;currentq = currentq+1;score = score+2;if (score>24) {

score = 24;}gmeter.gotoAndStop (_root.score+1);if (currentq>num_questions) {

gotoAndStop (“Quiz”, “Start Quiz”);} else {

gotoAndPlay (“Get question”);}

Page 21: Multimedia 1 15 Game

Kuis

21

14. Pada frame 45 buat label “salah”

15. Pada frame 66 buat script sebagai berikut:

gotoAndPlay (2);

Mnggunakan button untuk menentukan jawabanMnggunakan button untuk menentukan jawabanMnggunakan button untuk menentukan jawabanMnggunakan button untuk menentukan jawabanMnggunakan button untuk menentukan jawaban

Pembuatan button dan menggunakannya untuk menentukan pilihanjawaban, dapat dilakukan sebagai berikut:

1. Buat layer “PIlihan jawab”. Kemudian pada frame 4 drag symbol graphic“pilihan_jawab” serta button “jawab A”, “jawab B”, dan “jawab C”.

2. Buat script pada button “A” sebagai berikut:

on (release) {if (getquestion == true) {

if (ca == 1) {gotoAndPlay ("benar");score=score+2;

} else {gotoAndPlay ("salah");score=score-1;

}}

}

Gambar 6.23 Tampilanmovie kuis bila moviedijalankan

Page 22: Multimedia 1 15 Game

MULTIMEDIA I - PENGANTAR - MULTIMEDIA

22

Script pada button “B” sebagai berikut:

on (release) {if (getquestion == true) {

if (ca == 2) {gotoAndPlay ("benar");score=score+2;

} else {gotoAndPlay ("salah");score=score-1;

}}

}

Script pada button “C” sebagai berikut:

on (release) {if (getquestion == true) {

if (ca == 3) {gotoAndPlay ("benar");score=score+2;

} else {gotoAndPlay ("salah");score=score-1;

}}

}

3. Simpan file dengan nama kuis.fla.kuis.fla.kuis.fla.kuis.fla.kuis.fla.

4. Pilih ContrContrContrContrContrololololol —> TTTTTest Movie est Movie est Movie est Movie est Movie untuk melihat hasilnya.