Tampilkan postingan dengan label Flash Game. Tampilkan semua postingan
Tampilkan postingan dengan label Flash Game. Tampilkan semua postingan

Jumat, 05 Agustus 2016

AS3 Multitouch untuk membuat games

Kok gag bisa multitouch? Gimana caranya bikin multitouch? Begitu kira kira pertanyaan sahabat dari facebook atau medsos yang lain. Pertama sih gag begitu ngeh maksudnya, hanya berguman masak sih gag bisa? Setelah di utak utik kesalahan utamanya adalah saat kita membuat object untuk disentuh (touch) kita masih mengunakan Mouse even. Kan tahu mana mungkin mouse bisa ngeklik pada beberapa object? Iya kan? Seharusnya kita tidak mengunakan Mouse even tetapi thouch even. Untuk jelasnya kita coba saja.
LANGKAH - LANGKAH

  1. Buat proyek baru dengan format AIR for Android atau AS3 sesuai kebutuhan anda.
  2. Buat 3 tombol baru dengan instan name "tb1", "tb2" dan "tb3"
  3. pasangkan AS Linkage pada sound tersebut dengan nama "suara1", "suara2" dan "suara3".
  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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    import flash.media.SoundMixer;
    import flash.ui.Multitouch;
    import flash.ui.MultitouchInputMode;
    import flash.events.TouchEvent;

    Multitouch.inputMode=MultitouchInputMode.TOUCH_POINT;

    var au1:Sound = new suara1(),
    ch1:SoundChannel = new SoundChannel(),
    au2:Sound = new suara2(),
    ch2:SoundChannel = new SoundChannel(),
    au3:Sound = new suara3(),
    ch3:SoundChannel = new SoundChannel();

    function tevb1(event:TouchEvent):void
    {
      ch1 = au1.play();
    }
    function teve1(event:TouchEvent):void
    {
      ch1.stop();
    }
    tb1.addEventListener(TouchEvent.TOUCH_BEGIN,tevb1);
    tb1.addEventListener(TouchEvent.TOUCH_END,teve1);

    function tevb2(event:TouchEvent):void
    {
      ch2 = au2.play();
    }
    function teve2(event:TouchEvent):void
    {
      ch2.stop();
    }
    tb2.addEventListener(TouchEvent.TOUCH_BEGIN,tevb2);
    tb2.addEventListener(TouchEvent.TOUCH_END,teve2);

    function tevb3(event:TouchEvent):void
    {
      ch3 = au3.play();
    }
    function teve3(event:TouchEvent):void
    {
      ch3.stop();
    }
    tb3.addEventListener(TouchEvent.TOUCH_BEGIN,tevb3);
    tb3.addEventListener(TouchEvent.TOUCH_END,teve3);
  5. Simpan dan coba di emulator dengan menekan Control enter.
  6. Saat mencobanya jangan langsung di klik, aktifkan dulu Touch and Gestur dengan menambahkan centang pada Touch layer seperti pada gambar berikut

Selamat Mencoba!

... baca selanjutnya!

Rabu, 02 Maret 2016

AS3 mengidentifikasi tombol keyboard (KeyboardEvent)

Dalam pembuatan aplikasi sering kita mengunakan keyboard Komputer untuk melakukan navigasi atau interakasi untuk melakukan perintah lainnya. Anda ingin mencobanya? Tidak perlu kuatir, tidak sulit kok, membuat script untuk mengidentifikasikannya. Salah satu contohnya mengunakan perinta KeyboardEvent. Pada prinsipnya perintah ini akan mengidentifikasikan tombol keyboard yang ditekan menjadi "keyCode" dan "charCode". Untuk jelasnya coba ikuti langkah berikut.
LANGKAH - LANGKAH
  1. Buat proyek baru dengan format Action Script 3.
  2. Buat Dynamic Text dengan nama istance "namanya" dan anti-aliasnya "use device font"
  3. 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
    import flash.events.KeyboardEvent;

    namanya.text = "Selamat datang";

    stage.addEventListener(KeyboardEvent.KEY_DOWN,myKeyDown);
    function myKeyDown(e:KeyboardEvent):void
    {
     namanya.text = "Key Code = " + e.keyCode + "| Char Code = " + e.charCode;
     if (e.keyCode == Keyboard.SPACE)
     {
      namanya.text = "Anda menekan tombol SPACE";
     }
     if (e.keyCode == 65)
     {
      namanya.text = "Anda menekan tombol A";
     }
    }
  4. Simpan dan coba di emulator dengan menekan Control enter.
  5. Untuk mencobanya, tekan salah satu tombol keyboard maka akan muncul kode
  6. AS baris ke 9 - 16 adalah contoh penerapannya, anda tinggal mengganti perintah di baris 11 dan 15 sesuai dengan keingginan anda

Selamat Mencoba!

... baca selanjutnya!

Kamis, 26 Maret 2015

Membaca sensor Geolocation (GPS) Android dgn AS3

Device Android memiliki sebuah sensor yang disebut Geolocation sensor ini digunakan untuk membaca posisi device mengunakan data dari GPS. Ada beberapa data yang bisa diambil misalnya Latitude, Longitude, Altitude, akurasi, kecepatan dan lain-lain. Jadi jika anda ingin membuat game atau aplikasi Android yang membutuhkan sensor ini sebaiknya anda menyimak dan mencobanya. Untuk jelasnya coba ikuti langkah berikut.
LANGKAH - LANGKAH
  1. Buat proyek baru dengan format AIR for Android.
  2. 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
    var teksku:TextField = new TextField();
    teksku.width = 480;
    addChild(teksku);

    if (Geolocation.isSupported)
    {
      teksku.text = "flashbegin.com\nGeolocation ada dalam device";
      var posisiku:Geolocation = new Geolocation();
      posisiku.addEventListener(GeolocationEvent.UPDATE, barukandata);
      posisiku.setRequestedUpdateInterval(50);
    }
    else
    {
      teksku.text = "flashbegin.com\nGeolocation tidak ada dalam device";
    }

    function barukandata(e:GeolocationEvent):void
    {
      teksku.text = "flashbegin.com\nLatitude : " + e.latitude + "\nLongitude : " + e.longitude + "\nAltitude : " + e.altitude + "\nH Accurasi : " + e.horizontalAccuracy + "\nV Accurasi : " + e.verticalAccuracy + "\nKecepatan : " + e.speed + "\nDurasi Data : " + e.timestamp;
    }
  3. Simpan dan coba di emulator dengan menekan Control enter.
  4. Untuk mencobanya, isi kolom pada tab geolocation kemudian klick send
  5. Untuk implementasi dalam aplikasi, masukkan data sensor ke dalam variable. Satu hal yang harus di ingat bahwa jenis variabelnya jangan integer tetapi number

Untuk lebih afdolnya publish ke apk dan coba ke device langsung!

... baca selanjutnya!

Rabu, 25 Maret 2015

Membaca Accelerometer Device Android dengan AS3

Device Android memiliki sebuah sensor yang disebut Accelerometer sensor ini digunakan untuk membaca kemiringan device. Ada 3 kemiringan yang dapat di baca yaitu kemiringan X, Y dan Z. ketiga kemiringan ini dapat dibaca mengunakan AS3. Jadi jika anda ingin membuat game atau aplikasi Android yang membutuhkan sensor ini sebaiknya anda menyimak dan mencobanya. Untuk jelasnya coba ikuti langkah berikut.
LANGKAH - LANGKAH
  1. Buat proyek baru dengan format AIR for Android.
  2. 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
    var teksku:TextField = new TextField();
    teksku.width = 480;
    addChild(teksku);

    if (Accelerometer.isSupported)
    {
      teksku.text = "flashbegin.com\nAda Accelerometer dalam device, goyangkan device anda";
      var acce1:Accelerometer = new Accelerometer();
      acce1.addEventListener(AccelerometerEvent.UPDATE, barukandata);
    }
    else
    {
      teksku.text = "flashbegin.com\nAccelerometer tidak ada dalam device";
    }

    function barukandata(evt:AccelerometerEvent):void
    {
      teksku.text = String("flashbegin.com\nat: " + evt.timestamp + "\nacc X: " + evt.accelerationX + "\nacc Y: " + evt.accelerationY + "\nacc Z: " + evt.accelerationZ);
    }
  3. Simpan dan coba di emulator dengan menekan Control enter.
  4. Untuk mencobanya, ubah poisisi slider pada tab accelerometer
  5. Untuk implementasi dalam aplikasi, masukkan data sensor ke dalam variable. Satu hal yang harus di ingat bahwa jenis variabelnya jangan integer tetapi number

Untuk lebih afdolnya publish ke apk dan coba ke device langsung!

... baca selanjutnya!

Senin, 23 Maret 2015

Load dan unload movieclip pada AS 3

Dalam pembuatan aplikasi mengunakan Adobe Flash CS6 sering kita mengunakan atau memasang movie clip dalam frame. Hal ini sangan mundah dilakukan, tertapi hal tersebut sudah di kendalikan. Untuk mempermudah pengendalian, ada kalanya kita harus memasang movieclip tersebut mengunakan Action Script 3 dalam menampilkan movie clip tersebut. Dengan mengunakan AS3 pengendaliannya sangat mudah dan tidak tergantung pada frame. Cara pengendalian yang akan saya share kali ini mengunakan addChild dan removeChild. langkah ini sama dengan load dan unload pada AS2. Untuk jelasnya coba ikuti langkah berikut.
LANGKAH - LANGKAH
  1. Buat sebuah movie clip, kemudian hapus dari stage, maksudnya movie clip ada di library tetapi tidak ada di stage
  2. Buat movie clip memiliki AS Linkage "mc01"
  3. Buat sebuah button dengan instant name bt01
  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
    var mccoba:mc01 = new mc01();
    mccoba.x = stage.stageWidth / 2; //atur koordinat x mc
    mccoba.y = stage.stageHeight / 2; //atur koordinat y mc
    mccoba.scaleX = 3; //mengatur ukuran atau skala x mc
    mccoba.scaleY = 3; //mengatur ukuran atau skala y mc
    function clikloadmc(event:MouseEvent):void
    {
      addChild(mccoba);
    }
    function clikunloadmc(event:MouseEvent):void
    {
      removeChild(mccoba);
    }
    bt02.addEventListener(MouseEvent.MOUSE_OVER,clikloadmc);
    bt02.addEventListener(MouseEvent.MOUSE_OUT,clikunloadmc);
  5. Simpan dan coba di emulator dengan menekan Control enter.

Aplikasi ini dibuat untuk PC, jika anda mengunakannya sebagai apalikasi android, anda harus menganti mouse over dengan mouse clik karena di aplikasi android tidak menggenal mouse over dan mouse out

... baca selanjutnya!

Selasa, 03 Februari 2015

AS3 Timer Complete untuk pembatas waktu

Anda sudah membaca dan mempelajari postingan saya sebelumnya. Itu... tuh... postingan tentang timer. Pasti bisa kan... Setelah mencoba anda merasa janggal mengunakan angka yang besar, misalnya 90 detik. Pasti akan lucu bila angkanya makin besar. Tentunya akan lebih baik bila tertulis 01:30 (1 menit 30 detik). Kalau formatnya begitu trus gimana? Gampang juga... kali ini saya akan berbagi tentang membuat timer dengan teks bergaya jam digital yang normal. Coba ikuti langkah berikut.

LANGKAH - LANGKAH

  1. Buat di frame 1, Dynamic Text dengan instant name timer_txt dan set Anti-aliasnya": Use device font
  2. 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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66

    67
    68
    69
    70
    var dCount:Number = 30,
    dteks:String,
    mCount:Number = 1,
    mteks:String,
    jCount:Number = 0,
    jteks:String;
    function paskantek()
    {
     if (jCount>9)
     {
      jteks = jCount.toString();
     }
     else
     {
      jteks = "0" + jCount.toString();
     }
     if (mCount>9)
     {
      mteks = mCount.toString();
     }
     else
     {
      mteks = "0" + mCount.toString();
     }
     if (dCount>9)
     {
      dteks = dCount.toString();
     }
     else
     {
      dteks = "0" + dCount.toString();
     }
     timer_txt.text = jteks + ":" + mteks + ":" + dteks;
    }
    function countdown(e:TimerEvent):void
    {
     if (dCount==0)
     {
      if (mCount==0)
      {
       jCount--;
       mCount = 59;
       dCount = 59;
       paskantek();
      }
      else
      {
       mCount--;
       dCount = 59;
       paskantek();
      }
     }
     else
     {
      dCount--;
      paskantek();
     }
    }
    function rampung(e:TimerEvent):void
    {
     myTimer.stop();
     trace("rampung");
     timer_txt.text = "Rampung";
    }
    paskantek();
    var totalCount:Number=dCount + (mCount * 60) + (jCount * 3600),
     myTimer:Timer = new Timer(1000,totalCount);
    myTimer.addEventListener(TimerEvent.TIMER, countdown);
    myTimer.addEventListener(TimerEvent.TIMER_COMPLETE, rampung);
    myTimer.start();
  3. Simpan dan coba di emulator dengan menekan Control enter.
  4. Dalam layar akan tampil angka 00:01:30 yang berhitung mundur (makin lama makin kecil).
  5. Bila sudah habis maka angka akan berganti tulisan rampung
  6. Untuk mengeksekusi sebuah perintah anda bisa menyisipkanya di baris 54

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

... baca selanjutnya!

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.

... baca selanjutnya!

Senin, 04 Agustus 2014

AS3 depth untuk menaikkan layer movieclip

Di dalam flash, depth ini berarti kedalaman layer pada state, semakin kecil angka depth ini berarti semakin dalam/bawah laver gambar tersebut dan berarti akan tertumpuk oleh movie clip lain yang memiliki depth lebih tinggi. Pengendalihan depth ini dapat dilakukan dengan memanfaatkan AS3. Manfaat pengantian depth ini misalnya dalam pengembangan aplikasi game jigsaw, gambar yang di clik akan kita ubah menjadi tampilan yang paling atas, jadi seolah olah gambar yang dipindahkan berada pada posisi paling atas.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat dua movie clip yang saling tumpang tindih (instan name :"obj1" dan "obje2").
  2. Isikan AS3 seperti pada list dibawah ini
    1
    2
    3

    4
    5
    6
    7
    function mdown(event:MouseEvent):void
    {
     this.setChildIndex(this[event.currentTarget.name], (this.numChildren - 1));
    }
    obj2.addEventListener(MouseEvent.MOUSE_DOWN, mdown);
    obj1.addEventListener(MouseEvent.MOUSE_DOWN, mdown);
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, coba klik movie clip yang tertindih dan perhatikan hasilnya.
  4. Bila AS dan instant name anda benar maka. movie clip yang tertindih berubah menjadi diatasnya. demikian pula jika movie clip yang sekarang tertindih di clik, maka akan berubah menjadi diatas yang lainnya.
  5. AS3 ini berlagu baik untuk publish mobile (Andorid dan IOS) maupun untuk publish Personal Computer.
  6. Sebenarnya inti AS3 untuk depth ini hanya line 3 dan line ini bisa disisipkan pada perintah clik yang sesungguhnya.
... baca selanjutnya!

Rabu, 23 Juli 2014

Flash AS3 templates and tutorial, how to easily create applications

Flash is a program that can help us make the application. For Adobe Flash Pro CS6 we can not just publish into swf but it could also be an application that runs on Android and IOS.
One easy way is to use a template to make an application. with the template, we simply modify the display in accordance with our wishes.For more easier, when there is also a tutorial how to modify it.
You are interested?
Here is a list of templates and tutorials that we provide:


APK file

1 Learning Applications for Android free
2 Kid Jigsaw Games for Android free
3 Multiple Choice Quis for Android free


Tutorial in English

1 Easy way to develop Learning Applications for Android free
2 Easy way to develop Kid Jigsaw Games for Android free
3 Easy way to develop Multiple Choice Quis for Android free

Template

1 AT Aplikasi Edukasi.fla
2 AT Games Kid Jigsaw.fla
3 AT Multiple Choice Quis.fla

Tutorial in Indonesian

1Cara mudah mengembangkan Aplikasi Pembelajaran Androidfree
2Cara mudah mengembangkan Kid Jigsaw Games Androidfree
3Cara mudah mengembangkan Multiple Choice Quis Androidfree
4Cara mudah mengembangkan Peta Interaktif Androidfree

Special for Indonesia region

... baca selanjutnya!

Kamis, 29 Mei 2014

AS3 Touch and drug utk app Android #3 dgn Flash CS6

Untuk kali ini saya akan sharing tentang pemanfaatan fasilitas touch yang lebih aplikatif. Touch yang kita share kali ini adalah touch untuk konsidi seperti mouse clik and drug. Perbedaan mendasar dengan mouse clik and drug adalah kemampuan touch untuk mendeteksi multitouch. Fasilitan ini bisa kita kembangkan untuk membuat games menjodohkan, mengelompokkan puzzle dan lain lainnya. Untuk mempelajarinya mari kita ikuti langkah langkah berikut ini.

LANGKAH - LANGKAH

  1. Buka stage kosong dan buat satu tombol (instan name :"bola") dan satu movie clip (instan name : "keranjang")
  2. Isikan AS3 di frame (sebaiknya dalam layer tersendiri) 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
    24
    25
    26
    import flash.display.MovieClip;
    Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

    bola.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin);
    function onTouchBegin(event:TouchEvent)
    {
    event.target.addEventListener(TouchEvent.TOUCH_MOVE, onTouchMove);
    event.target.addEventListener(TouchEvent.TOUCH_END, onTouchEnd);
    }
    function onTouchMove(event:TouchEvent)
    {
    event.target.x = event.stageX;
    event.target.y = event.stageY;
    }
    function onTouchEnd(event:TouchEvent)
    {
    if (event.target.hitTestObject(keranjang))
    {
    event.target.x = keranjang.x;
    event.target.y = keranjang.y;
    }
    else
    {
    trace("ora mlebu");
    }
    }
  3. Simpan dan coba di emulator dengan menekan Control enter. Setelah muncul tampilan, adan tidak bisa mencoba fasilitas touchnya karena belum diaktifkan.
  4. Untuk mengaktifkan klik tab "TOUCH AND GESTURE" perhatikan panah atas kemudian klik untuk centang Touch Layer seperti panah bawah.
  5. Setelah ini anda bisa mencoba melakuan touch dengan mengklik pada layar emulator. Untuk lebih merasakan sensasinya silahkan di coba di device android sesungguhnya

Kurang puas dengan postingan ini? silahkan tunggu postingan kami berikutnya

... baca selanjutnya!

Minggu, 21 Agustus 2011

SetRGB untuk merubah warna movie clip

Bila kita ingin merubah warna pada sebuah movie clip tentulah sangat mudah, tinggal klik movie clip kemudian pada movie clip propertyes dipilih tint lalu pilih warna yang di inginkan. Tapi jika kita ingin merubahnya secara action script misalnya untuk aplikasi mewarnai gambar, bagaimana caranya?
Sebelum kita bicarakan lebih lanjut perlu diketahui adalah warna yang diubah adalah warna dari movie clip. Satu movie clip memiliki 1 macam warna, jadi bila satu gambar memiliki banyak warna maka harus dijadikan banyak movie clip. Langsung saja mari kita ikuti langkah langkah berikut :

  1. Buat movie clip sederhana , misalkan lingkaran dengan ukuran 40x40 dengan wana bebas (jangan merah).
  2. Pasangkan pada movie clip (ingat Action Script pada movie clip bila tidak paham silahkan pelajari postingan ini) listing program berikut:
    onClipEvent (load) {
    new Color(this).setRGB(0xff0000);
    }
  3. Tekan ctrl-enter. Bila movie clip tersebut berubah menjadi merah berarti action script anda benar.
Kode warna 0xff0000 adalah kode warna yang menyatakan merah (Red) dengan nilai FF (bilangan hexa), hijau (Green) dengan nilai 00 dan biru (Blue) dengan nilai 00. Untuk memahami campuran warnanya silahkan lihat docker color pada flash. Trus bagaiman bila akan dibuat menjadi games mewarnai? Saya akan memberikan action script yang lengkap dengan gambar yang sederhana, bila anda ingin membuat games yang menarik ubah gambar menjadi lebih menarik. Untuk mencobanya ikuti saja langkah berikut:
  1. Buat movie clip sederhana , misalkan lingkaran dengan ukuran 40x40 dengan wana bebas (jangan merah).
  2. Pasangkan pada movie clip (ingat Action Script pada movie clip bila tidak paham silahkan pelajari postingan ini) listing program berikut:
    onClipEvent (load) {
        warnaini = 0xff0000;
        new Color(this).setRGB(warnaini);
        this.onRelease = function() {
            _root.warna = warnaini;
        };
    }
  3. Copykan movie clip pada langkah 2 sebanyak yang anda inginkan untuk menjadi warna palet, dan jangan lupa merubah variabel "warnaini" dengan warna yang lain.
  4. Buatlah object untuk diberi warna, dengan bentuk movie clip sederhana, misalnya bentuk segi empat dengan ukuran 80x80. 
  5. Pasangkan pada movie clip (ingat Action Script pada movie clip bila tidak paham silahkan pelajari postingan ini) listing program berikut:
    onClipEvent (load) {
    this.onRelease = function() {
            new Color(this).setRGB(_root.warna);
        };
    }
  6. Bila menginginkan object yang diwanai banyak anda tinggal mengcopykan langkah 5 sesuai keinginan anda. atau mungkin ingin seperti postingan ini? (buat masing-masing bentuk menjadi movie clip yang tersendiri kemudian pasangkan action script pada langkah 5)
  7. Tekan ctrl-enter.


Keyword Post :
Adobe Flash, SetRGB, tutorial merubah warna, cara membuat games mewarnai
... baca selanjutnya!

Rabu, 17 Agustus 2011

Click and Drag dalam Action Script Flash

Kali ini saya akan share cara membuat aplikasi dengan perintah click and drag pada animasi interaktif flash. Apa itu Click and drag? Pasti anda sudah mengerti sebuah proses perintah dengan cara melakukan klik mause lalu digerakkan (ditarik) pada posisi yang kita kehendaki kemudian kliknya kita lepas. Ada dua langkah penting dalam pemrograman untuk membuat click and drag yaitu saat di click bisa dipindahkan (ditarik) dan saat click dilepas permindahan berhenti. Proses ini sering digunakan untuk slider, game puzzle, game menjodohkan dan lain-lain.
Langsung saja mari kita coba membuatnya:

  1. Buat movie clip pada state. Jangan terlalu besar dan untuk latihan dibuat sederhana saja. Misalkan lingkaran dengan ukuran 40 x 40 px.
  2. Pasang Action Script pada mc tersebut dengan listing dibawah ini :(sebenarnya Action Script nya bisa dipasang di berbagai tempat misalnya di root frame atau di movie clip, tapi saya lebih suka dipasang di di movie clip dengan berbagai alasan)
    onClipEvent (load) {
    this.onPress = function() {
    startDrag(this);
    };
    this.onRelease = function() {
    stopDrag();
    };
    };
  3. Coba tes dengan ctr-enter bila anda bisa melakukan click and drag berarti program anda benar. Bagaimana jika akan dibuat target atau tujuan dragnya dan ada responnya saat masuk ke target? Lanjutkan saja langkah-langkahnya!
  4. Buat mc baru di root misalkan kotak dengan ukuran 90x60 dan pasang instant namenya misalnya "kotak"
  5. Ubak Action Script pada langkah ke dua menjadi :
    onClipEvent (load) {
    x_pos = this._x;
    y_pos = this._y;
    this.onPress = function() {
    startDrag(this);
    };
    this.onRelease = function() {
    if (eval(this._droptarget) == _root.kotak) {
    //kondisi benar
    this._x = _root.kotak._x;
    this._y = _root.kotak._y;
    } else {
    //kondisi salah
    this._x = x_pos;
    this._y = y_pos;
    }
    stopDrag();
    };
    }
    ;
  6. Coba tes dengan ctr-enter, sesuai dengan harapan anda? Ingin membuat objectnya ganda?
  7. Gandakan kotak target dan isikan instant name baru.
  8. Gandakan mc object atau membuat object baru lalu copykan listing no 5 dengan target atau tulisan kotak diganti dengan nama instant name yang baru.


Keyword Post :
Adobe Flash, Click and drag, games puzzle, klik dan tarik, games menjodohkan, slider.
... baca selanjutnya!

Selasa, 28 Juni 2011

Text Field : Belajar Action Script Flash Dasar #6

Text Field adalah sesuatu yang penting pada bahasa pemrograman, begitu pula pada flash. Text field dalam flash dapat dimanfaatkan menjadi tiga hal, yaitu teks untuk tampilan, tek untuk input dan teks untuk keluaran. Pada postingan kali ini akan dibahas berbagai bentuk text field dan contoh pemanfaatan dalam suatu program. Untuk masalah text field ini tidak ada perbedaan antara flash dan flash lite. Jadi semua script di postingan ini berlaku pula untuk flash lite, yang membedakan hanya ukuran stage saja.
Untuk mempelajari postingan ini tentu saja anda harus bisa mengambar dengan flash, pemrograman dasar actions script dan flash lite untuk aplikasi handphone. Ada 3 type text field yang ada di flash. 3 text field itu adalah :
Ststic Text
Text Field ini adalah teks diam yang tidak dapat diubah isinya secara script. Jadi teks ini adakan sama saat membuat maupun saat program berjalan.
Dinamic Text
Text field ini adalah teks yang isinya dapat diubah secara action script. Jadi teks ini dapat digunakan sebagai teks yang merupakan output hasil pengolahann variabel dalam action script.
Input Text
Text field ini adalah teks yang isinya dapat digunakan untuk mengisi variabel. Jadi teks ini dapat digunakan sebagai teks yang digunakan sebagai sarana memasukkan isi variabel dalam action script.
Perhatikan gambar dibawah ini:


Dalam gambar diatas diperlihatkan properties sebuah text field type input. Ada 4 hal penting dapal properties text field yaitu

  1. Type Text Field adalah Static Text, Dinamic Text dan Input Text(sudah dijelaskan diatas)
  2. Auto Kern sebuah fungsi untuk text type string, untuk tipe numerik tanda centangnya di hilangkan agar tidak mengacaukan program
  3. Memberi background segi empat untuk dinamic dan input text
  4. Variabel yang dipasangkan untuk text field pada type dinamic dan input text
Contoh Aplikasi
Buatlah tampilan seperti gambar dibawah ini.


Teks yang tampil adalah text static sedang 3 segi empat adalah 2 input text field pada 2 di atas dengan variabel "bil1" dan "bil 2" dan 1 input text field ada dibawah dengan variabel "hasil". Kemudian diantara input text dan dinamic text ada empat tombol yang merupakan perintah untuk mengelola 2 bilangan.
Action Script untuk tombol "+"
on (release) {
hasil = Number(bil1)+Number(bil2);
}

Action Script untuk tombol "-"
on (release) {
hasil = bil1-bil2;
}

Action Script untuk tombol "x"
on (release) {
hasil = bil1*bil2;
}

Action Script untuk tombol "/"
on (release) {
hasil = bil1/bil2;
}

Hasil akhirnya dapat di lihat pada animasi di bawah ini



Keyword Post :
Adobe Flash, Adobe Flash Lite, Action script untuk Text Field, static text, dinamic text, input text, membuat simulasi rumus
... baca selanjutnya!

Jumat, 10 Juni 2011

_parent dan _root : Belajar Action Script Flash Dasar #4

Pada postingan kali ini saya akan sharing cara membuat perintah dari root ke dalam movie clip atau sebaliknya. Dalam flash, semua perintah atau script digunakan untuk properties object yang ada di root. Demikian pula dengan besaran atau variabel ada pada root dan berdeda atau tidak berhubungan dengan segala hal yang ada di dalam movie clip. Tidak bisa dihubungkan dengan cara biasa tetapi harus ada perintah khusus, begitu pula untuk perintah-perintahnya. Misalnya anda akan memerintahkan objek/mc di dalam mc untuk bergerak, sedangkan perintahnya ingin anda letakkan di root. Untuk kondisi sebalinya juga dapat dilakukan.
Untuk mempelajari postingan ini anda harus bisa mengunakan flash dengan drawing flashnya, bila tidak silahkan baca postingan saya ini. Selain itu anda harus memahami action script dasar flash dasar, bila tidak silahkan pelajari postingan saya ini.
Untuk memudahkan coba perhatikan ilustrasi dibawah ini :
Dalam ilustrasi diatas, root (stage utama) terdapat movie clip 1(mc1) dan mc2. Bila kita masuk ke dalam mc1 akan terdapat mca. Pada root, movie clip 1, movie clip 2 dan movie clip a masing - masing memiliki time line yang tidak saling berhubungan, demikian pula dengan segala yang berhubungan dengan action script. Misalnya kita memasang AS di time line root hanya bisa merubah properties mc 1 dan mc 2. Demikian pula dengan AS yang ada dalam time line mc1 hanya dapat mengubah properties pada mc a tanpa dapat merubah mc 2 yang ada di root.
Perintah untuk mca yang ada di dalam mc1 bisa dilakuakan dengan script berikut

mc1.mca.stop;

Perintah untuk mc2 tetapi script ada di dalam mca bisa dilakuakan dengan script berikut
_root.mc2.stop;

Sedangkan untuk menghentikan time line mc1 sedang script ada di mca dengan cara berikut.
_parent.root.mc1.stop;

Hal ini juga berlaku untuk variable, gunakan nama mc untuk mengunakan variable yang ada di dalam mc dan mengunakan "_parent untuk mengunakan variabel 1 tingkat diatasnya atau mengunakan "_root" untuk ke tingkat utamanya
Untuk lebih jelasnya silahkan mencoba membuat animasi dengan mengikuti langkah berikut.
  1. Buat gambar bola dengan ukuran 20x20 seperti pada animasi dibawah, kemudian ubah menjadi mc dengan klik kanan confert to symbol. Jangan lupa memberi nama instan (mis bola)
  2. buat gambar kotak (ukuran dalam 120x120) yang mengelilingi bola seperti pada animasi dibawah. Kemudian kedua object (bola dan Kotak) di ubah menjadi mc dengan cara sama seperti langkah sebelumnya. Jangan lupa diberi instan name (mis kotak).
  3. Gambar yang dibuat memiliki struktur bola menjadi seperti mca dan kotak seperti mc1.
  4. Buat tombol dan masing masing diberi instan name atas, bawah, kiri dan kanan.
  5. Pada time line root pasangkan AS seperti dibawah ini
    naik.onRelease = function() {
    kotak.bola._y -= 10;
    };
    turun.onRelease = function() {
    kotak.bola._y += 10;
    };
    kiri.onRelease = function() {
    kotak.bola._x -= 10;
    };
    kanan.onRelease = function() {
    kotak.bola._x += 10;
    };
  6. Masuk ke dalam time line "kotak" dengan mendouble klik kotak dan selanjutnya clik mc bola dengan maksud akan memasang AS pada mc ini dengan script dibawah ini
    onClipEvent (enterFrame) {
    if (_x>50) {
    _x = 50;
    _parent._x += 10;
    }
    if (_x<-50) { _x = -50; _parent._x -= 10; } if (_y>50) {
    _y = 50;
    _parent._y += 10;
    }
    if (_y<-50) { _y = -50; _parent._y -= 10; } }
  7. Simpan percobaan anda dan tekan ctrl-enter untuk mencobanya.
Hal diatas hanyalah sebagai contoh, dan dalam penerapanya dapat digunakan untuk perintah yang lain dan pemanfaatan yang lain

Keyword Post :
Adobe Flash, Contoh pemanfaatan action script, belajar actionscript, perintah ke dalam movie clip, _parent, _root, membuat perintah di movie clip untuk root
... baca selanjutnya!

Minggu, 15 Mei 2011

Membuat aplikasi HP dgn Flash Lite #3

Pada postingan ini saya akan memaparkan pemanfaatan tombol softkey. Jika anda tidak paham maksud softkey silahkan baca postingan ini. Ini adalah postingan ke tiga untuk Flash lite, silahkan baca dulu yang pertama dan yang kedua. Untuk mempelajari postingan ini sebaiknya ada memahami dasar Action script, untuk mempelajarinya silahkan baca postingan berikut ini. Selain itu anda harus memahami cara mengambar di flash, untuk mempelajarinya silahkan baca postingan ini.
Pada postingan ini, softkey dimanfaatkan dengan fungsi yang sederhana, tetapi bila anda ingin memanfaatkan untuk perintah yang lain anda tinggal menganti perintahnya saja.Untuk mempelajari silahkan ikuti langkah-langkah berikut :
  1. Buat dokumen flash lite sama seperti langkah dalam postingan pertama saya.
  2. Buat movie clip dan beri instan name misalnya kotak, biar lebih cepat edit saja file fla pada postingan sebelumnya
  3. Untuk mengaktifkan fungsi softkey, pasang AS di frame pertama seperti berikut ini
    fscommand2("SetSoftKeys","Left","Right");
    fscommand2("FullScreen", true);
  4. Buat teks di sisi bawah sebelah kiri dan kanan untuk memberi keterangan pada fungsi softkey left dan softkey right, gunakan statik teks.
  5. Buat tombol yang hanya berisi teks yang digunakan untuk memasang Action Script softkey, misalnya tombolnya hanya bertulisan "key catcher", pasangkan tombol tersebut di luar stage agar tidak kelihatan. tombol ini hanya untuk menempatkan AS saja tanpa perlu ditampilkan.
  6. Pasangkan Action Script pada tombol tersebut dengan action script berikut:
    on (keyPress "<PageUp>") {
    kotak._rotation -= 15;
    }
    on (keyPress "<PageDown>") {
    kotak._rotation += 15;
    }

  7. Simpan dan publish dokumen anda dan tekan [ctr-enter] untuk mencobanya di emulator.
  8. Agar lebih mantap coba aplikasi buatan anda ini langsung ke Handphone anda
Keyword Post :
Adobe Flash lite, Contoh aplikasi handphone sederhana, Memutar movie clip dengan tombol softkey
... baca selanjutnya!

Kamis, 12 Mei 2011

Membuat aplikasi HP dgn Flash Lite #2

Tutorial flashlite ini melanjutkan tutorial sebelumnya yang mengawali tutorial cara membuat aplikasi handphone mengunakan flash lite. Untuk mempelajari tutorial ini, selain anda harus membaca tutorial sebelumnya anda juga harus bisa mengunakan flash dan mengunakan action script dasar. Bila anda merasa belum yakin dengan kemampuan anda sebaiknya anda membaca postingan saya yang lain. Untuk flash dasar postingannya disini sedang untuk action script flash dasar disini. Untuk postingan saya kali ini saya akan sharing tentang pemanfaatan tombol gui dalam flash lite. Bila anda berminat silahkan baca kelanjutan postingan ini.

Cara memanfaatkan tombol GUI di Flash Lite

  1. Buat dokumen flash lite sama seperti langkah dalam postingan saya sebelumnya
  2. Buat movie clip dan beri instan name misalnya kotak.
  3. Buat tombol (sebaiknya segi empat) dan fungsikan tombol sebagai pemutar movie clip kotak dengan menambahkan action script berikut :
    on (release) {
    kotak._rotation += 15;
    }
  4. Simpan dan publish dokumen anda dan tekan [ctr-enter] untuk mencobanya di emulator.
  5. Agar lebih mantap coba aplikasi buatan anda ini langsung ke Handphone anda
Pada saat anda mencoba aplikasi dengan mengunakan emulator seperti gambat diatas, anda tidak dapat langsung mengklik tombol. Untuk mengklik tombol, pilih tombol dengan mengunakan navigasi key kemudian tekan tombol tengah navigasi key. Tombol yang terpilih ditandai dengan segiempat kuning dan posisi gambar tombol pada posisi over. Bila anda ingin mencoba dengan menjalankan melalui double klik swfnya, anda bisa melihat tombol pengantinya di postingan ini.

Keyword Post :
Adobe Flash lite, Contoh aplikasi handphone sederhana, Memutar movie clip dengan tombol
... baca selanjutnya!

Selasa, 10 Mei 2011

Membuat aplikasi HP dgn Flash Lite #1

Tutorial ini untuk memenuhi hasrat anda yang ingin membuat "application mobile" atau aplikasi yang dijalankan di perangkat Handphone. Untuk membuat aplikasi handphone ini ada banyak cara, dan yang paling populer saat ini adalah mengunakan java, tetapi mengunakan bila anda sudah mahir mengunakan flash tentu akan lebih mudah mengunakan flash lite. Bila anda belum bisa mengunakan Flash silahkan pelajari dulu post saya ini. Meski tidak sehebat java, aplikasi handphone mengunakan flash lite juga cukup populer. Untuk melihat contohnya anda dapat mengunjungi website BPM semarang atau posh saya yang lain disini untuk mengunduh dan mencoba aplikasi pendidikan mengunakan Handphone.
Dalam memberikan contoh ini saya mengunakan Flash 8, tetapi untuk flash yang lain hanya memerlukan penyesuaian sedikit. Mari kita mulai :

  1. Clik file >> New dan pilih flash dokumen
  2. Buka dokker properties dan klik size dan ubah ukuran layar yang sesuai dengan ukuran layar handphone anda (mis 240 x 320) selanjutnya clik OK
  3. Pada dokker yang sama klik publish setting >> tab format ubah tanda cek hanya untuk Flash (.swf)
  4. Lanjutkan dengan mengklik tab Flash >> version dan pilih flash lite (untuk mencoba tahap awal gunakan flash lite yang sederhana dulu misalnya flash lite 1.0 dengan harapan banyak device yang support) selanjutnya clik OK
  5. Masih pada dokker yang sama klik device setting >> pilih dan sesuaikan dengan jenis Handphone anda kalau tidak ada cari yang ukuran layarnya kompatible selanjutnya clik OK
  6. Proses setting untuk membuat aplikasi handphone telah selesai, untuk percobaan buat tulisan sederhana di tengahnya caranya klik icon text tool pada doker tool atau tekan saja tombol T di keyboard, lalu klik di dalam stage selanjutnya ketik tulisan yang ingin anda tampilkan.
  7. Simpan kemudian publish file fla dokumen anda dan tekan [ctr-enter] untuk mencobanya di emulator.
  8. Copykan file swf hasil publish ke Handphone anda.
  9. Selamat anda sudah berhasil membuat aplikasi handphone
Banyak sekali jenis aplikasi handphone yang bisa anda buat selain yang dicontohkan dalam m-edukasi.net anda juga bisa membuat games dengan flash lite, tunggu saja nanti saya buatkan tutorialnya.


Keyword Post :
Adobe Flash lite, Contoh aplikasi handphone sederhana, Langkah pertama membuat aplikasi mobile
... baca selanjutnya!

Selasa, 27 April 2010

Control suara sederhana dgn Action Script Flash

Bila anda biasa memasukkan suara di flash dengan cara embed di frame, maka sebaiknya anda membaca terus postingan ini. Telah kita rasakan bahwasanya memasukkan suara dengan cara tersebut memiliki banyak kelemahan dan keterbatasannya. Bagaimana bila kita akan melakukan interaksi dengan suara tersebut? Misalnya play, stop, pouse, membesarkan volume dan lain-lain.
Semua keterbatasan tersebut dapat diatasi bila kita memasukkan suara mengunakan Action script. Cara memasukkannya atau melakukan loading anda dapat membaca postingan saya sebelumnya. Untuk postingan ini saya hanya akan sharing cara mengatur secara sederhana.
Coba perhatikan animasi swf berikut ini :

Untuk membuat animasi di atas langkah-langkahnya :

  • buat 3 button untuk play, stop dan pause
  • posisi button play dan pause sama dengan kondisi button play berada diatas
  • Beri nama instan "continue_btn" (tanpa petik) untuk play.
  • Beri nama instan "pause_btn" (tanpa petik) untuk play.
  • Beri nama instan "stop_btn" (tanpa petik) untuk play.
  • Buat dynamic Text dengan variable "myseek" (tanpa petik).
  • Masukkan mc fader-round yang ada di windows>commond library>button>classic button>knop & feader dan beri nama instant "volumenya" (tanpa petik).
  • Import musik/lagu yang anda inginkan, kemudian di library lagu tersebut di klik kanan lalu pilih linkage kemudian centang export for Action Script dan isikan identifier dengan "lagunya" (tanpa petik).
  • Pasang AS dibawah ini pada frame.
    posisi = 0;
    continue_btn._visible = true;
    pause_btn._visible = false;
    mySound = new Sound();
    mySound.attachSound("lagunya");
    pause_btn.onRelease = function() {
    posisi = Math.floor(mySound.position/1000);
    mySound.stop();
    continue_btn._visible = true;
    pause_btn._visible = false;
    };
    continue_btn.onRelease = function() {
    mySound.start(posisi);
    continue_btn._visible = false;
    pause_btn._visible = true;
    };
    stop_btn.onRelease = function() {
    posisi = 0;
    mySound.stop();
    continue_btn._visible = true;
    pause_btn._visible = false;
    };
    volumenya.knob.onMouseMove = function() {
    mySound.setVolume(volumenya.knob._y);
    };
    detik = 0;
    onEnterFrame = function () {
    posisinya = Math.floor(mySound.position/1000);
    menit = Math.floor(posisinya/60);
    detik = posisinya-(menit*60);
    if (menit<10) {
    menitnya = "0"+menit;
    } else {
    menitnya = menit;
    }
    if (detik<10) {
    detiknya = "0"+detik;
    } else {
    detiknya = detik;
    }
    myseek = menitnya+":"+detiknya;
    };



Keyword Post :
Adobe Flash, Contoh aplikasi kontrol suara sederhana, simple soundcontrol, mp3 player sederhana
... baca selanjutnya!

Kamis, 01 April 2010

AS di movieclip : Belajar AS Flash Dasar #3

Ada 3 macam posisi AS dalam flash AS di Frame, AS di Button dan AS di movieclip, untuk yang pertama yang ke dua sudah dibahas pada post sebelumnya. Saatnya sekarang untuk membahas AS di movieclip.
Sama seperti AS pada button, pengunaan AS pada movie clip selalu diikuti dengan event. Jadi AS tersebut akan dijalankan pada saat event berlangsung. Bila ingin membuat AS pada movie clip, clik movie clip hingga muncul tulisan Action – Movie Clip di atas docker AS seperti gambar dibawah ini. Lalu ketik listing program pada tempat yang disediakan. Perhatikan gambar berikut.
Gambar pada lingkaran merah dibawah ini menunjukkan bahwa AS yang dibuat dipasang pada movieclip.


Pada gambar diatas terlihat mengunakan event enterframe yang berarti pada setiap mc menjalankan frame akan menjalankan script yang ditulis. Ada beberapa event yang lain misalnya :

  • Load : Saat movie clip loading
  • EnterFrame : Setiap movie clip menjalankan frame
  • Unload : Saat movie clip di unload
  • Mouse down : Setiap klik mouse di tekan
  • Mouse up : Setiap klik mouse di lepas setelah di klik
  • Mouse move : Setiap mouse digerakkan
  • Key down : Setiap tombol keyboard ditekan
  • Key up : Setiap tombol keyboard dilepas setelah ditekan
Cara membuat AS di button
  1. Buat movie clip
  2. Klik movie clip tersebut lalu pastikan kalau Action yang akan ditulis berada pada movieclip dengan membuktikan seperti gambar diatas.
  3. Tuliskan scrip dibawah ini
  4. onClipEvent (enterFrame) { mc2._rotation += 15; }
  5. Test Movie dengan menekan kontrol enter dan perhatikan perubahan yang terjadi pada movieclip.
Bila anda tidak melakukan kesalahan anda akan membuat animasi seperti dibawah ini

Keyword Post :
Adobe Flash, Contoh pemanfaatan action script, belajar actionscript
... baca selanjutnya!

Sabtu, 20 Maret 2010

Posisi AS : Belajar Action Script Flash Dasar #2

Perbedaan pemrograman Action Script (AS) Flash dengan pemrogramman yang lain adalah flash memiliki posisi yang berbeda-beda dan format pengunaan yang berbeda pula. Hal ini menjadi keunggulan sekaligus kelemahan AS Flash. Dengan posisi yang berbeda kita dapat menempatkan AS pada posisi yang lebih menguntungkan, tetapi disisi lain akan sangat membingungkan karena kita harus tahu apakan AS tersebut terbaca atau tidak. Jadi ada kemungkinan AS benar tetapi tidak terbaca hingga jalannya program tidak sesuai dengan keinginan.

Action Script pada Frame
Pada posisi ini keberadaan AS ditandai dengan simbul huruf a pada frame yang bersangkutan. Perhatikan gambar kiri dibawah ini


Agar kita membuat script pada posisi yang tepat, clik dahulu posisi yang dikehendaki. Bila ingin membuat AS pada frame, clik frame hingga muncul tulisan Action – Frame di atas docker AS seperti gambar kanan diatas. Lalu ketik listing program pada tempat yang disediakan. Posisi ini telah kita coba pada belajar action script sebelumnya

Action Script pada Button
Pengunaan AS pada button selalu diikuti dengan event. Jadi AS tersebut akan dijalankan pada saat event berlangsung. Bila ingin membuat AS pada button, clik button hingga muncul tulisan Action – Button di atas docker AS seperti gambar dibawah ini. Lalu ketik listing program pada tempat yang disediakan.


Pada gambar di atas terlihat bahwa even yang digunakan adalah on release, Sedangkan even even yang ada pada button adalah :

  • Press (artinya perintah dijalankan saat button ditekan/diklik)
  • Release (artinya perintah dijalankan saat klik dilepas)
  • Release Outside (artinya perintah dijalankan saat klik dilepas di luar button)
  • Roll Over (artinya perintah dijalankan saat mouse berada di atas button)
  • Roll Out (artinya perintah dijalankan saat mouse berada di luar button)
  • Drag Over (artinya perintah dijalankan saat mouse melakukan drag di atas button)
  • Drag Out (artinya perintah dijalankan saat mouse melakukan drag di luar button)
  • Key Press (artinya perintah dijalankan saat tombol keybort yang tertulis ditekan)
Sedangkan mc2._alpha = 50 adalah perintah yang dijalankan saat even terjadi. Disini berarti saat tombol dilepas setelah diklik maka akan menjalankan perintah membuat object transparan 50 %.

Cara membuat AS di button

  1. Buat movie clip kemudian dipasangkan instan name (misalkan mc2)
  2. Ambil tombol yang telah tersedia pada library Button kemudian drag button tersebut ke state, jika tidak ada munculkan dengan perintah windows > commond libraries > Button.
  3. Klik tombol tersebut lalu pastikan kalau Action yang akan ditulis berada pada button dengan membuktikan seperti gambar diatas.
  4. Tuliskan scrip dibawah ini
  5. on (press) { mc2._rotation += 15; }
  6. Test Movie dengan menekan kontrol enter dan perhatikan perubahan yang terjadi pada movieclip mc2.
Bila anda tidak melakukan kesalahan anda akan membuat animasi seperti dibawah ini



... baca selanjutnya!