Menggambar Bentuk dengan Action Script 3.0

3 Comments

Selain menggunakan toolbox, Action script bisa juga digunakan untuk menggambar objek dasar seperti menggambar garis, kotak, lingkaran dan objek lainnya. Semua itu dapat dilakukan dengan menggunakan Drawing API yang dimiliki oleh action script 3.0. Dengan objek graphics, kita bisa menggambar bentuk garis, kotak, lingkaran dan sebagainya.

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

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

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

Persegi

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

Smile

Smile

Selamat mencoba! :D

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

VN:F [1.9.8_1114]
Rating: 8.1/10 (19 votes cast)
VN:F [1.9.8_1114]
Rating: +2 (from 4 votes)
Menggambar Bentuk dengan Action Script 3.0, 8.1 out of 10 based on 19 ratings

 

More from our blog

See all posts
3 Comments
  1. Pingback: Membuat Aplikasi “PaintDraw” part 1 | riyandibagus

  2. Pingback: Membuat Aplikasi “PaintDraw” – Part #1 » Flash Indonesia

    • wahyu
    • November 21, 2012
    Reply

    kalau source code motor berjalan ada ?

    VA:F [1.9.8_1114]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.8_1114]
    Rating: 0 (from 0 votes)
      • admin
      • November 23, 2012
      Reply

      Maaf gan, belum ada.

      VN:F [1.9.8_1114]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.8_1114]
      Rating: 0 (from 0 votes)
 

Leave a Comment

[+] kaskus emoticons nartzco