Disusun Oleh :
Puji dan syukur kehadirat Tuhan Yang Maha Esa, atas kasih dan karunia-Nya, sehinggakami
sebagai penulis dapat menyelesaikan penulisan tugas makalah ini dengan baik. Makalah
inidisusun untuk memenuhi tugas mata pelajaran bahasa Indonesia Adapun judul makalah ini
“Membuat Game Flash Ular Tangga”.
Ucapan terima kasih kepada yang sudah mendukung penelitiaan karya buatan kami dan
kamisebagai penulis menyadari sepenuhnya bahwa penulisan tugas ini masih jauh dari
sempurna,karena keterbatasan pengetahuan, pengalaman serta referensi yang penulis miliki.
Untuk itu penulis mengharapkan saran dan kritik demi perbaikan pada masa masa
mendatang.
BAB I
PENDAHULUAN
A. Latar Belakang
Sebelum memulai proses pembuatan game, akan lebih baik jika kita mengenal siapa
dan bagaimana flash itu. Area kerja Flash (mx, mx 2004, dan flash 8) pada dasarnya
terdiri atas beberapa komponen yaitu Menu, Toolbox, Timeline, Stage dan Panel.
B. Membuat AI (Game)
Pada pembuatan game ini, kami menggunakan aplikasi Adobe Animate. Berikut
langkah-langkah dalam pembuatan game;
1. Membuat Petak
Buatlah sebuah kotak dengan menggunakan rectangle tool. Anda juga bisa
membuat rounded rectangle dengan memilih option rounded rectangle
radius.
Buatlah static text “Berupa Angka” tepat diatas kotak yang
sebelumnya telah kita buat, caranya klik text tool, kemudian buka
properties dan atur jenis huruf, ukuran dan warna. Buka panel properties
(apabila belum terbuka pilih menu window>properties). Pastikan option
static text pada text type.
Seleksi kotak dan text tersebut, kemudian konvert menjadi
symbol dengan dengan menekan tombol F8 (pilih menu insert>convert to
symbol). Pilih Movie Clip pada option behaviour dan ketikan petak pada
name.
Lanjutkan membuat petak sampai
sebanyak yang diinginkan seperti
pada gambar ini.
Pada pembuatan ular dan tangga tidak menggunakan kode atau script apapun, jadi
kita hanya membuat bentuk ular dan tangga dengan membuat layer baru pada
adobe animate (layer ular dan layer tangga) seperti gambar berikut;
3. Membuat Bidak
buat layer baru lagi untuk membuat bidak, kemudian Zoom ke frame peta yang
pertama kemudian kita akan menggambar tidak disini untuk menggambar bidak
saya gunakan oval tool sederhana seperti gambar ini
selanjutnya agar bidak ini bisa dideteksi oleh kode beda ini harus kita Ubah
menjadi movie clip selanjutnya gambar akan saya seleksi dan saya Klik Kanan
kemudian saya pilih convert to symbol saya berinama bidakMC dimana MC
adalah singkatan dari movie clip tipenya adalah movie clip registration di tengah
kemudian saya pencet menu Advance dan di menu Advance saya centang tombol
export forexhsn script agar kelas beda MC dapat terdeteksi oleh kode Nantinya
saya klik ok kemudian saya klik oke ketika ada actionscript warning jadi tidak ada
masalah Saya klik ok.
4. Membuat Dadu
a) Buatlah sebuah Movieclip baru dengan menekan menu Insert > New
Symbol (Ctrl+F8) kemudian ketikan nama daduMC type Movieclip dan
centang opsi Export for Actionscript
b) Selanjutnya dengan menggunakan Rectangle Tool (R), buatlah sebuah
persegi sebagai background dadu
c) Klik kanan frame 6 layer 1 dan pilih opsi Insert Frame untuk memberikan
background yang sama dari frame 1 sampai frame 6.
Buatlah sebuah layer baru, klik frame 1 layer 2 kemudian dengan
menggunakan Oval Tool (O) buatlah sebuah gambar titik hitam, tepat di
tengah background dadu.
Klik kanan frame 2 layer 2, kemudian pilih Insert Keyframe dan
tambahkan titik menjadi 2. Lakukan frame demi frame sehingga daduMC
memiliki 6 buah titik.
d) Kembali ke Scene utama dengan menekan tombol Ctrl+E. Kemudian
buatlah sebuah tombol acakBtn dan letakkan di sebelah kanan bawah.
Tambahkan instance name “acakBtn” pada tombol tersebut.
e) Buatlah sebuah layer baru, kemudian ubah nama masing-masing layer
menjadi layer objek dan layer action
f) Klik frame 1 layer action, kemudian ketikan kode berikut :
dadu.x = px;
dadu.y = py;
dadu.num = num;
dadu.waktu = 0;
dadu.addEventListener(Event.ENTER_FRAME, animasiDadu);
addChild(dadu);
return dadu;
function animasiDadu(e:Event):void{
ob.waktu++;
ob.rotation+=Math.random()*180;
ob.gotoAndStop(Math.ceil(Math.random()*6));
ob.gotoAndStop(ob.num);
ob.removeEventListener(Event.ENTER_FRAME,
animasiDadu);
function acakDadu(e:MouseEvent):void{
lemparDadu(Math.random()*700+50,
Math.random()*400+50,Math.ceil(Math.random()*6));
acakBtn.addEventListener(MouseEvent.CLICK, acakDadu);
DAFTAR PUSTAKA
https://youtu.be/FhVOXOPQ6V8