Sunday, February 3, 2013

Membuat Aplikasi Android Sederhana, Hit Test, dengan Adobe Flash CS 6


Sesuai dengan janji saya pada postingan sebelumya, pada kesempatan kali ini, saya akan memberikan contoh sederhana aplikasi android dengan Adobe Flash CS 6. Tapi sebelumnya saya bingung harus buat apa ya? Akhirnya, saya putuskan mau kasih contoh program Hit Test aja ke kamu semua. Kan cuma contoh jadi saya kasih yang mudah aja. Bagi para master mohon jangan ganggu, ini khusus buat pemain baru. Hehehehehe………


Konsepnya gini, ada dua lingkaran. Jika lingkaran yang satu kita klik lalu kita seret,  maka lingkaran tersebut akan mengikuti mouse. Lalu, akan kita lepaskan. Jika terkena lingkaran yang kedua, maka akan muncul teks “terkena objek” kalau tidak kena ya keluarnya teks “ga kena objek”. Udah cuma gitu aja. Kalo gak tertarik gak usah lanjutin baca. Bagi yang pengen tahu, let’s move.

Buat dua lingkaran seperti gambar. Klik kanan pada  satu lingkaran, convert to symbol,pilih movie clip, kasih nama mc_lingkaran. Lalu ke tab properties, instance name nya ganti “lingkaran” tanpa tanda kutip. Lalu klik kanan pada lingkaran yang satunya, lakukan hal yang sama, convert to symbol,pilih movie clip, kasih nama mc_target. Lalu ke tab properties, instance name nya ganti “target” tanpa tanda kutip. Setelah selesai, tambahkan Text, ganti text type-nya menjadi Dynamic Text dan instance name-nya “hit” tanpa tanda kutip. Setelah itu, tekan F9 masukkan action script berikut:

=====awal action script=====

lingkaran.addEventListener(MouseEvent.MOUSE_DOWN, ClickToDrag);
function ClickToDrag(event:MouseEvent):void
{
lingkaran.startDrag();
  }
stage.addEventListener(MouseEvent.MOUSE_UP, dragdiatasobjek);
function dragdiatasobjek(event:MouseEvent):void
{
     if(lingkaran.hitTestObject(target))
                  {                                               
                hit.text="terkena objek"
                   }
                   else
                   {
                hit.text="ga kena objek"                       
                   }
lingkaran.stopDrag();
}
=====akhir action script=====

Setelah itu, kita coba jalankan. Tekan Ctrl+Enter. Horeee… aplikasi kita sudah jadi. Nah, setelah aplikasi jadi, langkah berikutnya adalah mem-publish nya menjadi file .apk. Untuk publish ke file .apk akan saya jelaskan pada postingan berikutnya. Sampai jumpa…..
Title: Membuat Aplikasi Android Sederhana, Hit Test, dengan Adobe Flash CS 6; Written by M. Khoirul Faruk; Rating: 5 dari 5

15 comments:

  1. Mantap gan
    makasih infonya...

    ReplyDelete
  2. maksutny ini buat di hape khan?? tp koq pake perintah mouse?? sry newbi

    ReplyDelete
    Replies
    1. Ya, ini untuk hape. Untuk lebih jelasnya, silahkan pelajari ini Flash AS3 Programming.pdf

      Delete
  3. Replies
    1. Sebenarnya saya ingin membuat postingan untuk cara publish, tapi belum sempat. Jadi saya jelaskan secara singkat saja ya.
      Untuk melalukan publish file dari file .fla ke .apk dapat mengikuti langkah berikut:
      1. File > Publish
      2. Pada kolom certificate silahkan isikan dengan file sertifikat berekstensi .p12. jika Anda belum punya atau bingung, silahkan tekan tombol Create saja. Untuk membuatnya, isi saja kolom yang disediakan lalu simpan. Anda pasti paham. Saya yakin itu, hehehe…
      3. Pada kolom password, Isikan password yang Anda buat saat membuat certificate.
      4. Pada Android Deployment Type, pilih saja Device release.
      5. Pada Air Runtime, pilih saja Embed Air runtime with application.
      6. Jangan lupa klik tab Permision. Pada Permission Name, Anda diharuskan mencentang minimal satu saja, boleh semuanya. Yang pasti harap disesuaikan dengan aplikasi yang Anda buat.
      7. Untuk yang lainnya silahkan dicoba sendiri, oke? Karena dengan mencoba sendiri tentunya Anda akan lebih paham.
      8. Setelah yakin semuanya beres, silahkan tekan tombol publish.
      9. File .apk kita sudah jadi. Biasanya letaknya sama dengan file .fla kita. Setelah itu, silahkan coba instal file .apk tersebut pada perangkat Android.

      Semoga membantu.

      Delete
  4. klo mau buat tombol exit gmn? ya ntr klo tombolnya di tekan langsung bisa keluar,, gak usah pake tombol back pada handphone...
    mohon bantuannya
    :)

    ReplyDelete
    Replies
    1. Untuk tombol exit, silahkan buat sebuah objek, convert to symbol, jadikan sebagai button. Pada instance name silahkan isi btKeluar. Lalu, coba gunakan script berikut :

      btKeluar.addEventListener(MouseEvent.CLICK, Keluar);
      function Keluar(event:MouseEvent):void {
      NativeApplication.nativeApplication.exit(0);
      }

      Selamat mencoba...

      Delete
    2. oke,, terimakasi banyak... tutorial anda sangat membantu saya...
      selanjutnya klo saya mau buat tombol dan ketika tombol tersebut di klik bisa membuka aplikasi browser dan langsung memuat alamat web yg dituju (misal: www.myweb.com),, itu bagaimana caranya...?
      terimakasih sebelumnya dan mohon bantuannya lagi... :)

      Delete
    3. Sebelumnya saya minta maaf karena baru sempat membalas komentar Anda karena kesibukan saya hehehe...

      Baiklah, untuk membuat tombol agar saat kita klik bisa membuka browser dan langsung menuju alamat yang dituju, silahkan coba skrip di bawah ini dengan catatan Anda telah membuat sebuah tombol dengan Instance Name-nya diisi contohlink.

      contohlink.addEventListener(MouseEvent.CLICK,kunjungi);
      function kunjungi(event:MouseEvent):void
      {
      navigateToURL(new URLRequest("http://inspiringanyone.blogspot.com"), "_blank");
      }

      Semoga bermanfaat...

      Delete
  5. gan minta alamat mailnya .. ada hal yang ingin sya tanyakan mengenai flash

    ReplyDelete
  6. mas kok gak bisa di donwload Flash AS3 Programming.pdf nya. ada link lagi gak.

    ReplyDelete
  7. Informasi mengenai IT yang ada di Kota Tuban dan lainya ->
    Kunjungi indituban.blogspot.co.id

    ReplyDelete
  8. mantap gan!
    oh iya ane cuma mau nanya? gimana caranya bikin actionscript yang kalo lingkaran tadi mengenai lingkaran yang satunya, bukan keluar tulisan "terkena objek" tetapi membawa kita ke frame yang selanjutnya atau yang dikehendaki ya seperti gotoAndPlay lah,. makasih atas bantuannya gan.!

    ReplyDelete