Rabu, 01 Maret 2017

Membuat Timer Sederhana dengan ActionSript 3.0 (Adobe Animate CC)

Pada kesempatan ini saya akan membahas cara membuat Timer sederhana dengan ActionScript 3.0. Saya akan membuat timer yang menghitung mundur dari 10-0/detik.

- Pertama kita perlu menambahkan sebuah text di stage dan menyetelnya menjadi Dynamic Text.


 - Kemudian set instance name-nya, disini saya menset instance name-nya menjadi "time". Pastikan anda selalu mengingat instance name dari setiap objek yang anda buat.
 - Setelah itu kita akan menambahkan kode/AS3 kita. Klik di Actions dan copy code/AS3 di bawah ini (kode ini akan menghitung mundur dari angka 10 ke 0) :
 
stop();
var fl_SecondsToCountDown:Number = 10;
var fl_SecondsToCountDownTeks:String;

var fl_CountDownTimerInstance:Timer = new Timer(1000, fl_SecondsToCountDown);
fl_CountDownTimerInstance.addEventListener(TimerEvent.TIMER, fl_CountDownTimerHandler);
fl_CountDownTimerInstance.start();

function fl_CountDownTimerHandler(event:TimerEvent):void
{
 trace(fl_SecondsToCountDown);
 fl_SecondsToCountDown--;
 fl_SecondsToCountDownTeks=fl_SecondsToCountDown.toString();
 time.text=fl_SecondsToCountDownTeks;
//ADD YOUR OWN CODE DOWN HERE
}



- Anda dapat menambahkan kode custom anda setelah kode timer tersebut, seperti memainkan MovieClip, lompat ke frame selanjutnya, dan lain-lain.
Contoh :
 
 stop();
var fl_SecondsToCountDown:Number = 10;
var fl_SecondsToCountDownTeks:String;

var fl_CountDownTimerInstance:Timer = new Timer(1000, fl_SecondsToCountDown);
fl_CountDownTimerInstance.addEventListener(TimerEvent.TIMER, fl_CountDownTimerHandler);
fl_CountDownTimerInstance.start();

function fl_CountDownTimerHandler(event:TimerEvent):void
{
 trace(fl_SecondsToCountDown);
 fl_SecondsToCountDown--;
 fl_SecondsToCountDownTeks=fl_SecondsToCountDown.toString();
 time.text=fl_SecondsToCountDownTeks;
        
        if (time.text=='0')
        {
           gotoAndStop(2);
        }
}

 - Ini merupakan tampilan akhir dari Aplikasi Timer kita.
- OK!!!! Selamat mencoba dan tetap kunjungi blog ini untuk update post selanjutnya. :-)

Tidak ada komentar:

Posting Komentar