Grafik ve Animasyon Adobe Flash Hafta-9

ActionScript Programlama Dili

ActionScript ile zaman çizgisini kontrol edebilir, yaptığınız animasyonlara etkileşim veya çeşitli şartlar ekleyebilir, animasyonun istediğiniz şekilde akmasını sağlayabilirsiniz. Sahneye düğmeler, yazı kutuları vb. form bileşenleri ekleyip kullanıcı ile etkileşime girebilirsiniz.

Eylemler Paneli

Eylemler paneli, animasyon yazılımı içerisinde Script yazmak için geliştirilmiş editördür.

Eylem panelini açmak için:
Pencere > Eylemler (F9) komutunu kullanabilirsiniz.

Eylemler Paneli Araçları

1. Yeni bir öğe ekle
2. Bul
3. Hedef yol ekle
4. Söz dizimi denetimi 
5. Otomatik biçim ( CTRL+Shift+F )
   
6. Kod ipucu göster
7. Hata ayıklama seçenekleri
8. Parantezlerin arasını daralt
9. Seçimi daralt
10. Tümünü genişlet
11. Blok yorum uygula
12. Satır yorum uygula
13. Yorumu kaldır
14. Araç kutusunu göster/gizle
15. Hazır kod parçacıları ekle
16. Eylemler araç kutusundan öğeler seçerek komut dosyaları oluşturur.
17. Yardım

ActionScript Yazım Kuralları

Açıklamalar

Karmaşık ve yoğun kodlamanın olduğu projelerde, kod parçalarının ne iş yaptığını hatırlamak ya da takım çalışması yaparken takım üyelerinin kod blokları, değişkenler vb. bilgilendirmek için kullanılır. Kodların işleyişini etkilemez.

Tek satırlık açıklamalarda // işareti ile başlar.

Çok satırlı açıklamalar ise /* …… */ işaretlerinin arasına yazılır.

Bloklar { }

{ } parantezleri (küme parantezi, süslü parantez, güzel parantez) arasında yazılan her kod birlikte çalışmak için bloklanır.

Nokta ( . )

Nesnelerin yol tanımlarını yapabilmek ya da sınıfların özellik ve metotlarına ulaşmak için kullanılan işarettir.

Noktalı Virgül ( ; )

Yazılan kodlarda ifadenin bittiğini göstermek amacıyla ifade sonuna konulur.

Uygulama Faaliyeti 1: ActionScript ile Buton Bileşeni Uygulaması ( Buton ile Lamba Renk Değiştirme)

Adım 1: “550×400“piksel ebatlarında bir sahne açın ve sahne arkaplanını “beyaz” yapın.

Adım 2: Katmanın adını “lambalar” olarak değiştirin. Lambaları buradan indirebilirsiniz. Sarı lamba indir. Kırmızı lamba indir.

Adım 3: “lambalar” katmanı 1.kareye sarı lambayı, 2. kareye de ( önce F7 ile boş anahtar kare ekleyin.) kırmızı lambayı ekleyin. Lambaların boyutlarını ayarlayın ve sahnenin tam ortasına hizalayın. (Boyutları ayarlarken en/boy oranlarını kilitleyin lambaların boyutlarını aynı yapın.)

Adım 4:Yeni katman ekleyin ve adını “buton” olarak değiştirin.

Adım 5:“buton” katmanının 1.karesine bileşenler panelinden bir buton ekleyin ve ismini (Etiket ismini) “Kırmızı Lamba” olarak, örnek adını da “buton_kirmizi” yapın.

Adım 6:“buton” katmanının 2.karesine de bileşenler panelinden bir buton daha ekleyin ( önce F7 ile boş anahtar kare ekleyin.) ve ismini (Etiket ismini) “Sarı Lamba” olarak örnek adını da “buton_sari” olarak değiştirin.

Adım 7:Zaman çizelgesinde “buton” katmanı 1.karedeki “Kırmızı Lamba butonunu” seçin. Eylemler panelinden “Kod Parçacıkları” aracını açın ve “Zaman Çizelgesinde Gezinme/Kareye Gitmek ve Oynatmak için Tıklatın” seçin ve “kodu göstere” tıklayın.

Adım 8: Açılan pencerede kırmızı ile işaretli yerlerden ilki “buton_kirmizi” ön adıyla belirlediğimiz 1.karedeki butonumuz, ikinci kırmızı işaretli yer ise butona tıklatılınca kaçıncı kareye gideceğidir.

Adım 9: “buton” katmanı 1.karedeki butona son olarak “Bu Karede Dur” komutunu uygulayalım. “stop();“

buton_kirmizi.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndPlayFromFrame);

function fl_ClickToGoToAndPlayFromFrame(event:MouseEvent):void
{
	gotoAndPlay(2);
}

stop();

Adım 10: Zaman çizelgesinde “buton” katmanı 2.karedeki “Sarı Lamba butonunu” seçin ve Adım 7-8-9’u; örnek adı “buton_sari” ve gidilecek kareyi “gotoAndPlay(1);” olacak şekilde tekrar edin.

buton_sari.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndPlayFromFrame_2);

function fl_ClickToGoToAndPlayFromFrame_2(event:MouseEvent):void
{
	gotoAndPlay(1);
}

stop();

Adım 11: Animasyonunuzu test etmek için “Ctrl + Enter”  tuş kombinasyonunu kullanınız. Sonuç aşağıdakine benzer olmalıdır. Not: Flash uygulamasını göremiyorsanız “Adobe Flash Player eklentisini etkinleştirmek için tıklayın” yazan yere tıklayın ve açılan pencereden izin ver’e tıklayın.

Adobe Flash Hafta 9 Dosyalarını indir. (FLA-SWF)