Modul Praktikum Multimedia I Minggu-7 Page 1

Minggu 7 Pembuatan Animasi – Game Flash Materi minggu ini adalah pembuatan game berbasis flash dengan memanfaatkan Action Script.

Action Script digunakan untuk mengontrol objek-objek dalam movie flash, contohnya adalah

mengontrol navigasi dalam movie, mengontrol data (variabel), menampikan atau

menyembunyikan objek dll. Dalam praktek ini hanya beberapa hal yang akan di buat.

1. Action-Frame untuk Mengontrol Movie Clip

Action-Frame dapat digunakan untuk mengontrol symbol movie clip, misal : property ukuran,

posisi, rotasi, dll. Cara membuatnya sebagai berikut :

1. Buat gambar lingkaran dengan ukuran sembarang pada dokumen baru.

2. Ubah nama layer pada Timeline dengan nama bola.

Modul Praktikum Multimedia I Minggu-7 Page 2

3. Jadikan gambar sebagai symbol dengan nama “bola” dan behavior “movie clip”

4. Mengontrol property movie clip, caranya adalah membuat instance movie clip pada

properties.

Berikan nama instance dengan “mc_bol”

� nama instance sebaiknya tidak ada spasi.

5. Menuliskan Action –Frame untuk mengontrol property lebar dan tinggi instance mc_bol.

+ Buat layer baru pada Timeline dan berikan namanya “action”.

Modul Praktikum Multimedia I Minggu-7 Page 3

6. Pada panel Timeline, klik frame 1 layer action, dan pada panel Action-Frame tuliskan

script berikut :

7. Lakukan test movie (Ctrl + Enter)

2. Action-Button untuk Navigasi

Hal ini untuk mengontrol navigasi dalam movie. Contoh : suatu movie flash diterapkan action-

frame di frame 1 untuk menghentikan playback di frame tersebut. Misalnya menambahkan

tombol di movie (yang jika tombol diklik, playback akan dijalankan). Langkah-langkah

pembuatannya sebagai berikut :

1. Buat gambar lingkaran yang bisa bergerak sesuai contoh1_1.swf

Caranya :

� Buat lingkaran, jadikan symbol (beri nama : “bol”)

Modul Praktikum Multimedia I Minggu-7 Page 4

�Tambahkan animasi berguling

1

Modul Praktikum Multimedia I Minggu-7 Page 5

2

3

4

Modul Praktikum Multimedia I Minggu-7 Page 6

2. Membuat tombol (button) pada layer 2 (diberi nama : “tombol”)

3. Membuat Script pada layer2 (diberi nama : “action”)

5

6

7

Modul Praktikum Multimedia I Minggu-7 Page 7

� Hasil yang ditampilkan pada layar script adalah :

8

9

10

Modul Praktikum Multimedia I Minggu-7 Page 8

Pada pembuatan game flash itu sendiri menggunakan objek-objek yang diterapkan Action Script

antara lain frame, movie clip, button, dan sound. Berikut ini adalah contoh pembuatan game

interaktif tentang game matematika sederhana.

1. Desain tampilan sebagai berikut (desain boleh sesuai keinginan) :

2. Buatlah 3 buah dynamic text yang masing-masing Var diberi nama angka1, angka2, respon.

Dan buat 1 buah input text yang Var diberi nama “jawaban”

“Variabel adalah wadah untuk menampung data”

� data dalam suatu variable bisa berupa data dinamis (artinya yang setiap saat bisa

berubah-ubah)

Caranya :

a. Tambahkan layer (ubah namanya : “dinamic”)

b. Aktifkan tool text di toolbox, kemudian buat kotak teks. (bila perlu gunakan pensil

tool untuk membuat batas garisnya, sehingga kelihatan pada hasilnya nanti).

�Variabel : angka1 untuk bilangan pertama

�Variabel : angka2 untuk bilangan ke dua

�Variabel : respon untuk hasil pengecekan jawaban “benar” atau “salah”

�Variabel : jawaban untuk hasil jawaban pemain.

c. Tambahkan lambang operator matematika (+, /, -, *) dan sama dengan (=) dan

masing-masing digroup ( Ctrl +G atau modify >> group)

Perhatikan pada panel timeline : nama layer1

: ” latar”

Modul Praktikum Multimedia I Minggu-7 Page 9

Dynamic text dengan

variable angka1

Dynamic text dengan

variable angka2

Dynamic text dengan

variable angka2

Dynamic text dengan

variable respon Input text dengan

variable jawaban

Modul Praktikum Multimedia I Minggu-7 Page 10

3. Buatlah 2 buah button (membuat symbol) pada layer tombol yang masing-masing diberi nama tombol_Cek dan tombol_Reset. Tampilan akhir seperti gambar berikut :

4. Membuat action script pada tombol Cek (perhatikan layer tombol yang aktif atau tombol cek

yang sedang aktif)

• Tombol cek dan reset, pembuatannya lihat materi minggu6

• Tombol Cek untuk melihat hasil jawaban “benar “ atau “salah”

• Tombol Reset untuk mengosongkan dynamic text agar dapat bermain

lagi

Modul Praktikum Multimedia I Minggu-7 Page 11

5. Membuat action script pada tombol Reset :

6. Membuat action script pada layer frame (dinamic) :

• random(10) berarti

mengacak angka

antara 0-9

• Nilainya dapat

diubah. Misal ingin

nilai acaknya 0-17

maka dapat anda

ganti dengan

random(18)