Kali ini tidak ribet2, cukup copy paste-kan code berikut dan test movie

//import sesuai kebutuhan
import flash.display.*;
import flash.events.Event;
import flash.filters.DropShadowFilter;
import flash.filters.GlowFilter;
import flash.geom.*;
import flash.events.MouseEvent;

//definisikan untuk panjang garis yg diinginkan di sini gan
var N:int = 10;
//di dalam kode ini ada sebuah class yang bertipe Vector<> dan bukan bertipe Array
//namun maksudnya sama aja gan, cuman menggunakan vektor lebih enak
var dotarr:Vector.<Point>  = new Vector.<Point> (N,true);
var canvas:Shape = new Shape();

for (var i:int = 0; i < N; i++) {
	dotarr[i] = new Point(mouseX,mouseY);
}
this.addChild(canvas);
//warna glow pertama #ffffff (tidak kelihatan karena sama dgn warna garis)
var glow0:GlowFilter = new GlowFilter(0xffffff,1,16,16,1,1,true,false);
//warna glow dari garis #3BCC16
var glow1:GlowFilter = new GlowFilter(0x3BCC16,1,6,6,1,1,false,false);
var dropShadow0:DropShadowFilter = new DropShadowFilter(0,90,0x39B310,1,24,24,5,3,false,false,false);
canvas.filters = [glow0,glow1,dropShadow0];

//memberikan event enter frame
this.addEventListener(Event.ENTER_FRAME, onEventEnterFrame);

//memberikan variabel apakah di klik atau tidak
var isClick:Boolean = false;

this.stage.addEventListener(MouseEvent.MOUSE_DOWN, function(e:MouseEvent){
	isClick = true;
	//pada permulaan awal klik, semua nilai dalam variabel dotarr berisi nilai yg sama
	for (var i:int = 0; i < N; i++) {
		dotarr[i] = new Point(mouseX,mouseY);
	}
});
this.stage.addEventListener(MouseEvent.MOUSE_UP, function(e:MouseEvent){
	//saat klik diangkat, mengubah nilai variabel isClick
	isClick = false;
});

function onEventEnterFrame(e:Event):void {
	if(isClick){
		//jika diklik (dan mouse digerakkan), posisi mouse akan dimasukkan ke dalam array dotarr
		dotarr[N - 1].x = mouseX;
		dotarr[N - 1].y = mouseY;
	}
	var _g:Graphics = canvas.graphics;
	_g.clear();
	var _prevPoint:Point = dotarr[0];
	for (var i:int = 1; i < N; ++i) {
		var _prev:Point = dotarr[i - 1];
		var _current:Point = dotarr[i];
		//mengubah warna garis di sini variabel i merupakan ketebalan (dimulai dari yg
		//paling tipis)
		_g.lineStyle(i, 0xffffff, 1, true, "none", "round", "round");
		var _point:Point = new Point(
		                    _prev.x + (_current.x - _prev.x) / 2,
		                    _prev.y + (_current.y - _prev.y) / 2);
		_g.moveTo(_prevPoint.x,_prevPoint.y);
		//ini nih yang bisa bikin melengkung
		_g.curveTo(_prev.x,_prev.y,_point.x,_point.y);

		_prevPoint = _point;
		_prev.x = _current.x;
		_prev.y = _current.y;
	}
}

Maka hasilnya seperti ini :

1. Pertama, kita definisikan variable dan nilai awal.

   //variable
   var _canvas:Sprite;
   var setX:int;
   var setY:int;
   
   var drawPen:Boolean=false;
   var lineStyle1:Boolean=true;
   var lineStyle2:Boolean=false;
   var lineStyle3:Boolean=false;

2. Selanjutnya kita buat kanvas atau area kerja menggambar dengan luas yang sama dengan stage.

   //setting canvas
   _canvas=new Sprite();
   _canvas.graphics.beginFill(0xffffff);
   _canvas.graphics.lineStyle(2,0x000000);
   _canvas.graphics.drawRect(0,0,stage.stageWidth,stage.stageHeight);
   _canvas.graphics.endFill();
   addChildAt(_canvas,0);

3. Kita tambahkan event mouse pada objek kanvas yang telah dibuat tadi. Event MOUSE_DOWN, akan menjalankan fungsi menggambar pada saat tombol mouse di klik.

   //memulai menggambar pada kondisi tombol mouse ditekan
   _canvas.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
   function onDown(event:MouseEvent)
   {
   	if(drawPen)
   	{
   		setX=event.localX;
   		setY=event.localY;
   		_canvas.graphics.moveTo(setX,setY);
   		_canvas.addEventListener(MouseEvent.MOUSE_MOVE, onMove);
   	}
   }
   function onMove(event:MouseEvent)
   {
   	_canvas.graphics.lineTo(event.localX,event.localY);
   	event.updateAfterEvent();
   }

4. Kita beri event pada objek yang telah dibuat dengan kondisi true dan false. Jika drawPen bernilai true maka mode menggambar akan aktif. Sedangkan movieclip “line1Aktif”, “line2Aktif” dan “line3Aktif” berfungsi untuk mengatur ketebalan garis. Pada script paletColor.selectedColor berfungsi untuk menentukan warna garis sesuai warna palet yang di pilih.

   addEventListener(Event.ENTER_FRAME, onFrame);
   pencil_mc.addEventListener(MouseEvent.CLICK, aktifDrawPen);
   line1_mc.addEventListener(MouseEvent.CLICK, line1Aktif);
   line2_mc.addEventListener(MouseEvent.CLICK, line2Aktif);
   line3_mc.addEventListener(MouseEvent.CLICK, line3Aktif);
   
   function aktifDrawPen(event:MouseEvent)
   {
   	if(drawPen==false)
   	{
   		drawPen=true;
   		pencil_mc.gotoAndStop(2);
   	}
   	else if(drawPen==true)
   	{
   		drawPen=false;
   		pencil_mc.gotoAndStop(1);
   	}
   }
   
   function line1Aktif(event:MouseEvent)
   {
   	lineStyle1=true;
   	lineStyle2=false;
   	lineStyle3=false;
   }
   function line2Aktif(event:MouseEvent)
   {
   	lineStyle1=false;
   	lineStyle2=true;
   	lineStyle3=false;
   }
   function line3Aktif(event:MouseEvent)
   {
   	lineStyle1=false;
   	lineStyle2=false;
   	lineStyle3=true;
   }
   
   function onFrame(event:Event)
   {
   	if(lineStyle1)
   	{
   		line1_mc.gotoAndStop(2);
   		_canvas.graphics.lineStyle(2,paletColor.selectedColor);
   	}
   	else
   	{
   		line1_mc.gotoAndStop(1);
   	}
   	if(lineStyle2)
   	{
   		line2_mc.gotoAndStop(2);
   		_canvas.graphics.lineStyle(4,paletColor.selectedColor);
   	}
   	else
   	{
   		line2_mc.gotoAndStop(1);
   	}
   	if(lineStyle3)
   	{
   		line3_mc.gotoAndStop(2);
   		_canvas.graphics.lineStyle(6,paletColor.selectedColor);
   	}
   	else
   	{
   		line3_mc.gotoAndStop(1);
   	}
   }

5. Terakhir, kita tambahkan event MOUSE_UP untuk mengakhiri event menggambar pada saat tomol mouse di lepas.

   _canvas.addEventListener(MouseEvent.MOUSE_UP, onUp);
   function onUp(event:MouseEvent)
   {
   	if(drawPen)
   	{
   		_canvas.graphics.lineTo(event.localX,event.localY);
   		_canvas.removeEventListener(MouseEvent.MOUSE_MOVE, onMove);
   	}
   }

6. Sekarang kita test Movie.
   
7. Wohohoho.. kayaknya Photoshop bisa kesaingan nih,. Hehe,. :thumbup

Selamat Mencoba

Toolbox

1. Aktifkan Rectangle Tool. Setting Properti dengan, stroke color :No, Fill Color: #EDEDED, Round: 5px. Buat kotak persegi panjang.
   

   Toolbox Background

2. Tambahkan objek lain seperti menambahkan label “Fl” dengan warna border merah dan area putih pada bagian tengah kotak.
   

   Pembuatan Toolbox

3. Seleksi semua objek di atas kemudian Konversi menjadi symbol Movieclip. Beri nama “Toolbox”.
   

   Convert To Symbol

4. Percantik tampilan toolbox dengan menambahkan filter Drop Shadow. Dengan memilih menu Window > Propertise > Filter. Klik tanda ‘+’ kemudian pilih Drop Shadow.
   

   Drop Shadow

5. Buat gambar pencil kemudian ubah menjadi movie clip. Pada instance name beri nama “pencil_mc”.
   

   Panel Properties

6. Masuk menu edit symbol movie clip pencil. Buat keyframe baru pada frame 2. Buat tampilan yang berbeda pada pencil seperti gambar berikut:
   

   Frame 1 dan 2

7. Pada frame 1 buka panel action kemudian beri perintah stop();
8. Kembali ke scene utama dengan menekan Scene 1.
9. Buat objek garis tipis kemudian konversi menjadi movie clip. Pada instance name beri nama “line1_mc”.
10. Masuk menu edit symbol movieclip “line1_mc”. Pada frame dua buat gambar yang berbeda seperti berikut
    

    Frame 1 dan 2

11. Pada frame 1, beri action stop(); lalu kembali ke scene utama.
12. Lakukan langkah 9-11 untuk membuat objek garis lainnya dengan ketebalan yang berbeda.
13. Yang terakhir kita buat palet warna, untuk membuatnya kita cukup memanfaatkan komponen ColorPicker yang sudah tersedia pada flash. Lakukan dengan memilih menu Windows > Components. Pada bagian User Interfaces, drag ColorPicker ke dalam stage.
    

    Color Picker

     

14. Pada instance name, beri nama “paletColor”.
15. Setelah semua objek selesai dibuat, atur hingga tampak seperti gambar berikut:
    

    Hasil

    Untuk Lanjutannya, silakan dilihat di sini : http://flashindonesia.com/2013/01/membuat-aplikasi-paintdraw-part-2/

1. Membuat Objek PrintJob().
2. Menambahkan objek yang akan di gambar ke dalam PrintJob().
3. Menjalankan perintah cetak.

Untuk lebih memahaminya, lakukan langkah-langkah di bawah ini:

1. Buat halaman baru flash (action script 3.0).
2. Buat gambar apa saja kemudian convert menjadi movieclip. Beri nama instance “myClip”.
   

   myClip

3. Buatlah sebuah teks dengan nama “CETAK”. Ubah menjadi objek tombol kemudian beri nama instance dengan “btnPrint”.
4. Buka panel action script kemudian ketikan perintah berikut:

   var myPrint:PrintJob=new PrintJob();
   
   btnPrint.addEventListener(MouseEvent.CLICK, cetak);
   
   function cetak(event:MouseEvent)
   {
   	myPrint.start();	//memulai fungsi cetak
   	myPrint.addPage(myClip);  //menambahkan objek yang akan di cetak
   	myPrint.send();  //mengirim perintah cetak ke sistem window
   }

5. Jalankan movie lalu tekan tombol print. Maka akan muncul dialog box printer untuk mencetak objek flash.
   

   Hasil

Langkah di atas dipakai jika kita hanya ingin mencetak satu objek saja. Lalu bagaimana jika objek yang ingin dicetak berdasarkan area? Untuk itu, kita perlu membuat sebuah area cetak dengan bantuan objek Rectangle.

var printArea:Rectangle=new Rectangle(50,50,300,200);
var myPrint:PrintJob=new PrintJob();
btnPrint.addEventListener(MouseEvent.CLICK, cetak);
function cetak(event:MouseEvent)
{
	myPrint.start();
	myPrint.addPage(this,printArea);
	myPrint.send();
}

Area Printing

Misalnya untuk menggambar garis lurus, kita gunakan perintah berikut:

this.graphics.lineStyle(2,0x000000);
this.graphics.moveTo(200,250);
this.graphics.lineTo(300,250);

perintah this menunjuk langsung kepada stage, graphics.lineStyle(2,0×000000); untuk menentukan ketebalan garis dan warna garis. moveTo(200,250); menentukan titik awal garis, kemudian lineTo(300,250); menggambar garis membentang sampai kordinat 300,250.

Untuk menggambar garis lengkung (kurva) perlu didefinisikan titik akhir dan anchor point. Tambahkan perintah baru pada contoh di atas seperti di bawah ini:

this.graphics.lineStyle(2,0x000000);
this.graphics.moveTo(200,250);
this.graphics.curveTo(250,300,300,250);
this.graphics.lineTo(300,250);

Curve

Selain itu, anda bisa menggambar kotak, lingkaran, elipse dengan perintah drawRect(), drawCircle() dan drawEllipse().
Format penulisan:

drawRect(posisiX,posisiY,lebarKotak,tinggiKotak);
drawCircle(posisiX,posisiY,radius);
drawEllipse(posisiX,posisiY,lebar,tinggi);

contoh:

this.graphics.drawRect(300,300,300,250);
this.graphics.drawCircle(200,250,50);
this.graphics.drawEllipse(300,300,100,50);

Bangun 2D

Anda juga bisa memberikan warna fill kedalam objek-objek tadi dengan perintah beginFill() dan endFill() untuk menghentikan pewarnaan.

this.graphics.beginFill(0xff0000);
this.graphics.drawRect(50,50,100,100);
this.graphics.endFill();

Persegi

Nah, setelah anda sedikit mengenal Drawing API pada action script, sekarang coba anda menggambar Mr.Smiley seperti gambar di bawah ini:

Smile

Selamat mencoba!

NB: Di bawah ini source kode untuk membuat Mr.Smiley.

• Siapkan sebuah dokumen flash minimum menggunakan Flash CS 3
• Buat sebuah tombol seperti di bawah ini :
  

  Buat Tombol

• Pastikan dalam keadaan terseleksi, kemudian klik kanan dan ubah menjadi Button. Beri nama Tombol Ambil Foto.
  

  Button

• Tekan OK dan buka panel properties (Ctrl+F3), kemudian isikan instance name-nya dengan : ambilFotoBtn.
  

  Instance Name

• Klik pada frame 1, tekan F9 dan ketikkan script berikut :

  import flash.display.Bitmap;
  import flash.display.BitmapData;
  
  var kamera:Camera = Camera.getCamera();
  var video:Video = new Video(320,240);
  video.attachCamera(kamera);
  video.y = 20;
  addChild(video);
  
  var bitmapData:BitmapData = new BitmapData(video.width,video.height);
  
  var bitmap:Bitmap = new Bitmap(bitmapData);
  bitmap.x = 320;
  bitmap.y = 20;
  addChild(bitmap);
  
  ambilFotoBtn.addEventListener(MouseEvent.CLICK,captureImage);
  
  function captureImage(e:MouseEvent):void {
  	bitmapData.draw(video);
  }

• Tes movie.
  

Flash CS 4 keatas.

1. Silent Background Auto Updates, yaitu sistem update flash player di dalam background, hal ini untuk memudahkan kita tidak perlu untuk susah-susah melakukan klik untuk mengupdate.
2. Multithreaded Video Decoding, maksud di sini adalah pemrosesan video dilakukan di proses lain, sehingga tidak menggangu pemrosesan actionscript. Intinya adalah meningkatkan performa dari Actionscript kita.
3. Stage 3D API, yaitu salah satu fitur dari flash yang memungkinkan kita untuk membuat bangun/bentuk 3D, meskipun banyak sekali engine yang sudah support 3D seperti papervision, alternativa, away, sandy, namun itu beberapa masih belum menggunakan Stage 3D API. Kelebihan dari menggunakan Stage 3D API adalah flash menggunakan VGA/Graphic Driver sehingga sangat meningkatkan performa untuk rendering 3D Graphic.
4. Expanded Hardware & Driver Support, yaitu kita tidak perlu khawatir tentang satu ini, apapun hardware di komputer kita, flash dapat dijalankan, namun semakin baik hardware/driver kita, maka performa juga semakin baik (terutama 3D).
5. Mouse-lock, 360-rotation, infinite scrolling, fungsi ini digunakan untuk pembuatan panorama 3D pada flash.
6. Middle & Right Click, ketika kita melakukan klik kanan pada konten flash, yang akan muncul adalah menu About Flash Player, sekarang kita dapat menghandle event lain, misalnya klik kanan untuk menyerang musuh. Menurut saya ini fitur yang paling penting untuk game
7. Throttling event, yaitu event ketika flash tidak sedang aktif, event ini berjalan saat kita meletakkan flash pada browser dan kita berpindah ke tab lainnya, throttling event ini dapat di trigger.

Demikian beberapa fitur menarik dari flash player yang baru, semoga bermanfaat

Forum dapat diakses di http://forum.flashindonesia.com/ 

Sebelum bertanya-tanya diharapkan untuk memperkenalkan dirinya di sini : http://forum.flashindonesia.com/viewtopic.php?f=3&t=2

Jika ada saran dan kritik, dimohon untuk mengirimkannya ke admin @ flashindonesia . com

Kode actionscript 3.0 biasanya ditulis seperti ini :

obj_mc.addEventListener(MouseEvent.CLICK, function(e:MouseEvent):void {
    nextFrame();
})

Sedang jika kita menggunakan fingers, cukup seperti ini :

obj_mc(btn).click += nextFrame;

Tentunya hal ini sangat membantu kita untuk menulis actionscript Mengenai lengkapnya dapat dilihat di http://filimanjaro.com/fingers/

File SWC (library) dapat didownload di sini.

• Penyimpanan Lebih Cepat.
  Dengan .xfl file, tidak akan menjadi masalah jika kita bekerja dengan file diatas ukuran 100MB.
• XML Based File.
  Kita dapat melihat struktur apa saja sih di dalam flash kita sebenarnya. Namun kita tidak dapat meletakkan actionscript di tempat tersebut.
• Non zipped File.
  Pada file .fla versi terbaru , saat kita menyimpan file tersebut, Adobe Flash menyimpannya dengan cara meng-compress isinya kemudian disimpan ke hard disk, hal inilah yang membuat sangat lama jika file kita membengkak. Misalnya kita hanya mengedit 1 Movieclip saja, kemudian kita simpan, maka membutuhkan waktu yang sangat lama jika dibandingkan kita menggunakan format .xfl.