Bagaimana membuat efek mouseTrailer pada flash!


Langkah 1

Dengan menggunakan action script, kita akan coba membuat sebuah movie klip yang memodifikasi properti ukuran (scale), alpha, dan posisi untuk mendapatkan efek yang benar-benar bagus.

Langkah 2

Buka program flash dan buat sebuah file flash (Action Script 3). Atur ukuran stage dengan resolusi dan warna latar yang diinginkan. Saya menggunakan ukuran stage 600 x 300 dan menambahkan gradasi warna pada warna latar. Saya juga menambahkan kotak hitam dengan alpha 60 % sebagai tempat untuk menampilkan sedikit informasi.

Langkah 3

Idenya, trailer ini dibuat dengan menggunakan satu movie clip yang digandakan dan di ubah skala-nya ketika user menggerakan mouse. Pilih Oval Tool, gambar lingkaran dengan besar 6 x 6 pixel dan warnai dengan warna gradien radial. Ubah lingkaran ke bentuk movie clip kemudian beri nama “Lightball”, jangan lupa untuk menceklis pilihan “Export for Action Script”

Langkah 4

Buat file ActionScript baru dan simpan file tersebut dengan nama “MouseTrailer.as” Masukan script berikut ini:

/* Mouse Trailer */

package
{
import flash.display.Sprite;

import flash.ui.Mouse;

import flash.events.MouseEvent;

import flash.events.Event;

public class MouseTrailer extends Sprite

{

/* Objek LightBall*/

var lightBall:LightBall;

/* Constructor */

public function MouseTrailer():void

{

Mouse.hide();

stage.addEventListener(MouseEvent.MOUSE_MOVE, startTrailer);

}

private function startTrailer(e:MouseEvent):void

{

/* Membuat objek LightBall baru */

lightBall = new LightBall();

/* Posisi */

lightBall.x = mouseX + Math.random() * lightBall.width;

lightBall.y = mouseY – Math.random() * lightBall.height;

/* Menambahkan ke stage */

addChild(lightBall);

/* Menambahakan listener ke fungsi animasi */

lightBall.addEventListener(Event.ENTER_FRAME, animate);

}

/* Fungsi Animasi */

private function animate(e:Event):void

{

/* Alpha */

e.target.alpha -= 0.05;

/* jika lightBall sudah tidak kelihatan, hilangkan objek itu */

if (e.target.alpha <= 0)

{

e.target.removeEventListener(Event.ENTER_FRAME, animate);

removeChild(e.target as Sprite);

}

/* Skala */

e.target.scaleX -= 0.1;

e.target.scaleY -= 0.1;

/* Posisi Y*/

e.target.y += 3;

}

}

}

Berikut ini adalah snapshot gambar mouseTrailer yang saya buat. Have fun….!!!!

Denny Nugroho
www.de-insight.com

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