Salam jagocoding, gimana kabar kawan-kawan? Masih pada semangat puasanya kan?

Kesempatan kali ini saya akan sedikit berbagi tentang tutorial ada dasar ActionScript
3.0. Apa itu ActionScript atau sering disingkat AS? Actionscript 3.0 atau disingkat AS3
adalah bahasa pemograman yang terdapat pada flash setelah release flash versi ke 9
yang telah di akusisi oleh adobe sehingga namanya menjadi Adobe Flash CS3. Pada
AS 3.0 ini performa lebih ditinggkatkan dan pengolahan data lebih cepat.

Oke , ketika mulai belajar sebuah bahasa pemrograman yang paling sering kita lakukan
adalah membuat Hello World!. Maka kali ini saya juga akan menunjukkan beberapa
cara membuat Hello World dengan ActoinScript 3.0.
Berikut ini langkah-langkahnya untuk membuat Hello World! Dengan AS 3.0

1. Untuk tutorial kali ini saya menggunakan software Adobe Flash Profesional CS3,
pertama-tama buka Adobe Flash terlebih dahulu dan pilih Flash File (ActionScript
3.0)

2. Setelah itu akan muncul tampilan utama dari Flash seperti berikut

3. Kemudian klik kanan pada frame 1 layer 1 dan pilh Actoins, atau juga bisa
dengan memilih menu Windows->Actoins atau tekan tombol keyboard F9

maka akan muncul panel Actions seperti berikut ini

 4. Lalu masukkan script berikut ini pada bagian edit script

5. Untuk menguji jalannya script yang anda masukkan pilih menu Control->Test
Movie atau dengan menekan shortcut keyboard Ctrl+Enter

Maka akan tampil sebuah output panel dan sebuah Windows Form yang kosong
seperti gambar berikut ini

Penjelasan :
- perintah trace adalah perintah yang digunakan untuk menampilkan informasi
pada panel output untuk mengetahui jalan atau tidaknya script yang ditulis.
Perintah ini tidak akan menampilkan informasi apapun pada Windows Form
tampilan utama Flash.

6. Jika anda ingin menampilan Hello World! Pada tampilan utama Windows Form
Flash, maka ganti script yang tadi anda tulis dengan script di bawah ini

anda dapat mengganti variable teks_ku dengan nama varible sesuai keinginan
anda

7. Selanjutnya, untuk mengetahui apakah script di atas berjalan atau tidak tekan
Ctrl+Enter dan hasilnya akan seperti di bawah ini

perintah pada baris ketigalah(addChild(tes_ku)) yang akan menampilan isi dari

variabel teks_ku pada Windows Form.

Demikianlah tutorial pertama tentang ActionScript 3.0 dari saya, tunggu tutorial
selanjutnya dari saya yang akan membahas “Menggambar Bangun Sederhana dengan
AS 3.0.

Terimakasih telah membaca tutorial dari saya, jika ada pertanyaan dan kritik atau saran

silakan kalian tulis di komentar

Tutorial Dasar Actions Script 3.0 -

Menggambar Objek dan Bangun (2)
Posted Jul 6th 2014, 23:17
0 0

Salam jagocodig. Apa kabar kawan, masih pada sehat dan semangat ngoding kan?
Oke, setelah sebelumya saya memberikan tutorial dasar tentang membuat Hello World
 dengan AS 3.o, sekarang saya akan membagikan sedikti tutorial tentang menggambar
bangun dengan AS 3.0. Bagi yang belum tahu apa itu AS 3.0 silakan baca di Tutorial
saya sebelumnya atau cari saja di Goolge pasti banyak.

Langsung saja ga usah panjang lebar, karena panjang x lebar = luas..... hehe GJ :D.
Berikut ini beberapa langkah membuat objek bangun dengan AS 3.0,

Sebelum membuat bangun datar dengan AS 3.0 sebaiknya anda lebih dulu memahami
sistem koordinat default pada windows form adobe flash. Pada flash koordinat (0,0)
dimulai dari pojok kiri atas seperti terlihat pada gambar berikut ini

Selanjutnya, anda memahami perintah dasar untuk membuat garis dengan

ActionScript. Untuk membuat sebuah garis anda dapat menggunakan perintah dasar
berikut
this.graphics.lineStye(tebal_garis,kode_warna_hexadecimal)
this.graphics.moveTo(posisiX, posisiY) //posisi awal garis
thsi.graphics.lineTo(posisiX, posisiY) //posisi akhir garis

Dengan perintah di atas kita akan membuat:

1. Titik
Titik merupakan bagian terkecil dari suatu objek, yang menempati suatu tempat,
yang tidak memiliki panjang, lebar, dan tinggi. Titik adalah suatu idea tau bisa
disebut abstrak. Dikarenakan titik tidak bisa dijelaskan dengan cara biasa, Titik
termasuk sesuatu yang tak terdefinisi. Jadi, sebenarnya titik tidak bisa
digambarkan maka kita akan membuat sebuah objek dengan dimensi 1 x1 pixel
yang bisa mewakili sebuah garis. Buka software adobe flash dan pilih Flash File
(ActionScript 3.0) kemudian tekan F9 untuk menuliskan Actions. Kemudian
tambahkan script berikut ini

1 <span style="font-family: courier new,courier;">this.graphics.lineStyle(1,0x000000);

2
3 this.graphics.moveTo(10,10);
4
5 this.graphics.lineTo(10,11);</span>

2. Untuk mengujinya tekan F9 atau pada menu Control->Test Movie. Dan script di
atas akan menghasilkan tampilan seperti berikut

Karena titik tersebut berikuran sangat kecil maka tidak akan terihat jelas.

3. Garis
Selanjutnya kita akan membuat garis dengan mengubah sedikit script yang
sebelumnya telah ditulis. Yang akan kita udah adalah pada baris ketiga untuk
 menentukan posisi koordinat akhir. Setelah diubah script sebelumnya menjadi
seperti berikut,

1 <span style="font-family: courier new,courier;">this.graphics.lineStyle(1,0x000000);

2 this.graphics.moveTo(10,10);
3 this.graphics.lineTo(50,10);</span>

4. Dan hasilnya adalah seperti berikut,

Anda dapat memofikasi nilai yang ada pada fungsi-fungsi yang digunakan untuk
mendapatkan hasil yang berbeda.

5. Bangun Datar
Untuk membuat bangun datar kita memodifikasi script sebelumnya dengan
menambahkan baris perintah this.graphics.lineTo(x,y) di bawah baris terakhir
sesuai keinginan anda. Saya akan memberikan contoh membuat beberapa
bangun datar
Persegi
Tuliskan script di bawah ini pada panel Actions dan tekan F9 untuk melakukan
test movie

1 <span style="font-family: courier new,courier;">this.graphics.lineStyle(1,0x000000);

2 this.graphics.moveTo(10,10);
3 this.graphics.lineTo(60,10);
4 this.graphics.lineTo(60,60);
5 this.graphics.lineTo(10,60);
this.graphics.lineTo(10,10);</span>
6

6. Maka anda akan mendapatkan tampilan seperti gambar di bawah ini

Segitiga
Selanjutnya untuk membuat bangun datar segitiga masukkan script berikut ini

1 <span style="font-family: courier new,courier;">this.graphics.lineStyle(1,0x000000);

2 this.graphics.moveTo(60,60);
3 this.graphics.lineTo(100,60);
4 this.graphics.lineTo(80,30);
this.graphics.lineTo(60,60);</span>
5

7. Maka hasilnya adalah seperti berikut

Anda juga dapat memodifikasi nilai koordinat untuk mendapatkan hasil tampilan
yang berbeda dan silakan anda berkreasi sendiri sesuai kreatfitas anda.

Mungkin kali ini sampai di sini dulu karena saya mau istirahat dulu, hehehe
Cara menggambar bangun dengan AS 3.0 di atas adalah yang paling sederhana dan
belum menggunakan algoritma yang rumit, sebenarnya masih banyak cara
menggambar bangun yang lain tapi Insyaallah akan saya sampaikan lain waktu. Sedikti
bocoran, kita juga dapat menggambar bangun seperti persegi, lingkaran atau eclipse
dengan menggunakan perintah Drawing API yang akan saya jelaskan pada
kesempatan selanjutnya. Jika yang saya sampaikan adan yang kurang tepat silakan
kalau berkenan tulis di komentar sekaligus kritik dan saran agar tutorial saya
selanjutnya bisa lebih baik lagi.
Terimakasih telah membaca tutorial sederhana dari saya.