Grafik ve Animasyon Adobe Flash Hafta-9

Grafik ve Animasyon 09 Nisan 2019 - 0:26 262 KEZ OKUNDU 0 YORUM YAPILDI

Grafik ve Animasyon Adobe Flash Hafta-9
Sayfayı Paylaş...
  •  
  • 3
  • 1
  •  
  •  

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.

Adobe Flash Eylemler Paneli

Eylemler Paneli Araçları

Adobe Flash 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.

Adobe Flash ActionScript Açıklama Satırı Örnekleri

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.

Flash Hazır Kod Parçacıkları

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.

Flash Kod Parçacıkları Kareye Gitmek ve Oynatmak için Tıklat

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

Flash Kod Parçacıkları Bu Karede Dur

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.

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) download-1

Grafik ve Animasyon Adobe Flash

Konu Anlatımları için Tıklayınız…

Grafik ve Animasyon Adobe Flash konu Anlatımları




BU KONULAR DA İLGİNİZİ ÇEKEBİLİR

Grafik ve Animasyon Adobe Flash Hafta-12

CheckBox Bileşeni (CheckBox Component) ile Çoklu Seçim Uygulaması

Grafik ve Animasyon Adobe Flash Hafta-11

ColorPicker Bileşeni (ColorPicker Component) ile Renk Değiştirme

Grafik ve Animasyon Adobe Flash Hafta-10

Adobe Flash Bileşen Uygulamaları

Grafik ve Animasyon Adobe Flash Hafta-8

Adobe Flash Bileşenler Paneli

BU MAKALEYE YORUM YAP