Menggambar Bentuk Dengan Action Script 3.0
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:
Untuk menggambar garis lengkung (kurva) perlu didefinisikan titik akhir dan anchor point. Tambahkan perintah baru pada contoh di atas seperti di bawah ini:
Selain itu, anda bisa menggambar kotak, lingkaran, elipse dengan perintah drawRect(), drawCircle() dan drawEllipse().
Format penulisan:
Selamat mencoba!
Misalnya untuk menggambar garis lurus, kita gunakan perintah berikut:
this.graphics.lineStyle(2,0x000000);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.
this.graphics.moveTo(200,250);
this.graphics.lineTo(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);
Selain itu, anda bisa menggambar kotak, lingkaran, elipse dengan perintah drawRect(), drawCircle() dan drawEllipse().
Format penulisan:
drawRect(posisiX,posisiY,lebarKotak,tinggiKotak);contoh:
drawCircle(posisiX,posisiY,radius);
drawEllipse(posisiX,posisiY,lebar,tinggi);
this.graphics.drawRect(300,300,300,250);Anda juga bisa memberikan warna fill kedalam objek-objek tadi dengan perintah beginFill() dan endFill() untuk menghentikan pewarnaan.
this.graphics.drawCircle(200,250,50);
this.graphics.drawEllipse(300,300,100,50);
this.graphics.beginFill(0xff0000);Nah, setelah anda sedikit mengenal Drawing API pada action script, sekarang coba anda menggambar Mr.Smiley seperti gambar di bawah ini:
this.graphics.drawRect(50,50,100,100);
this.graphics.endFill();
Selamat mencoba!
Komentar
Posting Komentar