Flash CS3 Drawing API, ActionScript 3, Class Bentuk

• Mungkin 5, 2024

Salah satu perkara kegemaran saya lakukan dalam Flash adalah untuk menarik ke Peringkat. Tetapi saya tidak bercakap mengenai lukisan dengan alat lukisan Flash seperti alat Rectangle atau Oval. Dalam tutorial ini, kami akan mempelajari asas-asas untuk melukis dengan ActionScript 3 dan API Lukisan.

Saya teragak-agak untuk bercakap tentang program pengaturcaraan dan kelas OOP dalam tutorial pemula saya kerana ia hanya menjadikan perkara lebih rumit. Tetapi tutorial ini adalah pengecualian. Ia sesuai untuk memperkenalkan konsep asas kelas OOP. Kelas OOP dalam ActionScript hanyalah kumpulan maklumat yang dipanggil, yang dipanggil sifat dan kaedah. Maklumat prebuilt ini menjimatkan pengaturcara banyak masa apabila mengekohkan ActionScript kerana tidak perlu menulis semula maklumat ini dalam setiap program yang memerlukan penggunaan kelas khusus.

Dalam tutorial ini, kami akan menggunakan kelas Bentuk, ciri Grafik yang telah dipratentukan dan beberapa kaedahnya untuk menarik bulatan mudah di atas pentas.

Harta grafik
kaedah lineStyle
kaedah beginFill
lukisCircle method
kaedah endFill ()

Langkah pertama kami adalah untuk membuat lapisan Tindakan pada Timeline, klik pada Frame 1 dan buka panel Tindakan (Tetingkap - Tindakan). Baris pertama kami akan membuat pembolehubah baru yang akan memegang bulatan.

var myCircle: Bentuk = Bentuk baru ();

Dalam kod di atas, kami membuat pemboleh ubah baru dan menamakannya "myCircle". Kami menetapkan jenis data untuk pemboleh ubah baru ini Bentuk. Di sisi lain, kami menggunakan baru kata kunci untuk membuat contoh baru kelas Bentuk.

Jika anda menggunakan alat lukisan Flash, anda tahu bahawa bentuk mempunyai Strok dan Isi. Apabila menggunakan kelas Bentuk untuk menarik, anda juga mempunyai Strok dan Isi. Dalam beberapa baris baris berikutnya, kami akan menentukan Stroke dan Isi untuk myCircle kami.

myCircle.graphics.lineStyle (2, 0x000000);

Dalam kod di atas, kami menetapkan nilai Strok dengan kaedah lineStyle dari sifat Grafik. Kami akan menetapkan nilai lebar Strok dalam piksel dan warna Strok dengan nilai heksadesimal. Di atas, kami telah menetapkan Stroke untuk bulatan kami kepada lebar 2 piksel dan warna hitam.

Seterusnya, kami akan mengisi bulatan. Sekali lagi kita akan menggunakan sifat Grafik dan kaedah beginFillnya. Kedua-dua nilai yang kita boleh mengawal untuk Isi bulatan adalah warna dan alfa. Anda perlu menetapkan nilai untuk warna dan jika tidak, Flash akan menjadi sangat kecewa. Tetapi, menetapkan nilai alfa adalah pilihan. Mari kita tetapkan Isi untuk bulatan kita menjadi merah. Sekali lagi kami menggunakan perenambelasan.

myCircle.graphics.beginFill (0xff0000);

OK, kini kita perlu memberitahu Flash di mana untuk menarik bulatan di atas pentas. Seperti yang anda jangkakan, anda perlu menetapkan nilai untuk paksi X dan Y dan jejari bulatan. Kami akan melakukan ini dengan kaedah drawCircle yang merupakan sebahagian daripada harta grafik.

myCircle.graphics.drawCircle (100, 200, 50);

Dalam baris kod ini, kami memberitahu Flash untuk menarik bulatan kami 100 piksel dari sudut kiri atas panggung di sepanjang paksi X dan 200 piksel di sepanjang paksi Y. Lingkaran kami akan mempunyai radius 50. Apabila anda menetapkan nilai-nilai ini, menjaga pesanan di mana anda menyenaraikannya dalam kod. Nilai pertama anda adalah untuk paksi X dan nilai kedua adalah untuk paksi Y. Yang ketiga adalah untuk jejari. Sekiranya anda memberikan nilai-nilai Flash ini tidak sesuai, anda akan mendapat beberapa hasil yang tidak dijangka.

Akhirnya, kita perlu menambah bulatan kita sebagai objek paparan kanak-kanak ke senarai paparan.

addChild (myCircle);

Oh, saya meninggalkan satu baris kod kami! Walaupun kod kami akan berfungsi seperti itu, kami telah menamatkan kaedah endFill () yang akan "menutup" proses lukisan. Ini tidak semestinya perlu kerana endFill () dipanggil secara automatik. Tetapi amalan yang baik untuk menambahkannya ke kod anda sebelum addChild ().

myCircle.graphics.endFill ();

Berikut adalah kod lengkap.

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.