Spenasa Blogger

Tutorial web design & free blogger template

Membuat Flash Paint

Inilah posting kedua di kategori flash. Kali ini kami akan memperlihatkan cara membuat sebuah file flash yang dapat digunakan untuk menggambar, seperti MS. Paint. Tetapi fiturnya akan sangat berbeda. Di sini kita akan membuat untuk menggambar saja. Karena mirip dengan MS. Paint, maka kita menyebutnya dengan Flash Paint.

Inilah langkah2-nya:
  1. Buat file flash baru.
  2. Import gambar pensil dan penghapus ke dalam library: File > Import > Import to Library . Disini kami menggunakan gambar logo Adobe Photoshop karna gak punya gambar pensil. Gambar penghapusnya pun aneh bin wagu.
  3. Drag kedua objek tadi dari library ke stage.
  4. Seleksi objek pensil, klik kanan pilih Convert to Symbol. Beri sebuah nama dan pilih tipe sebagai Movie Clip. Klik properties dan beri instance name dengan pensil_mc.
  5. Lalukan langkah yang sama pada penghapus, tapi sekarang type-nya sebagai button dan beri instance name penghapus_btn.
  6. Buat 5 buah lingkaran menggunakan Oval Tool. Warnai dengan merah, hijau, kuning, dan hitam.
  7. Convert ke-5 lingkaran menjadi button.
  8. Pada bagian properties, isikan instance name sebagai berikut:
  9. Objek biru        : biru_btn
    Objek hijau       : hijau_btn
    Objek kuning    : kuning_btn
    Objek_hitam     : hitam_btn
  10. Klik kanan pada frame, pilih Actions.
  11. Copy-can script berikut ini pada panel Actions.

Mouse.hide();
pensil_mc.onMouseMove = function()
{
    this._x = _xmouse;
    this._y = _ymouse;
    updateAfterEvent();
};
this.createEmptyMovieClip("canvas_mc", 999);
var isDrawing:Boolean = false;
var warna:String = "0xFF0000";
penghapus_btn.onRelease = function()
{

    canvas_mc.clear();
};
biru_btn.onRelease = function()
{
    warna = "0x0000FF"
}
merah_btn.onRelease = function()
{
    warna = "0xFF0000"
}
hijau_btn.onRelease = function()
{
    warna = "0x00FF00"

}
kuning_btn.onRelease = function()
{
    warna = "0xFFFF00"
}
hitam_btn.onRelease = function()
{
    warna = "0x000000"
}
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function()
{
    canvas_mc.lineStyle(5, warna, 100);
    canvas_mc.moveTo(_xmouse, _ymouse);

    isDrawing = true;
};
mouseListener.onMouseMove = function()
{
    if (isDrawing)
    {
        canvas_mc.lineTo(_xmouse, _ymouse);
        updateAfterEvent();
    }
};
mouseListener.onMouseUp = function()
{
    isDrawing = false;
};
Mouse.addListener(mouseListener);


Selesai…… Lakukan test movie, Ctrl + Enter. Happy Drawing!!!
Inilah hasil jadinya......

Happy blogging with SB!!!

Labels:

0 Comments (Membuat Flash Paint)

Post a Comment

Tinggalkan komentar disini....

Subscribe to Post Comments [Atom]

<< Home