Widget HTML #1

Tutorial Adobe Animate : Button Exit & Notification

Tutorial Membuat Tombol Exit & Notifikasinya menggunakan Adobe Animate.

     Kali Ini saya akan Berbagi kembali mengenai Tutorial Adobe Animate, Tutorial ini menggunakan AS3 dan bisa di gunakan untuk aplikasi atau game desktop maupun Mobile (Android). Kali ini saya akan berbagi mengenai Tutorial membuat tombol Exit beserta Notifikasinya.

    Tombol Exit biasa digunakan dalam suatu aplikasi dan game, dan menurut saya pribadi tombol ini sangat penting untuk projek yang akan kita buat. COntohnya ketika saya membuat suatu game android, Saya menggunakan dan menambahkan tombol exit beserta notifikasinya karna itu sangat membantu dan sangat berpengaruh dalam kenyamanan dan kualitas projek yang saya buat.

    Untuk Tehnik pembuatanya masih tetep menggunakan tehnik button dan di tambah movie klip untuk bagian notifikasinya. Tehnik yang di gunakan ini sangat sederhana dan mudah, Ok kita langsung ke tutorialnya :

  1. Buka Adobe Animate nya dan kemudian buka dokemen baru, (boleh untuk desktop, maupun Air For Android/Aplikasi android), Untuk tutorial ini saya menggunakan Air For Android
  2. Kemudian Buatkan atau masukan suatu Gambar, Saya menggunakan Gambar Exit standar. Kemudian Jadikan Button.

- Gambar yang telah di pilih kemudian di jadikan Button, Caranya Klik Kanan Pada Gambar > Convert To Symbol (F8) > Pilih Button

- Beri nama Instance Name nya dengan "keluar", Seperti yang tertera dalam Gambar di atas.

- Setelah itu Klik Kanan di Frame 1 > Actions, Kemudian Masukan Script berikut :

import flash.events.MouseEvent;

stop();

notifexit.gotoAndStop(1);

keluar.addEventListener(MouseEvent.CLICK, ke_bt);

function ke_bt(event:MouseEvent):void{

{

notifexit.gotoAndStop(2);

}

}

  • Setelah Selesai membuat Button Exit, selanjutnya adalah membuat Movie Clip Untuk Notifikasi Exit nya.

  • - Pilih Insert > New Symbol (Ctrl+F8) > Kemudian Pilih Type Movie Clip

    - di Dalam Movie Clip tersebut, Buatlah 2 Button. Button Pertama "YA" Button kedua "Tidak"

    Perhatikan Gambar di atas !

    - Button "YA" beri Instance Name = yakeluar

    - Button "TIDAK" Beri Instance Name = tidakkeluar

    - Kemudian di Frame 1 Masukan Script Berikut :

    stop()

    - DI Frame ke 2, Masukan Script berikut :

    import flash.events.MouseEvent;

    stop();

    tidakkeluar.addEventListener(MouseEvent.CLICK, ke_btq);

    function ke_btq(event:MouseEvent):void{

    {

    gotoAndStop(1);

    }

    }

    function keluarrrw (event:MouseEvent):void

    {

    NativeApplication.nativeApplication.exit(0);

    }

    yakeluar.addEventListener(MouseEvent.CLICK, keluarrrw)

  • Setelah selesai membuat notifikasinya, sekarang tinggal memasukan Notifikasi tersebut ke bagian Scene 1. Caranya Library > notifexit (Pilih Movie Clip yang tadi kita buat), Kemudian Drag ke bagian area kerja seperti pada gambar di bawah ini :
  • Movie Clip tersebut di beri nama Instance Name nya dengan : notifexit

  • Selesai ....Sekarang Tinggal di Coba.....

  • Cukup Mudah kan? .... Nah saya sarankan di setiap projek yang kalian buat harus ada tombol exit nya, Dalam aplikasi ataupun Game Android harus ada tombol exitnya Karna hal itu bisa menjadi nilai tambah untuk projek yang kita buat. Ok terima kasih telah berkunjung dan jangan lupa share yah :)

    Cara membuat aplikasi / Game Android

    Mang Aip
    Mang Aip Semoga Hari Esok Menjadi Lebih Baik

    Post a Comment for "Tutorial Adobe Animate : Button Exit & Notification"