Senin, 02 Februari 2015

AS3 Timer dan tombol untuk mereset timernya

Anda sedang membuat games atau quis? biasanya anda memerlukan pewaktu atau timer untuk membatasi waktu bermainnya. Anda bisa membuat animasi angka seolah olah timer, tapi anda kebingungan mengatur langkah langkahnya. Solusinya buat aja timer dengan AS3. Bingung membuat timer di AS3? Gag usah bingung... Postingan kali ini saya akan sharing cara membuat timer, bukan timer abal-abar alias dengan animasi sekian frame per secon. Tapi mengunakan timer asli dengan script AS3 plus teks dynamic untuk menampilan waktu tersisa. Gag pake bertele-tele. Gampang kok... kamu pasti bisa. Coba ikuti langkah berikut.

LANGKAH - LANGKAH

  1. Buat di frame 1, Dynamic Text dengan instant name timer_txt
  2. Buat di frame 1, tombol dengan instant name tbulang
  3. Buat di frame 2, teks untuk menyatakan kalo sudah game over (tombol dan dynamic teks tidak ada di frame ini)
  4. Isikan AS3 di frame awal, seperti pada list dibawah ini
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    stop();
    var nCount:Number,
    alokasiwaktu:int = 10;
    var myTimer:Timer = new Timer(1000,nCount);
    function countdown(e:TimerEvent):void
    {
     nCount--;
     timer_txt.text = nCount.toString();
     if (nCount==0)
     {
      gotoAndStop(2);
     }
    }
    nCount = alokasiwaktu;
    timer_txt.text = nCount.toString();
    myTimer.addEventListener(TimerEvent.TIMER, countdown);
    myTimer.start();
    function ulangwaktu(event:MouseEvent):void
    {
     nCount = alokasiwaktu;
     timer_txt.text = nCount.toString();
    }
    tbulang.addEventListener(MouseEvent.MOUSE_UP, ulangwaktu);
  5. Simpan dan coba di emulator dengan menekan Control enter.
  6. Dalam layar akan tampil angka 10 yang berhitung mundur (makin lama makin kecil). Bila sudah habis akan melompat ke frame 2
  7. Jika anda menekan tombol makan angka timernya akan kembali ke semula yaitu 10 detik

Angka yang tampil merupakan timer yang sesungguhnya buka merupakan animasi berdasar frame. Jadi anda bisa mengunakan timer ini sebagai pewaktu yang sesungguhnya.

1 komentar: