RSS

FlashCS5[AS3] — Membuat Benda Berotasi Dengan Selisih Beberapa Detik

30 Jan

Halo🙂

Postingan kali ini terinspirasi dari komen setahun yang lalu [maaf kepada yang bertanya, mungkin Anda sudah tidak perlu lagi jawaban saya, tapi karena saya mengira ini mungkin akan berguna bagi yang lain jadi saya buat sebagai postingan ] tentang bagaimana membuat sebuah item berputar sebanyak 45 derajat dengan jangka waktu tertentu.

Saya baru menemukan jawabannya dengan menggunakan AS3. Memang AS3 memiliki beberapa keuntungan dan kelebihan dibandingkan AS2, itu sebabnya saya juga mau repot-repot belajar AS3🙂

Langsung saja, postingan ini menggunakan Timer Class, sebuah class yang memang sudah ada di dalam AS3.

Software yang di gunakan :

Adobe Flash CS5 dan Flash Develop

AS [ActionScript] yang digunakan :

AS3

Preview hasil jadi :

Hasil Jadi

Flash dari postingan ini bisa di lihat di sini

  • Buatlah shape yang ingin diputar di dalam CS5 – saya membuat segi 5 dengan menggunakan Poly Tool. Kemudian ubah shape tersebut menjadi symbol Movie Clip, beri nama Poly kemudian centang pilihan Export for ActionScript.

1

  • Akan muncul peringatan, tekan saja OK.

2

Untuk bisa menggunakan Movie Clip di AS3 harus ada linkage nya.

  • Hapus gambar dari stage, kemudian save fla dengan nama RotasiBerhenti.
  • Buka Flash Develop [bagi yang menggunakan]dan buat file AS3 yang baru. Kalau tidak ada FD bisa menggunakan Adobe Flash dengan memilih menu File->New->ActionScript File.
  • Berikut adalah code yang akan digunakan.

3

  • Silakan copy-paste code di bawah ini dan save dengan nama Rotasi Berhenti. Pastikan tempat menyimpan file *.as sama dengan tempat menyimpan *.fla yang sudah dibuat sebelumnya.

package

{

import flash.display.MovieClip;

import flash.events.TimerEvent;

import flash.utils.Timer;

/**

* …

* @author 8oni

*/

public class RotasiBerhenti extends MovieClip

{

public var p:Poly = new Poly();

public var waktu:Timer = new Timer(1000, 0);

public function RotasiBerhenti()

{

p.x = p.y = 200;

addChild(p);

waktu.addEventListener(TimerEvent.TIMER, berputar);

waktu.start();

}

public function berputar(event:TimerEvent)

{

p.rotation += 45;

}

}

}

  • Kembali ke CS5, pada kotak document class isi dengan nama RotasiBerhenti

4

  • Test movie dengan menekan Ctrl+Enter

5

Penjelasan code :

package

{

import flash.display.MovieClip;

import flash.events.TimerEvent;

import flash.utils.Timer;

Class yang dibutuhkan. Class pertama dipakai karena hasil kali ini menggunakan movie clip. Class ke dua dan ke tiga adalah class Timer.

/**

* …

* @author 8oni

*/

public class RotasiBerhenti extends MovieClip

{

Nama dokumen yang kita save harus sama dengan nama kelas yang dibuat. Kelas RotasiBerhenti ini menggunakan Movie Clip [extends]

public var p:Poly = new Poly();

public var waktu:Timer = new Timer(1000, 0);

Membuat variable baru bernama p yang merupakan turunan dari kelas Poly yang ada di library. Membuat var baru bernama waktu yang merupakan turunan dari kelas Timer. Kelas timer digunakan seperti ini : Timer(waktu_jeda, berapa kali diulang). Kalau di isi nol maka akan dilakukan/diulang selamanya. Waktu jeda dihitung dalam millisecond, itu sebabnya saya beri 1000 yang berarti 1 detik. Silakan di atur sendiri waktu dan banyak nya pengulangan yang terjadi dengan mengedit angka di dalam kurung🙂

            public function RotasiBerhenti()

{

Konstruktor [perhatikan nama fungsi yang sama dengan nama kelas : RotasiBerhenti] yang di dalamnya terdapat

                  p.x = p.y = 200;

addChild(p);

waktu.addEventListener(TimerEvent.TIMER, berputar);

waktu.start();

}

Untuk menampilkan p, keturunan dari Poly, digunakan code addChild(p). Tapi sebelumnya, posisi p harus dijelaskan terlebih dahulu. Saya mengatur posisi x dan y p menjadi 200, silakan diubah sendiri posisinya sesuka Anda🙂

Kemudian kita tambahkan event saat class Timer mulai berjalan akan dipanggil fungsi bernama berputar.

            public function berputar(event:TimerEvent)

{

p.rotation += 45;

}

}

}

Fungsi berputar yang akan membuat p berotasi sebanyak 45 derajat. Kalau misalnya Anda mau mengubah rotasi menjadi 15 derajat misalnya tinggal ubah saja angka 45 menjadi 15.

Fla dari postingan ini bisa di dl di

FLASHCS5

Terima kasih sudah mampir dan membaca blog saya🙂

 
Tinggalkan komentar

Ditulis oleh pada Januari 30, 2013 in Flash

 

Tag: , , ,

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

 
%d blogger menyukai ini: