Adobe Flash Logo     Adobe Flash merupakan aplikasi interaktif yang dikembangkan oleh perusahaan Macromedia pertama kali, hingga akhirnya dibeli oleh Adobe. Di dalamnya mensupport beberapa fitur unggulan berupa animator dan scripting yang sangat berguna jika ingin membuat animasi atau aplikasi interaktif.

     Di sini saya tidak akan memberikan tutorial lengkap mengenai bagaimana caranya membuat animasi dengan Flash, karenanya saya hanya ingin berbagi tips singkat mengenai bagaimana cara membuat permainan atau aplikasi interaktif dengan menggunakan Adobe Flash, dengan menitikberatkan kepada scripting memakai bahasa pemrograman Action Script 3, yang merupakan versi terbaru dari metode scripting yang digunakan oleh Flash. Pastikan pilih dokumen baru yang merupakan versi Action Script 3.0.

 

  • Menyetel (setup) ukuran dokumen

     Biasanya hal ini paling sering membuat beberapa pengembang atau developer awal galau akan ukuran aplikasi yang akan dikembangkan dikarenakan hal ini bersifat statis dan sulit diatur ulang ketika aplikasi yang bersangkutan telah dipublikasikan. Kita tidak perlu berharap aplikasi ini dapat menjadi full screen walaupun memang terdapat perintah khusus untuk membuatnya demikian, oleh karena itu di sinilah letak pentingnya pengaturan awal mengenai resolusi permainan atau aplikasi interaktif yang akan dibuat.

  1. Jika dikembangkan untuk mobile atau handphone, umumnya dibuat dengan resolusi 240 x 320 piksel, atau tergantung dari ukuran layar yang akan ditargetkan.
  2. Jika dikembangkan untuk Personal Computer (PC) atau laptop, variasi dapat bermacam-macam. Namun, beberapa developer lebih memilih dengan ukuran 640 x 480 (VGA), dan 800 x 600 piksel.
  3. Untuk ukuran web jika ingin dipublikasikan di dalam blog atau situs pribadi, maka ini tergantung dari lebar ukuran posting situs yang bersangkutan, kebanyakan orang sudah OK dengan ukuran default Flash yaitu 550 x 400 piksel maupun yang telah disebutkan dalam point 2.
  4. Jika hanya untuk keperluan widget atau aksesoris blog dan situs seperti jam, kalender, animasi iseng, dan sebagainya, maka ukuran yang dianjurkan dari lebar maupun tinggi adalah kurang lebih 150 piksel.

 

  • Tentukan Framerate

     Frame rate atau Frame Per Second (FPS) adalah tingkat kecepatan frame permainan atau permainan dalam satu detik. Seperti halnya kita membuat gambar hidup dalam sebuah buku berupa gambar manual yang dilukiskan lembar per lembar, kemudian kita singkap lembar per lembar dengan cepat agar gambar terlihat hidup. Maka, semakin cepat kita menyingkap lembarannya, maka gambar yang kita telah buat pada setiap lembar akan bergerak semakin cepat dan halus. Inilah yang dimaksud dengan frame per second di mana frame itu adalah lembarannya. Umumnya, game menggunakan 60 FPS, sedangkan video menggunakan 30 FPS.

     Letak pengaturan FPS dan ukuran dokumen ada pada tab Properties. Jika tab yang bersangkutan tidak muncul atau hilang, dapat memunculkannya kembali dengan memilih menu :

Window – Properties atau CTRL + F3

     Di mana menu Window adalah khusus kumpulan-kumpulan menu yang berhubungan dengan tampilan-tampilan window atau tab adalam suatu aplikasi, termasuk microsoft office.

flash1     Gambar di atas adalah tampilan Properties untuk mengatur FPS dan ukuran dokumen.

 

  • Objek yang dibuat harus selalu dikonversi ke simbol

flash2     Buatlah sebuah objek entah itu berupa persegi, lingkaran dengan tool seperti gambar di atas, maupun gambar yang diimpor dengan menu File – Import – Import to Stage (CTRL + R). Kemudian Klik kanan pada objeknya dan pilih Convert to Symbol, atau bisa juga dengan menekan F8 secara langsung seperti gambar di bawah ini.flash3

     Pilih Movie Clip jika ingin objek tersebut menjadi objek interaktif yang dapat dikontrol termasuk menjadi tombol, atau pilih Button jika objek hanya ingin menjadi tombol saja. Untuk titik registrasi, saya lebih menyarankan agar titik hitamnya berada di tengah seperti gambar di atas karena Registration point berfungsi sebagai pivot atau titik sumbu dari suatu objek yang sangat berpengaruh terhadap pemosisian objek tersebut ketika dipindahkan, maupun sebagai titik tengah ketika diputar.

 

  • Berilah nama objek tersebut

flash4     Tulislah nama objek pada kolom Instance Name pada tab Properties menjadi nama yang diinginkan. Perlu diingat bahwa, penamaan tidak boleh memakai spasi, simbol, atau diawali dengan angka. Jangan sampai lupa nama yang dimasukkan karena itu akan menjadi identitas dalam kodingan untuk membuat objek tersebut menjadi interaktif.

 

  • Mulailah mengkoding

flash5     Berbeda dengan Action Script 2 (AS2), jika ingin memasukkan perintah kepada objek yang diinginkan maka kliklah frame yang berisikan objek tersebut seperti yang ditunjukkan panah biru pada gambar di atas. Untuk memunculkan jendela koding, cukup tekan F9 dan mulai mengkoding.

     Ingatlah nama dari objek dibuat seperti yang telah disebutkan di atas sebagai identitas pada kolom Instance Name. Hal ini juga merupakan Case Sensitive di mana huruf kecil dan besar harus ditulis sama, atau kompiler akan mengeluarkan sesuatu error dan game atau aplikasi tidak dapat digunakan meski dapat dijalankan.

flash6     Kemudian buatlah variabel bernama objek tersebut dengan jenis yang telah ditentukan di atas seperti Movie Clip (gunakan MovieClip), atau Button (gunakan SimpleButton). Jika penulisan sudah benar, maka akan muncul sendiri baris import mengenai sesuatu yang telah didefinisikan seperti gambar dibawah ini. flash7

     Kemudian mulailah mengubah-ubah properti objeknya yang telah ada, seperti mengubah transparansi objek atau alpha, posisi x objek, posisi y objek, dan lain sebagainya. Karena Action Script 3 merupakan Object Oriented Programming (OOP), maka cara untuk memberikan perintah kepada objek yang bersangkutan cukup dengan menuliskan namanya kemudian beri titik setelahnya tanpa spasi dan barulah untuk menyematkan perintah atasnya.

     Gambar dibawah ini merupakan pemberian perintah terhadap objek dengan memodifikasi posisi x nya, kemudian tekan CTRL + ENTER untuk melihat hasilnya.flash8

 

  • Berhasil? Kemudian buatlah berkesinambungan

     Bagaimana caranya agar objeknya bergerak secara terus-menerus sepanjang kordinat x? Jika pada AS2 kita memakai OnEnterFrame, maka pada AS3 kita memakai :

objek.addEventListener(NamaEvent.JENIS_EVENT, NamaPerintah);
  1. NamaEvent adalah pembagian event berdasarkan aktivitasnya. Jika berdasarkan mouse seperti saat kita mengklik, mendrag, maka harus memakai MouseEvent. Jika berdasarkan keyboard maka harus memakai KeyboardEvent. Atau jika event yang dijalankan tidak berdasarkan apa-apa dalam arti biar gamenya memerintah dirinya sendiri maka cukup gunakan Event saja seperti ketika gamenya memuat objek atau selama gamenya dijalankan.
  2. JENIS_EVENT adalah pengkhususan dari event induknya. Contoh, jika event tersebut terjadi berdasarkan klik dari mouse, maka nama eventnya adalah MouseEvent dan jenis eventnya adalah CLICK.
  3. NamaPerintah adalah nama sebuah kumpulan baris yang akan dijalankan dengan pemberian nama sesuai kehendak hati kita. Namun perlu diingat seperti pemberian nama objek, nama tidak boleh memakai spasi, simbol, ataupun diawali dengan angka.

     Karena kita ingin pemberian perintah kepada objek khusus selama game atau aplikasi itu berjalan, sekali lagi, jika pada AS2 kita memakai OnEnterFrame, maka pada AS3 pemberian perintahnya adalah :flash9

     Pada gambar di atas saya telah memberikan perintah yang dijalankan selama game atau aplikasi tersebut dibuka (Event.ENTER_FRAME) dengan nama perintah Berjalan. Lalu, apa isi dari perintah Berjalan tersebut? Nah, kita buat fungsi khusus yang berisi komando-komandonya dengan rumus :

function NamaPerintah ( e : NamaEvent ) {
     //isi perintah
}

      Karena kita ingin bola tersebut berjalan di posisi x dengan sebuah kecepatan tertentu, maka kita dapat tulis seperti ini :flash10

     Atau bisa juga dibuat dengan bantuan variabel lain seperti ini :

flash 11

     Kemudian tekan CTRL + ENTER untuk melihat hasilnya.

     Perlu diingat, bahwa Event.ENTER_FRAME dijalankan setiap frame, hati-hati jika berpindah frame karena perintah tersebut masih akan tetap dijalankan meskipun objek yang bersangkutan telah tiada. Untuk mencegah kompiler yang bawel memunculkan error karena hal tersebut, gunakanlah perintah berikut :

function NamaPerintah ( e : NamaEvent ) {
    if (currentFrame == X) // X isi dengan angka
    {
        // isi perintah
    } else {
        // Salin saja perintah addEventListener di atas,
        // kemudian ganti kata "add"nya menjadi "remove"
        // seperti baris di bawah ini
        objek.removeEventListener(NamaEvent.JENIS_EVENT, NamaPerintah)
    }
}

     Maksud dari currentFrame adalah posisi frame yang terdapat objek yang terkena perintah. Jika currentFrame berisikan perintah addEventListener untuk Event.ENTER_FRAME, maka pada frame lain perintah tersebut harus dihapus dengan menambahkan removeEventListener seperti contoh kodingan di atas. Ini sebagai antisipasi agar kompiler tidak bertanya mengenai objek yang diperintah ketika berpindah frame sedangkan objek tersebut telah tiada di frame yang bersangkutan (null object reference).

Selamat mencoba dan semoga bermanfaat

Suka
Komentar
pos ke FB
pos ke Twitter
🤗 Selesai! 🤗

Nilai

Polling

Sugesti

Permainan


  • Sebelumnya
    Mendesain Tingkat Permainan yang Baik

    Berikutnya
    10 Langkah Memperbaiki Gaya Penulisan


  • 0 Jejak Manis yang Ditinggalkan

    Minta Komentarnya Dong...

    Silakan tulis komentar kalian di sini, yang ada bintangnya wajib diisi ya...
    Dan jangan khawatir, email kalian tetap dirahasiakan. 😉

    Kembali
    Ke Atas

    Terima kasih telah membaca artikel Anandastoon!

    Apakah artikelnya mudah dimengerti?

    Mohon berikan bintang:

    Judul Rate

    Desk Rate

    Terima kasih telah membaca artikel Anandastoon!

    Dan terima kasih juga sudah berkontribusi menilai kemudahan bacaan Anandastoon!

    Ada saran lainnya untuk Anandastoon? Atau ingin request artikel juga boleh.

    Selamat datang di Polling Anandastoon.

    Kalian dapat iseng memberi polling seperti di Twitter, Facebook, atau Story Instagram. Pollingnya disediakan oleh Anandastoon.

    Kalian juga dapat melihat dan menikmati hasil polling-polling yang lain. 😊


    Memuat Galeri Poll...

    Sebentar ya, Anandastoon muat seluruh galeri pollnya dulu.
    Pastikan internetmu tetap terhubung. 😉

    Asik poll ditemukan!

    Silakan klik salah satu poll yang kamu suka untuk mulai polling!

    Galeri poll akan terus Anandastoon tambahkan secara berkala. 😉

    Judul Poll Galeri

    Memuat poll...

    Sebentar ya, Anandastoon memuat poll yang kamu pilih.
    Pastikan internetmu tetap terhubung. 😉

    Masih memuat ~

    Sebelum memulai poll,

    Anandastoon ingin memastikan bahwa kamu bukan robot.
    Mohon agar menjawab pertanyaan keamanan berikut dengan sepenuh hati.
    Poll yang 'janggal' berpotensi dihapus oleh Anandastoon.
    Sebab poll yang kamu isi mungkin akan bermanfaat bagi banyak orang. 🤗

    Apakah nama hari sebelum hari Kamis?

    Mohon jawab pertanyaan keamanan ini. Jika jawaban benar, kamu langsung menuju pollnya.

    Senin
    Rabu
    Jumat
    Sabtu

    Atau, sedang tidak ingin mengisi poll?

     

    Wah, poll telah selesai. 🤗

    Sebentar ya... poll kamu sedang di-submit.
    Pastikan internetmu terhubung agar dapat melihat hasilnya.

    Hasil poll 👇

    Menunggu ~

    Ups, sepertinya fitur ini masih dikembangkan Anandastoon

    Di sini nantinya Anandastoon akan menebak rekomendasi artikel yang kamu inginkan ~

    Heihei maihei para pembaca...

    Selesai membaca artikel Anandastoon? Mari, saya coba sarankan artikel lainnya. 🔮

     

    Ups, sepertinya fitur ini masih dikembangkan Anandastoon

    Di sini nantinya kamu bisa main game langsung di artikelnya.

    Permainan di Artikel

    Bermain dengan artikel yang baru saja kamu baca? 😱 Kek gimana tuh?
    Simpel kok, cuma cari kata dalam waktu yang ditentukan.

    Mempersiapkan game...

    Aturan Permainan

    1. Kamu akan diberikan sebuah kata.

    2. Kamu wajib mencari kata tersebut dalam artikel.

    3. Kata yang ditemukan harap diblok atau dipilih.
    Bisa dengan klik dua kali di laptop, atau di-tap dan tahan sampai kata terblok.

    4. Terus begitu sampai kuota habis. Biasanya jumlahnya 10 kuota.

    5. Kamu akan berhadapan dengan waktu yang terus berjalan.

    6. DILARANG Inspect Element, CTRL + F, atau find and replace. Juga DILARANG berpindah tab/windows.