Sunday, 29 January 2017

Membuat Game Mewarnai Flash AS 3


Kali ini kita akan membuat aplikasi mewarnai di flash AS3
Aplikasi mewarnai ini sering kita jumpai di playstore dan game untuk desktop, sekarang kita akan membuat aplikasi mewarnai sederhana. Konsepnya yaitu ada gambar objek yang kita buat masing-masing bagian gambar dapat diberi warna sesuai dengan warna yang kita sediakan.
Seperti tampilan di bawah ini :


  1. Siapkan objek yang ingin di warnai
  2.  Pada bagian warna pada objek jadikan sebagai movie clip 

  3. Lakukan pada bagian daun
  4. Beri instance_name  dengan nama awal dan diikuti dengan angka yang berurutan yang dimulai dari 0 sebanyak jumlah bagian yang di warnai seperti straw_mc0 , straw_mc1 Karena saya hanya membuat 2 bagian yang diwarnai. Seteleh itu rubah warna objek menjadi warna putih 
  5. Kemudian siapkan 2 button sebagai button warna 

  6. Setelah itu copy kan script seperti yang di bawah ini : 

var colorClipTransform:ColorTransform;


//Menjalankan fungsi setListeners

setListeners();


//tombol warna Merah yang akan melempar variabel 0xFF0000 yaitu code untuk warna hijau ke fungsi changeColour

btn_red.addEventListener(MouseEvent.CLICK, function (event:MouseEvent) {changeColour("0xFF0000")});


//tombol warna hijau yang akan melempar variabel 0x00CC00 yaitu code untuk warna hijau ke fungsi changeColour

btn_green.addEventListener(MouseEvent.CLICK, function (event:MouseEvent) {changeColour("0x00CC00")});


function setListeners():void {

 //fungsi untuk mengambil bagian-bagian objek yang akan diwarnai seperti straw_mc0 dan straw_mc1

 // kemudian akan menjalankan fungsi changeStrawberryColor

 var i:Number;

    // i diset looping lebih kecil dari 2 yang berarti sampai 1(karna objek hanya 2 dan i dihitung dari 0)

    for (i=0; i<2; i++) {

     this["straw_mc"+String(i)].addEventListener(MouseEvent.CLICK, changeStrawberryColor);

   }

}

  

function changeColour(clr:String):void {

 //Fungsi changeColour untuk mengambil warna sesuai dengan tombol yang diklik dan tersimpan pada variabel clr

 // ke variabel colorClipTransform

 var ClipTransform=new ColorTransform();

 ClipTransform.color = clr;

 colorClipTransform=ClipTransform;

}


function changeStrawberryColor(evt:MouseEvent):void {

//mewarnai objek sesuai dengan warna yang kita pilih yang disimpan di variabel  colorClipTransform

 var thisStraw:MovieClip = MovieClip(evt.currentTarget);

 var curTransform:ColorTransform=colorClipTransform;

 thisStraw.transform.colorTransform = curTransform;


}
Jika ada yang ingin mencoba dapat di download disini

No comments: