Grafik ve Animasyon dersi içeriği olarak hazırlanan bu yazıda Flash ActionScript ile buton kontrolü konusu anlatılmıştır. Ayrıca bir flash animasyonu buton yardımı ile durdurma ve tekrar hareket ettirme işlemleri yapılmıştır. Aşağıda bu işlemler adım adım anlatılmıştır ve defalarca denenmiştir. Yine de yapamadığınız aşamalarda yorum kısmından soru sorarak cevap alabilirsiniz.

  • 600x150 sahne açılır.
  • Katman1 adına çift tıklayarak katman adını “Animasyon” olarak değiştirilir.
  • Animasyon katmanında 1. Kareye git ve sahnenin sol kısma 120 x 120 ebatlarında tekerlek çizilir.
  • Tekerleği seçip F8 tuşuna basarak Grafiğe dönüştürülür.
  • Kareye sağ tıklayarak “Anahtar Kare Oluştur” seçilir.
  • Yine 20. Karedeyken tekerlek sahnenin sağında biraz boşluk kalacak şekilde sağ tarafa çekilir.
  • Zaman çizelgesinde 1-20 kareleri arasında herhangi bir karede sağ tıklayarak “Klasik Ara Oluştur” seçilir.
  • Yine aynı aralıkta herhangi bir kare tıklandıktan sonra ekranın sağ kısmında bulunan Özellikler panelinden “Döndür” ayarını SY (saat yönü) olarak seçilir.
  • Animasyon CTRL+ENTER tuş kombinasyonu ile test edilir.
  • Eğer tekerlek dönerek sağa doğru ilerliyorsa doğru yoldayız demektir.
  • Yeni bir katman eklenir ve katman adı “butonlar” olarak değiştirilir.
  • Butonlar katmanının 1. Karesine tıklanır.
  • Menü çubuğundan Pencere/Bileşenler seçilir (CTRL+F7).
  • Kullanıcı ara yüzü bölümünden Buton çift tıklanarak sahneye alınır.
  • Sahnenin sol üst köşesine iki tane buton üst üste yerleştirilir.
  • Üstteki buton tıklanır ve sağ kısımda bulunan “Özellikler” panelinden “label” yazan alana “Oynat” yazılır. Yine “Özellikler” panelinde en üst kısımda yer alan “Örnek Adı” kısmına “buton1” adı verilir.
  • Alttaki buton tıklanır ve sağ kısımda bulunan “Özellikler” panelinden “label” yazan alana “Durdur” yazılır. Yine “Özellikler” panelinde en üst kısımda yer alan “Örnek Adı” kısmına “buton2” adı verilir.
  • Zaman çizelgesinde butonlar katmanında 1. Kareye tıklanır ve F9 tuşuna basılarak actionscript kod penceresi açılır.
  • Kod penceresine aşağıdaki kodlar aynı şekilde yazılmalıdır. Büyük/küçük harf duyarlılığı olduğundan mutlaka yazıma dikkat edilmelidir.
  • Kodlar yazıldıktan sonra zaman çizelgesinde butonlar katmanında 20. Kare sağ tıklanarak “Anahtar Kare Oluştur” seçilir.
  buton1.addEventListener(MouseEvent.CLICK, oynat);
function oynat (e:MouseEvent)

{  
play();
}
buton2.addEventListener(MouseEvent.CLICK, durdur);
function durdur (e:MouseEvent)

{
   stop();
}

Animasyonun bitmiş hali aşağıda görüldüğü gibidir.

 

CTRL Bizde

Kendi halinde bir kaç kişiyiz,. Karşılaştığımız sorunları çözmek için bazen "çok zaman" harcadığımızı fark edip

devamı

Yeni Eklenenler