RSS

Flash8 & FlashCS3 — Mengubah Warna Dengan Menggunakan Button

31 Jan

Halo🙂

Kali ini akan dibahas bagaimana mengubah warna objek tertentu dengan menggunakan button. Objek yang akan diubah warnanya berupa Movie Clip.

Software yang digunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

AS 2.0

Preview hasil jadi :

Keadaan awal sebelum objek berubah warna. [Gambar pertama dari kiri] Objek berubah warna sesuai dengan warna button yang ditekan. [Gambar ke 2, ke 3, dan ke 4 dari kiri]

Flash dari postingan ini bisa dilihat di sini

  • Rename Layer 1 dengan nama BG dan buatlah objek yang akan diubah warnanya. Bisa berupa bentuk baju atau bentuk” lainnya terserah, tidak perlu sama dengan contoh saya.😀 Buatlah juga button menggunakan Rectangle Tool. Untuk mendapatkan efek button seperti pada contoh bisa di lihat di sini.

Jangan lupa memberi nama objek Movie Clip dengan nama mc_Color pada kotak Instance name.

Beri nama button sesuai dengan warnanya pada kotak Instance name. Button btn_Orange untuk warna jingga, button btn_Blue untuk warna biru dan button btn_Brown untuk warna coklat.

  • Buat layer baru dan beri nama Actions. Ketikkan code di bawah ini. Penjelasan code akan diberikan nanti.

stop();

import flash.geom.ColorTransform;

import flash.geom.Transform;

var colorTrans:ColorTransform = new ColorTransform();

var trans:Transform = new Transform(mc_Color);

trans.colorTransform = colorTrans;

btn_Blue.onRelease = function ()

{

colorTrans.rgb = 0x003366; // blue

trans.colorTransform = colorTrans;

};

btn_Orange.onRelease = function ()

{

colorTrans.rgb = 0xFF9900; // blue

trans.colorTransform = colorTrans;

};

btn_Brown.onRelease = function ()

{

colorTrans.rgb = 0x660000; // blue

trans.colorTransform = colorTrans;

};

  • Test movie dengan menekan Ctrl+Enter.🙂

Penjelasan code :

stop();

Menghentikan flash pada frame tersebut.

import flash.geom.ColorTransform;

import flash.geom.Transform;

Memanggil kelas ColorTransform dan Transform yang ada di dalam Flash.

var colorTrans:ColorTransform = new ColorTransform();

var trans:Transform = new Transform(mc_Color);

trans.colorTransform = colorTrans;

Membuat variabel bernama colorTrans dan trans yang nantinya akan berfungsi sebagai penampung warna baru. Kita tidak bisa langsung merubah warna suatu objek, maka harus dibuat variabel yang akan merujuk kepada objek tersebut dan saat variabel tersebut dirubah objek yang dirujuk juga akan ikut berubah.

btn_Blue.onRelease = function ()

{

colorTrans.rgb = 0x003366; // blue

trans.colorTransform = colorTrans;

};

btn_Orange.onRelease = function ()

{

colorTrans.rgb = 0xFF9900; // orange

trans.colorTransform = colorTrans;

};

btn_Brown.onRelease = function ()

{

colorTrans.rgb = 0x660000; // brown

trans.colorTransform = colorTrans;

};

Pada saat button [Blue, Orange Brown] di tekan maka warna objek akan berubah sesuai dengan warna pada button tersebut. Nilai warna yang dimasukkan berupa Hexadecimal dengan format 0xRRGGBB. Tidak perlu pusing mencari nilai tersebut, kopi saja angka dari tab Color atau dari tool Fill Color.🙂

Nilai Hexadecimal dari warna jingga adalah FF9900, maka di code ditulis 0xFF9900.

Sekarang sudah bisa menambahkan sendiri warna warna lain bukan?😉 Hasil jadi (*.fla) bisa di dl di

FlashCS3

Flash8

Terima kasih sudah mampir dan membaca blog saya. (^_^)

 
Tinggalkan komentar

Ditulis oleh pada Januari 31, 2011 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: