Menggunakan Class Tween pada Flash


Class Tween merupakan class yang sangat dibutuhkan jika kita ingin manganimasikan suatu objek dengan menggunakan script. class ini sudah tersedia pada flash IDE seperti Macromedia flash 8, Adobe Flash CS3 dan CS4.

Sekarang kita mulai pembuatannya..🙂

  • Pertama buka flash IDE yang kita punya..
  • Buat sebuah kotak di tengah stage, lalu jadikan MovieClip dengan menekan F8 pada keyboard, kemudian beri nama kotak.
  • Berikan instance name pada kotak tersebut dengan nama kotak_mc.
  • Kemudian klik pada frame dan ketik script berikut :
    Untuk yang menggunakan ActionScript2 :

    import mx.transitions.Tween;
    import mx.transitions.easing.*;
    var myTweenX:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, 0, 300, 3, true);
    var myTweenAlpha:Tween = new Tween(kotak_mc, "_alpha", Strong.easeOut, 0, 100, 3, true);
    var myTweenWidth:Tween = new Tween(kotak_mc, "_width", Strong.easeOut, kotak_mc.width, kotak_mc.width+300, 3, true);
    var myTweenRotation:Tween = new Tween(kotak_mc, "_rotation", Strong.easeOut, 0, 90, 3, true);
    

    Untuk yang menggunakan ActionScript3 :

    import fl.transitions.Tween;
    import fl.transitions.easing.*;
    
    var myTweenX:Tween = new Tween(kotak_mc, "x", Strong.easeOut, 0, 300, 3, true);
    var myTweenAlpha:Tween = new Tween(kotak_mc, "alpha", Strong.easeOut, 0, 1, 3, true);
    var myTweenWidth:Tween = new Tween(kotak_mc, "width", Strong.easeOut, kotak_mc.width, kotak_mc.width + 300, 3, true);
    var myTweenRotation:Tween = new Tween(kotak_mc, "rotation", Strong.easeOut, 0, 90, 3, true);
    
  • Setelah itu kita testing Movie dengan menekan Ctrl+Enter.

Kita melihat movie akan bergerak dari kiri ke kanan dengan berputar searah jarum jam dan semakin membesar secara smooth.

Dalam code jelas bahwa perbedaan untuk ActionScript 2 dan 3 adalah pada properties yang dimiliki MovieClip, jika pada AS2 propertynya adalah _x, maka pada AS3 propertynya adalah x. Selain itu juga import yang digunakan pada AS2 (pada flash 8) berbeda dengan pada AS3 (CS3 dan CS4).

6 thoughts on “Menggunakan Class Tween pada Flash

  1. Ping balik: Cara meng-convert Flash movie menjadi video « [ development blog of mine ]

  2. Ping balik: Membuat tweening dengan Tweener « [ development blog of mine ]

  3. Mas iddev, boleh tolong jelasin lbh detail gak tentang AS3..
    masih newbie @_@

    saya udah bikin kotak trus import as3 dgn menggunakan cs4
    kok gak bisa jln?

    help please..

    Thx

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s