Leave a comment

Modifikasi Kursor Mouse

Pada bagian ini kita akan membuat kursor mouse pada Flash dengan bentuk sesuai dengan selera kita. Berikut adalah langkah-langkahnya.
Buat file Flash baru, lalu ubah ukuran Stage pada Properties dengan 450 x 410 warna abu-abu dan pada FPS=12.00.

Klik Text Tool (T) lalu buatlah static text seperti gambar berikut dengan Font=Arial, Size=16, Color=putih. Posisikan diatas Stage.

Klik Text Tool (T) lagi, buat teks seperti gambar berikut dengan Size=12. Posisikan dibawah teks pertama.

Buat garis putih horisontal dengan Line Tool, posisikan dibawah teks pertama.

Selanjutnya kita akan membuat kursornya. Pilih menu Insert > New Symbol (Ctrl + F8) beri nama “DiskCursor” pilih Type=Movie Clip, tekan OK.

Klik Oval Tool (O), buat objek lingkaran dengan warna gradasi radial merah ke putih dengan ukuran 20 x 20.

Selanjutnya pilhi menu Edit > Edit Document (Ctrl+E) untuk kembali ke modus edit dokumen. Beralih ke Timeline, tambahkan layer baru lalu beri nama Actions.

Klik di Frame 1 Layer Actions, buka panel Action (F9) untuk menuliskan kode-kode programnya. Tuliskan script berikut.

var board:Sprite=new Sprite();
this.addChild(board);
board.x=95;
board.y=85;
drawBoard();

var disk:DiskCursor= new DiskCursor();
disk.mouseEnabled=false;

function drawBoard():void {
board.graphics.lineStyle(1,0x000000);
board.graphics.beginFill(0xFFFFFF);
board.graphics.drawRect(0,0,250,250);
board.graphics.endFill();
board.filters = [ new DropShadowFilter() ];
}

board.addEventListener(MouseEvent.ROLL_OUT,boardOut);
board.addEventListener(MouseEvent.ROLL_OVER,boardOver);
board.addEventListener(MouseEvent.MOUSE_MOVE,boardMove);

function boardOver(e:MouseEvent):void {
this.addChild(disk);
disk.x=stage.mouseX;
disk.y=stage.mouseY;
Mouse.hide();
}

function boardOut(e:MouseEvent):void {
if(this.contains(disk)){
this.removeChild(disk);
Mouse.show();
}
}

function boardMove(e:MouseEvent):void {
disk.x=stage.mouseX;
disk.y=stage.mouseY;
e.updateAfterEvent();
}

Tekan tombol Ctrl + Enter untuk melihat hasilnya. Simpan pekerjaan Anda

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: