Module FLASH MX session II Beta Version
Modul
MACROMEDIA FLASH MX II
OLEH : ROBY SUSANTO
PSPTEI.Corp
PUSAT STUDI PENGEMBANGAN TEKNOLOGI ELEKTRONIKA DAN INFORMASI TEKNIK ELEKTRO UNIVERSITAS MERDEKA MALANG
Alamat Telp e-mail Home Page
: : : :
Gegung Fakultas Teknik Elektro – Arsitektur Lantai Dasar Universitas Merdeka Malang (0341) 568395 - 652 - *82 / 0819 7700 1197 admin@kocenk.net www.kocenk.net
MALANG 2005
©2008 KocenK All Rights Reserved
1
Module FLASH MX session II Beta Version
PENDAHULUAN
Seiring dengan perkembangannya e-mail bukan lagi merupakan sebuah tren yang dapat dibanggakan. Akan tetapi kini gensi itu sudah bergeser. Mencantumkan alamat situs pribadi di kartu nama adalah kebanggaan baru. Sebelum memasuki materi Flash lanjutan ada baiknya kita mengulang materi yang telah lalu. Saya akan mengigatkan bahwa flash mampu mengerjakan apapun karena flash merupakan software yang portable. Dahulu kita membahas flash sebagai design web sekaligus web design dan bagaimana cara meng up-load homepage yang telah kita hasilkan agar dapat dilihat dan di kunjungi oleh orang lain guna kepentingan tertentu. Kita akan mereview beberapa pertanyaan dasar mengapa kita perlu merancang / membuat homepage yang tentunya anda sendiri yang dapat menjawabnya. Penulis percaya bila anda mampu menjawab beberapa pertanyaan ini anda merupakan seorang homepage yang baik. 1. untuk apa mempunyai homepage sendiri? 2. mengapa anda ingin membuat homepage? 3. siapa yang anda harapkan tertarik dengan homepage anda? 4. tipe homepage bagaimana yang anda inginkan? 5. mengenai apa isi homepage anda? 6. seperti apa tampilan homepage yang anda inginkan? 7. dimana anda ingin memasang homepage anda? Semua pertanyaan tersebut dapat menuntun anda menjadi seorang web master. Untuk kali ini kita akan membahas sebuah design menggunakan lebih banyak action scrip sehingga aplikasi yang dihasilkan lebih pariatif dan interactive.
©2008 KocenK All Rights Reserved
2
Module FLASH MX session II Beta Version
PENGEMBANGAN ANIMASI MENGGUNAKAN ACTION SCRIP Complex preloader Preloader merupakan sebuah loder yang sangat berguna dalam sebuah permainan flash karena dengan menggunakan loader tersebut pengunjung / user tidak akan merasa bosan dan beranjak dari flash yang telah kita buat. Langkah membuat preloader. Buat sebuah permainan dalam library (movie clip) yang menggunakan 3 layer Buat tulisan LOADING pada layer 1 Buat bar outline / kotak (bingkai loader) pada layer 2 Buat bar movie clip pada layer 3 Sekarang kembali ke scane Buatlah 3 layer pada scane dimana layer 1 diberi nama loader, layer 2 dengan nama movie utama, layer 3 dengan nama action. Pada layer 3 di frame 1 dan 2 isikan action “stop” Pada layer 2 di frame 1 di kosongkan dan pada frame 2 di isi dengan apa yang akan di tampilkan Pada layer 1 di frame 1 masukkan preloader yang telah kita buat dalam library, berikan intruksi pada action scrip sebagai berikut onClipEvent (enterFrame) { loadedbytes=_root.getBytesLoaded(); totalbytes=_root.getBytesTotal(); if (loadedbytes>=totalbytes) { _root.gotoAndPlay (2); } else { frame=Math.floor(loadedbytes/totalbytes*50); this.gotoAndStop(frame); } } Cobalah lihat apa yang telah di hasilkan Teks berputar Cara membuat Buatlah text terserah anda misalnya percobaan 1 Setelah itu jadikan text tersebut movie clip Masukkan baris instruksi berikut onClipEvent (load) { perubahan=5; } onClipEvent (enterFrame) { this._rotation=this._rotation+perubahan; } Cobalah
©2008 KocenK All Rights Reserved
3
Module FLASH MX session II Beta Version
draggable mask cara membuat : buatlah 2 layer pada layer 1 beri nama masked dan layer 2 mask pada layer 1 buatlah / masukkan gambar yang berupa movie clip sehingga tersimpan dalam library pada layer 2 buatlah lingkaran atau sesuai selera jadikan movie clip agar tersimpan pada library layer 2 pada movie clip tersebut masukkan baris intruksi berikut onClipEvent(load) { _root.myMasked.setMask(_root.myMask); } onClipEvent(mouseMove) { startDrag(_root.myMask, true) } cobalah (pada label masukkan tulisan myMask dan myMasked) trails cara membuat: buat library sebuah movie clip keluarkan library tersebut menjadi 3 frame pada frame 1 isikan perintah ini pada stage startDrag(trail1, true); pada frame 2 isikan perintah ini pada stage copy = copy+1; if (copy>10) { copy = 1; } duplicateMovieClip("trail1", "trail"+copy, copy); pada frame 3 isikan perintah ini pada stage gotoAndPlay(2); selamat mencoba Mengubah property relative Buat movie clip dengan nama “terserah” Letakkan movie clip tersebut pada scane layer 1 dan frame 1 Masukkan baris intruksi berikut pada movie clip (Action) onClipEvent (mouseMove) { _root.bulat._xscale = (_root._xmouse/550)*100; _root.bulat._yscale = (_root._ymouse/400)*100; updateAfterEvent(); } Pada kolom properties isikan instant name dengan nama “terserah” Cobalah hasil karya anda
©2008 KocenK All Rights Reserved
4
Module FLASH MX session II Beta Version
Mouse Tracker 2 var02 Ambil / import gambar dari file ubah menjadi movie clip Buat movie clip kosong beri nama “terserah” Letakkan movie clip “terserah” pada scane layer 1 frame 1 Masih pada layer 1 buatlah untuk tampilan text dengan format dynamic text dan pada kolom variable isikan “position” Bila sudah isikan perintah pada movie clip terserah sebagai berikut: onClipEvent (mouseMove) { _root.Xposition = _root._xmouse; _root.Yposition = _root._ymouse; // Kode berikut akan men-merubah alpha // tergantung pada lokasi kursor terhadap ukuran movie stage _root.mbah._alpha=(_root._xmouse / 550) * 100; updateAfterEvent(); } Buat layer baru / layer 2 masukkan gambar yang telah di import dalam library ke layer 2 pada instant name isikan nama movie clip Cobalah jalankan….?!!! Drag Buat sebuah object menggunakan movie clip misalnya kotak Buat tombol dengan mengcopy object tersebut buat ukurannya lebih besar dari ukuran semula dan letakkan pada posisi HIT Buat layer baru pada movie clip yang telah kita buat dan letakkan tombol tersebut Berikan perintah pada tombol tersebut / letaknya pada layer 2 diatas on (press) { startDrag(this); } on (release) { stopDrag(); } Coba lihat hasil anda Drop Target Drop target merupakan sebuah tambahan action scrip dari Drag sehingga kita hanya perlu menambahkan gambar movie clip tong sampah pada scane layer 1 frame 1. dan menambahkan action scrip seperti berikut ini: on (press) { startDrag(this); } on (release) { stopDrag(); if (this._droptarget=="/tongsampah") {
©2008 KocenK All Rights Reserved
5
Module FLASH MX session II Beta Version
this._visible=0; } else { setProperty(this, _x, 400); setProperty(this, _y, 100); } } Selamat mencoba ^_^!!!? Tugas buatlah puzel menggunakan teknik Drag dengan action scrip sebagai berikut on (press) { startDrag (this); this.swapDepths( 2 ); } on (release) { stopDrag (); } Amati dan berikomentar Custom cursor Buat movie clip yang ujungnya lancip / tajam Letakkan pada scane layer 1 Masukkan baris intruksi berikut ini…. onClipEvent (load) { Mouse.hide(); } onClipEvent (mouseMove) { _root.rocket._x = _root._xmouse; _root.rocket._y = _root._ymouse; updateAfterEvent(); } Jalankan Area cursor Ini hanya melanjutkan dari custom cursor, coba tambahkan layer pada scane letakkan di bawah buat seperti contoh berikut: pada cursor masukkan action scrip berikut ini :
©2008 KocenK All Rights Reserved
6
Module FLASH MX session II Beta Version
onClipEvent (load) { Mouse.hide(); } onClipEvent (mouseMove) { Mouse.hide(); _root.rocket._x = _root._xmouse; _root.rocket._y = _root._ymouse; if ((_root._ymouse>0 && _root._ymouse<50) && (_root._xmouse>0 && _root._xmouse<550)) { _root.rocket._xscale = 50; _root.rocket._yscale = 50; _root.rocket._rotation = 0; _root.rocket._alpha = 100; } else if ((_root._ymouse>50 && _root._ymouse<350) && (_root._xmouse>400 && _root._xmouse<550)) { _root.rocket._xscale = 100; _root.rocket._yscale = 100; _root.rocket._rotation = 0; _root.rocket._alpha = 50; } else if ((_root._ymouse>350 && _root._ymouse<400) && (_root._xmouse>0 && _root._xmouse<550)) { _root.rocket._xscale = 100; _root.rocket._yscale = 100; _root.rocket._rotation = 225; _root.rocket._alpha = 100; } else { _root.rocket._xscale = 100; _root.rocket._yscale = 100; _root.rocket._rotation = 0; _root.rocket._alpha = 100; } updateAfterEvent(); } Permainan warna Buat leyer sebanyak 5 dengan nama “warna, outline, button, test, action” Buat outline menggunakan movie clip Buat movie clip untuk warna menggunakan outline Buat tombol dan letakkan pada layer button sebanyak 3 buah Bila sudah pada layer dengan nama action masukkan action scrip berikut warnasofa = new Color(sofa); //menggunakan variable Pada buton 1 berikan action scrip berikut on (rollOver) { _root.warnasofa.setRGB(0xFF0000); } Pada buton 2 berikan action scrip berikut
©2008 KocenK All Rights Reserved
7
Module FLASH MX session II Beta Version
on (rollOver) { _root.warnasofa.setRGB( 0x00FF00 ); } Pada buton 1 berikan action scrip berikut on (rollOver) { _root.warnasofa.setRGB( 0xFFFF00 ); } Pada layer dengan nama warna lihat properties dan isikan instant name “sofa” Coba jalankan…?!!!! Copy / stamp Pada dasarnya teknik ini serupa dengan drag Buat lingkaran dengan tulisan di tengahnya jadikan movie clip Pada movie clip ini buat layer baru dengan membuat tombol pada posisi HIT Masukkan baris instruksi berikut ini on (press) { duplicateMovieClip(this,"stempel"+_root.jumlah,_root.jumlah); _root.jumlah++; startDrag(this); } on (release) { stopDrag(); } Pada scane, frame 1 isikan action scrip berikut jumlah = 1; Coba amati dan komentarin Rotation ball secara Acak Lngkah pembuatan: Buka library Buat movie clip beberapa bola “bulat” dengan menggunakan warna berbeda Buat layer baru pada frame 1 berikan instruksi stop Kali ini buat movie clip baru (dalam library) Ambil movie clip “bulat” dari library Gunakan create motion tween. Pada frame 40 insert keyframe Klik kanan layer1 gunakan add motioan guide Buat lingkaran dan susunlah “bulat” sehingga dapat berputar mengikuti lingkaran Pada “bulat” frame1 instant name pada properties isikan dengan nama “warna” Keluarkan movie clip yang baru anda buat letakkan pada scane Masukkan baris intruksi berikut ini onClipEvent (load) { startframe=random(29)+1; randomscale=random(80)+20; this._xscale=randomscale; this._yscale=randomscale; this.gotoAndPlay(startframe);
©2008 KocenK All Rights Reserved
8
Module FLASH MX session II Beta Version
} Pada instant name berikan nama putar Buat layer baru masukkan baris intruksi berikut ini for (i=0; i<40; i++) { duplicateMovieClip(_root.ballbase, "bulat"+i, i); _root["bulat"+i]._x=200+random(100); _root["bulat"+i]._y=random(200)+100; } _root.putar._visible=0; warna = new Color (); stop(); Kembali pada layer1 buat tombol dan letakkan intruksi berikut on (release) { for (i=0; i<40; i++) { randomwarna = random(15)+1; _root["bulat"+i].warna.gotoAndPlay(randomwarna); } } Selamat mencoba
Replay Object Buat movie clip “bulat” dalam library Tambahkan layer buat tombol pada layer tersebut dengan posisi HIT Berikan instruksi berikut pada object on (press) { startDrag(this); } on (release) { stopDrag(); } Keluarkan dan berikan insteruksi berikut onClipEvent (load) { captureX=new Array(); captureY=new Array(); } onClipEvent(mouseDown) { captureX.length=0; captureY.length=0; mode="record"; } onClipEvent(mouseUp) { mode="play"; counter=0; } onClipEvent(enterFrame) { if (mode=="record") {
©2008 KocenK All Rights Reserved
9
Module FLASH MX session II Beta Version
captureX.push(this._x); captureY.push(this._y); } if (mode=="play") { this._x=captureX[counter]; this._y=captureY[counter]; counter=counter+1; } updateAfterEvent(); } Selamat mencoba etch jangan lupa instant name diisi ^_^!!!? Konversi suhu Buat 2 buah layer Pada layer1 isi tombol dan 2 text text 1 = celcius dan text 2 = Fahrenheit Pada layer 2 buat 2 buah text dengan input text masing-masing var di isi Pada tombol isikan baris intruksi berikut on (release) { fahrenheit=9/5*celcius+32; } Pada layer 2 isikan instruksi berikut celcius=""; fahrenheit=""; stop(); Selamat mencoba Membuat password Buat layer secukupnya untuk text, tombol, action, input text, dan dynamic text, juga hal Pada layer text buat tulisan masukkan nama anda dan password disini , login Pada layer tombol letakkan tombol dan berikan instruksi berikut on (release) { if (password == "abcd") { nextFrame(); } else { warning = "Hi, "+nama+" password Anda salah, silakan ulangi lagi"; } } Pada layer action berikan instruksi stop baik frame1 maupun frame2 Pada input text var isikan dengan nama / posisi sigle begitu juga password Pada layer dynamic. Var isi “warning” Selamat mencoba analisa dan cari kelemahannya.
©2008 KocenK All Rights Reserved
10
Module FLASH MX session II Beta Version
Kalkulator Buat 3 layer dengan nama action, display, tombol Pada layer action masukkan baris intruksi berikut ini Pada layer tombol buat layout untuk kalkulator dan letakkan tombol Pada layer display isikan dengan text berbasis dynamic text dengan var display Kembali pada tombol akan di bahas fungsi tombol kalkulator yaitu: Pada tombol C digunakan sebagai reset. Instruksinya adalah on (release) { display=""; operation="no"; } Pada tombol + digunakan untuk penjumlahan instruksinya adalah on (release) { if (operation=="no") { display=display+"+"; operation="tambah"; } } Pada tombol / digunakan untuk penjumlahan instruksinya adalah on (release) { if (operation=="no") { display=display+"/"; operation="bagi"; } } Pada tombol X digunakan untuk penjumlahan instruksinya adalah on (release) { if (operation=="no") { display=display+"*"; operation="kali"; } } Pada tombol (-) digunakan untuk penjumlahan instruksinya adalah on (release) { if (operation=="no") { display=display+"-"; operation="kurang"; } } Pada tombol (. )digunakan untuk penjumlahan instruksinya adalah on (release) { display=display+"."; } Pada tombol angka digunakan untuk penomoran instruksinya adalah on (release) { display=display+"0 s/d 9";
©2008 KocenK All Rights Reserved
11
Module FLASH MX session II Beta Version
} Pada tombol (=) digunakan untuk melihat hasil instruksinya adalah on (release) { if (operation=="tambah") { myArray=display.split("+"); number1=Number(myArray[0]); number2=Number(myArray[1]); total=number1+number2; display=total; operation="no"; } if (operation=="kurang") { myArray=display.split("-"); number1=Number(myArray[0]); number2=Number(myArray[1]); total=number1-number2; display=total; operation="no"; } if (operation=="kali") { myArray=display.split("*"); number1=Number(myArray[0]); number2=Number(myArray[1]); total=number1*number2; display=total; operation="no"; } if (operation=="bagi") { myArray=display.split("/"); number1=Number(myArray[0]); number2=Number(myArray[1]); total=number1/number2; display=total; operation="no"; } } Selamat mencoba ^_^!!!? Memunculkan Hari dan Tanggal Buat 3 layer. Action, keterangan, display Pada display buat movie clip dynamic text dan letakkan instruksi berikut ini onClipEvent (load) { myDate = new Date (); tanggal = myDate.getDate(); hari = myDate.getDay();
©2008 KocenK All Rights Reserved
12
Module FLASH MX session II Beta Version
bulan = myDate.getMonth (); tahun = myDate.getFullYear (); display = _root.namahari[hari]+", "+tanggal+" "+_root.namabulan[bulan]+" "+tahun; } Pada layer keterangan tulis “hari dan tanggal pada hari ini adalah” Pada action berikan instruksi berikut ini namahari = new Array(); namahari[0] = "Minggu"; namahari[1] = "Senin"; namahari[2] = "Selasa"; namahari[3] = "Rabu"; namahari[4] = "Kamis"; namahari[5] = "Jumat"; namahari[6] = "Sabtu"; namabulan = new Array(); namabulan[0] = "Januari"; namabulan[1] = "Februari"; namabulan[2] = "Maret"; namabulan[3] = "April"; namabulan[4] = "Mei"; namabulan[5] = "Juni"; namabulan[6] = "Juli"; namabulan[7] = "Agustus"; namabulan[8] = "September"; namabulan[9] = "Oktober"; namabulan[10] = "November"; namabulan[11] = "Desember"; Selamat mencoba Memunculkan Waktu Caranya sama hanya lebih sederhana yaitu Buat movie clip letakkan di scane beri instruksi berikut onClipEvent (enterFrame) { myTime = new Date (); jam = myTime.getHours (); menit = myTime.getMinutes (); detik = myTime.getSeconds (); if (jam>12) { jam=jam-12; } else if (jam==0) { jam=12; } if (menit<10) { menit="0"+menit; }
©2008 KocenK All Rights Reserved
13
Module FLASH MX session II Beta Version
if (detik<10) { detik="0"+detik; } waktu=jam+" : "+menit+" : "+detik; } Selamat mencoba Membuat dynamic Text Buat 2 layer dengan layer1 “dynamic dan layer2 “action” Pada layer dynamic buat 2 buah text yaitu text static dan text dynamic var isikan displayNews Pada layer action isikan instruksi berikut ini: loadVariables("kocenk.txt", _root.displayNews); Buat notepad dengan awalan text displayNews= isinya Selamat mencoba ^_^!!!? Efek Jarak Buat 2 layer dengan nama grid dan karakter Pada grid buat gambar garis seperti susunan lantai keramik dan jadikan movie clip Pada karakter buat movie clip di symbol Buat 2 layer layer1 graphic “isi instant name” layer2 button pada button buat dalam posisi HIT beikan instruksi berikut on (press) { startDrag(this,false,left,top,right,bottom); } on (release) { stopDrag(); } Kembali pada scane Klik pada karakter berikan instruksi berikut onClipEvent(load) { myBounds = _root.grid.getBounds(_root); top=myBounds.yMin; bottom=myBounds.yMax left=myBounds.xMin; right=myBounds.xMax; maxZ=bottom; minZ=top-50; } onClipEvent(mouseMove){ newScale=(100/(maxZ-minZ))*(this._y-minZ); this._xscale=newScale; this._yscale=newScale; } Selamat mencoba dech
©2008 KocenK All Rights Reserved
14
Module FLASH MX session II Beta Version
Efek suara Load /unload suara Buat musik jadikan file SWF Buat file baru buat 2 buah tombol pada tombol satu isiskan play musix berikan instruksi berikut on (release) { loadMovieNum("kocenk.swf", 1); } pada tombol dua isikan unload musix berikan instruksi berikut on (release) { unloadMovieNum(1); } coba sapa tau gagal ^_^!!!? Pengontrol suara buat 5 layer,action, sound, text, button, wav pada frame action masukkan instruksi ini s = new Sound(_root.musik); pada sound buat library dengan nama sound didalam library sound buat 3 layer, action, frame label, musix pada layer action masukkan instruksi ini s = new Sound(_root.musik); pada layer frame label buat label stop pada frame 1 s/d 20 dapa 21 s/d 40 label play pada layer musix frame 40 masukkan musix kembali ke scane pada layer tombol buat beberapa tombol diantaranya tombol start, stop, dan beberapa tombol untuk volume, dan tombol centre, beberapa tombol right, dan left pada tombol start isikan instruksi berikut: on (release) { musik.gotoAndStop("Play"); wave.gotoAndPlay("Play"); } pada tombol stop isikan instruksi berikut on (release) { musik.gotoAndStop("Stop"); wave.gotoAndStop("Stop"); stopAllSounds(); } pada centre isikan on (rollOver) { s.setPan(0); } pada volume musix untuk suara besar on (rollOver) { s.setVolume(100); }
©2008 KocenK All Rights Reserved
15
Module FLASH MX session II Beta Version
pada volume musix suara kecil on (rollOver) { s.setVolume(0); } pada left / right on (rollOver) { s.setPan(-100 / 100); } selamat mencoba Metode Manipulasi Musik Import suara dalam library Pada layer prame 1 isikan instruksi berikut mySound = new Sound (); mySound.attachSound("musik"); mySound.start(0,999); kembali pada suara yang terdapat dalam library perhatikan pada baris intruksi mySound.attachSound("musik"); yang artinya linkage berisi musik nach sekarang cobalah linkage tersebut isi dengan kata musik jalankan “semoga berhasil” slider / tuning Volume Buat layer sebanyak 4 buah ; action, sound, drag, batasan Pada action isikan instruksi berikut s = new Sound(_root.musik); pada sound buat library dengan 2 layer pada layer 1 berisi action dengan instruksi “stop”, pada layer 2 berisi suara letakkan pada scan layer sound pada drag buatlah library tombol,buat movieklip masukkan tombol tersebut pada movieclip yang baru anda buat dan masukkan baris instruksi berikut ini on (press) { startDrag(this, false, left, top, right, bottom); dragging = true; } on (release, releaseOutside) { stopDrag(); dragging = false; keluarkan movieklip baru anda ke scan dan berikan baris instruksi berikut onClipEvent (load) { top=_y; left=_x; right=_x+250; bottom=_y; } onClipEvent(enterFrame){ if (dragging==true){
©2008 KocenK All Rights Reserved
16
Module FLASH MX session II Beta Version
_root.s.setVolume((right-_x)/2.5); } } pada batasan buatlah garis sebagai landasan volume ingat pada instant name , jalankan selamat mengkoreksi Game Flash Dasar Perpindahan Object Buat object / gambar misalkan jadikan movieclip berikan instruksi berikut ini: onClipEvent (enterFrame) { if (Key.isDown(Key.UP) && Key.isDown(Key.RIGHT)) { this._rotation = 45; this._y = _y-15; this._x = _x+15; } else if (Key.isDown(Key.RIGHT) && Key.isDown(Key.DOWN)) { this._rotation = 135; this._y = _y+15; this._x = _x+15; } else if (Key.isDown(Key.LEFT) && Key.isDown(Key.DOWN)) { this._rotation = 225; this._y = _y+15; this._x = _x-15; } else if (Key.isDown(Key.UP) && Key.isDown(Key.LEFT)) { this._rotation = 315; this._y = _y-15; this._x = _x-15; } else if (Key.isDown(Key.UP)) { this._rotation = 0; this._y = _y-30; } else if (Key.isDown(Key.DOWN)) { this._rotation = 180; this._y = _y+30; } else if (Key.isDown(Key.RIGHT)) { this._rotation = 90; this._x = _x+30; } else if (Key.isDown(Key.LEFT)) { this._rotation = -90; this._x = _x-30; } } Cobalah…. Effect Tumbukan Buatlah movieclip dengan 3 layer : action, tombol, object. Pada action isi scrip “stop” Pada tombol buat object letakkan pada posisi HIT berikan instruksi berikut
©2008 KocenK All Rights Reserved
17
Module FLASH MX session II Beta Version
on (press) { startDrag(this); } on (release) { stopDrag(); } Pada object buat gambar yang serupa dengan posisi hit tombol di frame 1 pada frame 2 bikin gambar seperti ledakan Keluarkan movieclip yang baru anda buat dan berikan baris instruksi berikut ini onClipEvent (enterFrame) { if (this.hitTest(_root.asteroid) == true) { this.gotoAndPlay(2); } } Buat layer baru letakkan di bawah “buat object bergerak dari kiri ke kanan” dan pada instant name di isi >>>> asteroid Selamat mencoba Game Over Buat 3 layer : action, display, object Pada layer action berisi “Stop” Pada display buat movie clip dengan jenis text Dynamic. var waktu Keluarkan pada scan berikan instruksi onClipEvent(enterFrame) { currentTime=getTimer(); waktu=Math.round(10-(currentTime/1000)) if (waktu<=0) { _root.gotoAndStop(3); } } Coba Display Perang Game Buat 3 layer; border, pesawat, begron Pada border buat movie clip garis batasan Pada pesawat buat object pesawat berikan instruksi onClipEvent (load) { speed = 10; _root.laser._visible=0; jumlahlaser=1; } onClipEvent (enterFrame) { if (Key.isDown(Key.RIGHT)) { this._x=_x+speed; } else if (Key.isDown(Key.LEFT)) {
©2008 KocenK All Rights Reserved
18
Module FLASH MX session II Beta Version
this._x=_x-speed; } if (this._x<=50) { this._x=50; } else if (this._x>=600) { this._x=600; } if (Key.isDown(Key.CONTROL)) { if (jumlahlaser==1) { duplicateMovieClip (_root.laser, "laser"+jumlahlaser, jumlahlaser); jumlahlaser=0; } } } Pada begron masukkan begron yang sesuai Coba jalankan koreksi oiya ada yang lupa Pada pesawat buat movieclip dengan nama laser masukkan garis bentuk seperti misil berikan instruksi onClipEvent (load) { laserspeed=10; this._x=_root.pesawat._x; this._y=_root.pesawat._y-30; } onClipEvent (enterFrame) { this._y=this._y-laserspeed; if (this.hitTest(_root.upperBorder)) { _root.pesawat.jumlahlaser=1; removeMovieClip (this); } } Nach sekarang baru di coba ^_^!!!? Percobaan diatas blom ada musuhnya sekarang akan membuat musuh nich..?!!! Buat 7 layer : begron,pesawat,upborder,bottomborder,musuh,gameover,action. Pada action masukkan baris instruksi berikut startX=new Array (100,150,200,250,300,350,400,450,500,550,100,150,200,250,300,350,400,450,50 0,550); startY=new Array (100,100,100,100,100,100,100,100,100,100,150,150,150,150,150,150,150,150,15 0,150) for (i=0;i<20;i++) { duplicateMovieClip(enemy, "enemy"+i, i+10); _root["enemy"+i]._x=startX[i] _root["enemy"+i]._y=startY[i]
©2008 KocenK All Rights Reserved
19
Module FLASH MX session II Beta Version
} _root.enemy._visible=0; score=0; enemyBlown=0; suara1=new Sound(); suara1.attachSound("loop"); suara1.start(0,999); suara1.setVolume(50); suara2=new Sound(); suara2.attachSound("shot"); suara3=new Sound(); suara3.attachSound("explode"); stop(); stop(); Pada musuh buat movieclip bergerak dengan nama “musuh” Buat lagi movieclip ambil musuh dalam library buat bergeser dari kiri ke kanan ke kiri lagi 2 kalinya lalu kembali ke posisi semula bila sudah letakkan pada layer musuh.dan berikan instruksi berikut ini: onClipEvent (load) { enemySpeed=20; delay=5; startTimer=0; } onClipEvent (enterFrame) { currentTimer=Math.round(getTimer()/1000); if (currentTimer-startTimer==delay) { this._y=this._y+enemySpeed; startTimer=currentTimer; } if (this.hitTest(_root.laser1)) { _root.attachMovie("ledakan", "ledakan1", 5); _root.ledakan1._x=_root.laser1._x; _root.ledakan1._y=_root.laser1._y-20; _root.pesawat.jumlahlaser=1; removeMovieClip(this); removeMovieClip(_root.laser1); } if (this.hitTest(_root.pesawat)) { _root.attachMovie("ledakanCopy", "ledakanCopy1", 6); _root.ledakanCopy1._x=_root.pesawat._x; _root.ledakanCopy1._y=_root.pesawat._y; _root.ledakanCopy1._xscale=150; _root.ledakanCopy1._yscale=150; removeMovieClip(this); removeMovieClip(_root.pesawat);
©2008 KocenK All Rights Reserved
20
Module FLASH MX session II Beta Version
} if (this.hitTest(_root.bottomBorder)) { _root.attachMovie("ledakanCopy", "ledakanCopy1", 7); _root.ledakanCopy1._x=this._x; _root.ledakanCopy1._y=this._y; _root.ledakanCopy1._xscale=150; _root.ledakanCopy1._yscale=150; removeMovieClip(this); } } Pada buttonBorder buat movie clip berupa garis letakkan di bawah scan Pada upborder lakukan hal yang sama letakkan di atas ingat border sebagai batas Pada pesawat sama seperti contoh di atas isikan instruksi berikut: onClipEvent (load) { speed = 10; _root.laser._visible=0; jumlahlaser=1; } onClipEvent (enterFrame) { if (Key.isDown(Key.RIGHT)) { this._x=_x+speed; } else if (Key.isDown(Key.LEFT)) { this._x=_x-speed; } if (this._x<=50) { this._x=50; } else if (this._x>=600) { this._x=600; } if (Key.isDown(Key.CONTROL)) { if (jumlahlaser==1) { duplicateMovieClip (_root.laser, "laser"+jumlahlaser, jumlahlaser); jumlahlaser=0; } } } Begitu juga dengan lasernya instruksinya sebagai berikut onClipEvent (load) { laserspeed=10; this._x=_root.pesawat._x; this._y=_root.pesawat._y-30; } onClipEvent (enterFrame) { this._y=this._y-laserspeed;
©2008 KocenK All Rights Reserved
21
Module FLASH MX session II Beta Version
if (this.hitTest(_root.upperBorder)) { _root.pesawat.jumlahlaser=1; removeMovieClip (this); } } Begron juga sama sich ^_^!!!? Yang belum di bahas apa yach oiya layer “Game Over. Nach pada layer ini buat di frame2 tulisan Game Over Selesai dech di coba dan analisa Final Game Kali ini hanya mempercantik game yaitu hanya menambah nilai score dan suara Buat 8 layer; win, Game Over, Score, Musuh, Bottomborder, upborder, pesawat, background Pada Game Over sama seperti di atas Pada score buat text dynamic dengan var score letakkan pada frame 1 dan 2 atur posisinya Pada layer musuh sama var enemy dengan action scrip: onClipEvent (load) { enemySpeed=20; delay=5; startTimer=0; } onClipEvent (enterFrame) { currentTimer=Math.round(getTimer()/1000); if (currentTimer-startTimer==delay) { this._y=this._y+enemySpeed; startTimer=currentTimer; } if (this.hitTest(_root.laser1)) { _root.suara3.start(0,1); _root.score=_root.score+100; _root.enemyBlown=_root.enemyBlown+1; _root.attachMovie("ledakan", "ledakan1", 5); _root.ledakan1._x=_root.laser1._x; _root.ledakan1._y=_root.laser1._y-20; _root.pesawat.jumlahlaser=1; removeMovieClip(this); removeMovieClip(_root.laser1); } if (this.hitTest(_root.pesawat)) { _root.suara3.start(0,1); _root.attachMovie("ledakanCopy", "ledakanCopy1", 6); _root.ledakanCopy1._x=_root.pesawat._x; _root.ledakanCopy1._y=_root.pesawat._y; _root.ledakanCopy1._xscale=150; _root.ledakanCopy1._yscale=150;
©2008 KocenK All Rights Reserved
22
Module FLASH MX session II Beta Version
removeMovieClip(this); removeMovieClip(_root.pesawat); } if (this.hitTest(_root.bottomBorder)) { _root.suara3.start(0,1); _root.attachMovie("ledakanCopy", "ledakanCopy1", 7); _root.ledakanCopy1._x=this._x; _root.ledakanCopy1._y=this._y; _root.ledakanCopy1._xscale=150; _root.ledakanCopy1._yscale=150; removeMovieClip(this); } if (enemyBlown>=20) { _root.gotoAndStop(3) } } Pada button dan upborder sama Pada pesawat juga sama dengan action onClipEvent (load) { speed = 10; _root.laser._visible=0; jumlahlaser=1; } onClipEvent (enterFrame) { if (Key.isDown(Key.RIGHT)) { this._x=_x+speed; } else if (Key.isDown(Key.LEFT)) { this._x=_x-speed; } if (this._x<=50) { this._x=50; } else if (this._x>=600) { this._x=600; } if (Key.isDown(Key.CONTROL)) { _root.suara2.start(0,1); if (jumlahlaser==1) { duplicateMovieClip jumlahlaser); jumlahlaser=0; } } } Begitu juga laser onClipEvent (load) {
(_root.laser,
"laser"+jumlahlaser,
©2008 KocenK All Rights Reserved
23
Module FLASH MX session II Beta Version
laserspeed=10; this._x=_root.pesawat._x; this._y=_root.pesawat._y-30; } onClipEvent (enterFrame) { this._y=this._y-laserspeed; if (this.hitTest(_root.upperBorder)) { _root.pesawat.jumlahlaser=1; removeMovieClip (this); } } Lalu pada layer win buat static text “YOU WIN” Nach apa yang kurang coba jalankan dan amati… Cobalah buat library dengan mana explosion bikin effect ledakan jangan lupa linkage di isi lalu gandakan movieclip ini dengan nama explosion copy Masukkan 3 suara yaitu untuk main, tembak, dan ledakan pastikan yang anda buat kali ini berjalan dengan sempurna…
©2008 KocenK All Rights Reserved
24