Grafik Animasyon Flash Cs5 Hafta-9

       Bu hafta Grafik ve Animasyon dersinde Action Script 3.0 konusuna giriş yaptık. Önceki derslerde hazırladığımız animasyonlar CTRL + Enter tuşlarına basıp izlediğimiz türdendi, Action Script ile artık animasyonlarımız kullanıcı etkileşimli hale gelecek. Animasyonu çalıştırıp izlemek yerine animasyona müdahalede bulunabileceğiz. Action Script 3.0 konusunu bir programlama dili gibi anlatmak yerine örnek uygulamalarla ilerleyeceğiz.

Flash Cs5 Action Script 3.0 Temel  Bilgiler ve Radyo Buton (RadioButton) Kontrolü

  • Sahnenize text aracı ile herhangi bir soru yazınız.  Ben “Türkiye Cumhuriyeti Devletinin Başkenti Neresidir? ” yazdım.
  • Daha sonra sahneme Radyo Buton eklemek için Pencere Menüsünden Bileşenler (Components) seçtim. Karşıma gelen panelde User Interface kısmından 4 adet RadioButton sürükleyerek sahneme bıraktım.
  • Herbir radyo butonu tıkladıktan sonra sağdaki özellikler panelinden aşağıdaki resimde görülen iki alanı değiştireceğiz. <Örnek Adı> alanına değişken tanımlar gibi o radyo buton için bir isim vereceğiz, ben illerin ilk üç harfini (adana için adn gibi) verdim. İsim verirken Türkçe karakter kullanmamaya dikkat edelim. Label kısmı ise sahnede görülecek olan kısımdır, oraya ne yazarsak sahnede o isim görülür, dolayısıyla bu alana illerin isimlerini giriyoruz. 4 radyo buton içinde aynı işlemi yapalım fakat hepsinin örnek ismi birbirinden farklı olması gerekiyor.

  • Araç panelinde Text aracını seçelim ve sağ taraftaki özellikler panelinden Dinamik Metin özelliğini seçelim.

  • Şimdi sahneye gelelim ve radyo butonların altına fare yardımıyla metin alanı oluşturalım. Araç panelinden ilk sırada bulunan işaretçiyi seçerek Dinamik Metin alanını seçelim ve sağ tarafta Özellikler panelinden <Örnek Adı > alanına bir isim verelim. Ben “mesaj” yazdım.
  • Şimdi kodlama kısmına geçelim. Sahne üzerinde boş bir alana fare ile tıkladıktan sonra Pencere Menüsünden Eylemler ya da F9 kısayolunu kullanarak kodlama ekranını açınız.
  • Aşağıdaki kodu bu kısma yazınız.

  • Kod parçaları için açıklama yapacak olursak.

 

Bu kısımda 1 numaralı alana Radyo Butona verdiğimiz isim yazılacak. 2 ve 3 numaralı alanlara fonksiyon için isim verilecek (Türkçe karakter olmayacak ve isim sayı ile başlamayacak) , her bir Radyo Buton için farklı bir fonksiyon ismi vermeniz gerekli. 4 numaralı alana ise Dinamik Metin alanına verdiğimiz ismi yazıyoruz. Tüm adımları doğru olarak yaptıktan sonra CTRL + Enter tuşlarına basarak animasyonu çalıştıralım.

Not : Action Script kodlarını yazarken büyük-küçük harflere dikkat edilmesi gerekmektedir. Fonksiyon isimleri doğru yazılırsa renk değiştirecektir.

 Not : Animasyonu çalıştırdığınızda Dinamik Metin alanında yazılar düzgün görünmüyorsa sahnede Dinamik metin alanını seçin ve sağ kısımda özellikler panelinden  Karakter sekmesi altından Aile alanını değiştirin (Arial yada Calibri olabilir)

Get Adobe Flash player

 

Flash Cs5 Action Script 3.0 Temel  Bilgiler ve Buton (Düğme) Kontrolü

  • Sahnenize bir katman daha ekleyiniz. Katmanlardan birinin ismini Hareket, diğerinin ismini Buton yapınız.
  • Hareket katmanında 1. Karede sahnenin sol üst köşesine bir adet daire ekleyiniz. Yine hareket katmanında iken zaman çizelgesinde 40. Kareye sağ tıklayarak Anahtar Kare Ekle seçeneğini seçiniz ve 40. Karede daireyi alıp sahnenin sağ alt köşesine taşıyınız.
  • Hareket katmanında zaman çizelgesinin 1-40 kareleri arasında bir noktaya sağ tıklayarak Klasik Ara Oluştur seçiniz.
  • Buton katmanında 1. Karede iken sahnenin sağ üst köşesine Pencere menüsünde Bileşenler  kısmından 2 adet buton yerleştiriniz.
  • Butonların birini seçip sağ kısımda yer alan özellikler panelinden Label değerine Oynat yazınız ve Örnek Adı alanına b1 yazınız.
  • Diğer butonu seçip sağ kısımda yer alan özellikler panelinden Label değerine Durdur yazınız ve Örnek Adı alanına b2 yazınız.
  • Buton katmanında 1. Karede iken Sahnede boş bir alana tıkladıktan sonra F9 basarak kod penceresini açınız ve aşağıdaki kodları yazınız.

  • Zaman çizelgesinde Buton katmanında 40. Karede sağ tıklayarak Anahtar Kare Ekle seçiniz.
  • Animasyonu CTRL + Enter ile test edebilirsiniz.

Get Adobe Flash player

Flash Cs5 Action Script 3.0 Kareler Arası Geçiş

  • Zaman çizelgesinde 1. Karede iken sahnemize 1 adet dikdörtgen çizelim ve altına Pencere Menüsünden Bileşenlere tıklayarak 1 adet buton ekleyelim.
  • Butona tıkladıktan sonra sağ kısımda özellikler panelinden Örnek Adı alanına b1, Label alanına İleri yazalım.
  • Zaman çizelgesinde 2. Karede sağ tıklayıp Anahtar Kare Ekle seçelim, dikdörtgeni silip yerine bir adet daire çizelim. Dairenin altına 1 adet buton ekleyelim.
  • İkinci karede Butona tıkladıktan sonra sağ kısımda özellikler panelinden Örnek Adı alanına b2, Label alanına Geri yazalım.
  • 1. Karede boş bir yere tıkladıktan sonra F9 ile kod penceresini açalım ve aşağıdaki kodları yapıştıralım.

  • 2. Karede boş bir yere tıkladıktan sonra F9 ile kod penceresini açalım ve aşağıdaki kodları yapıştıralım.

  • Animasyonu CTRL + Enter ile test edebilirsiniz.
    Get Adobe Flash player  
, , , , , , , , , ,

4 thoughts on “Grafik Animasyon Flash Cs5 Hafta-9

  1. tebrik ederim öncelikle çok başarılı
    adobe flash progmanında fizik dersinin dirençler konusu nasıl yapılır acaba yardımcı olursanız sevinirim

  2. “Not : Animasyonu çalıştırdığınızda Dinamik Metin alanında yazılar düzgün görünmüyorsa sahnede Dinamik metin alanını seçin ve sağ kısımda özellikler panelinden Karakter sekmesi altından Aile alanını değiştirin (Arial yada Calibri olabilir)” Açıklamasını başka hiçbir herde görmedim. Metin kutusuna değişkeni yazdıramıyordum. Meğer yazı karakterindenmiş. Teşekkür ederim. Elinize sağlık.

  3. Sitenizdeki örnekler güzel ama benim sahnede objeye tıklandığında o renk kodunu output bölümünde gösteren koda ihtiyacım var yardımınız için şimdiden teşekkür ederim

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir