Eylem Kodlarını Kullanarak Etkileşimli Animasyonlar Hazırlamak

Eylem Kodlarını Kullanarak Etkileşimli Animasyonlar Hazırlamak

ActionScript İle Animasyon

Zaman çizgisi üzerinde yapılan animasyonlar ActionScript kodu yazarak da yapılarak kontrol edilebilir. Bu işe yarayan animasyon sınıfları nesnelerin şeklini değiştirmek ve onlara hareket kazandırmak üzere ikiye ayrılır.

1.1. Biçim Animasyonları
10 adet biçim animasyonu vardır.
Blinds: Nesneye Panjur efekti verir.

  • Rotate: Nesneyi döndürür.
  • Wipe: Nesne üzerine silme efekti yapar.
  • Zoom: Yakınlaştırma efekti uygular.
  • Fly: Uçma efekti yapar.
  • Irıs: Açılıp kapanan iris efekti yapar.
  • Photo: Görünür kaybolur efekti yapar.
  • Squeeze: Sıkma efekti uygular.
  • PixelDissolve:piksel piksel yok etme ya da oluşturma efekti yapar.
  • Fade: Nesneyi yok etme ve görünür yapma efekti uygular.

1

Örnek:
Yukarıdaki animasyon, sınıflarının yazılacağı animasyon komutu içerisinde tip olarak belirtilmelidir. Biçim animasyonlarının kullanılabilmesi için TransitionManager kullanılması gereklidir.

  • Animasyona başlamadan önce transition ve transition.easing sınıf ve metotlarını sahneye import edin.
  • Sahneye 100 x 100 piksel büyüklüğünde bir kare çiziniz.
  • Karenin rengini belirleyiniz.
  • Film klibi haline getirip örnek ismini kare olarak belirleyiniz.
  • Nesneye sırayla animasyon türlerini uygulayarak deneyiniz.
    Döndürme (rotate) animasyonu için:

• ccw:true parametresi saat yönünde döndürme

• ccw:false parametresi saat yönünün tersi döndürme

• degrees: 0-9999 arası bir değer verilebilir kaç derece açıyla döneceği belirlenir.

  • Silme (wipe) animasyonu için:

• startPoint:1-9 arası bir değer verilebilir. Hareket yönünü buradan belirleyebilirsiniz.

2

  • Uçuş (fly) animasyonu için:

• startPoint: 1-9 arası bir değer verilebilir. Hareket yönünü buradan belirleyebilirsiniz.

  • İris (iris) animasyonu için:

• startPoint: 1-9 arası bir değer verilebilir. Hareket yönünü buradan belirleyebilirsiniz.

• Shape: Irıs.CIRCLE parametresi daire olarak animasyonu gerçekleştirir.

• Shape: Irıs.SQUARE parametresi kare olarak animasyonu gerçekleştirir.

  • Sıkma (squeeze) animasyonu için:

• Dimension: o değeri yatay 1 değeri dikey animasyon yönü belirler.

  • Piksel piksel oluşturma-yok etme (pixeldissolve) animasyonu için

• xSections: 1-50 arası bir değer alır yatay hücre sayısını belirler.

• ySections: 1-50 arası bir değer alır dikey hücre sayısını belirler.

Buradaki parametrelerdeki değerleri değiştirerek birbirinden güzel animasyonlar yapabilirsiniz.

1.2. Hareket Animasyonları
Hareket sınıfını kullanmak biçim sınıflarını kullanmak kadar kolaydır. Öncelikle tween ve easing sınıflarını flash içerisine import etmek gereklidir. Hareket animasyonları nesnelerin özellikleri kullanılarak yapılır.
x, y, width, height, scaleX, scaleY, rotation, alpha bunlara örnektir. Animasyon bu özelliklere göre yönlendirilebilir. Birden fazla animasyon türü kombine edilerek nesneye değişik animasyonlar uygulanabilir.
Temel kullanım şablonu;

3

  • Hareket animasyonlarında başlangıç ve bitiş değeri özelliğe göre değişecektir. Örneğin x ve y metotlarına göre yapılan animasyonda başlangıç ve bitiş değeri, sahnedeki konuma göre olacaktır.
  • Alpha için kullanılan değerler ise 0 ve 1 arasında olacaktır.
  • Scale metodlarında verilen değerler büyüme katsayısı (2 kat, 3 kat vb.) olarak alınacaktır.

Yükseklik ve genişlik (width, height) metotlarında değer piksel olarak verilmelidir. rotation da başlangıç ve bitiş değeri (0-360) derece cinsinden olmalıdır. Sahne üzerinde birden fazla animasyon yapmak için:
Yeni bir animasyon belgesi açın ve sahneye isminizi yazın.

  • Yazdığınız ismi film klibine dönüştürün ve örnek isim olarak isim atayın.
  • Sınıfları sahneye import edin.

4

  • İsim nesnesine tek tek hareket animasyonlarını tanımlayın. Her kod satırından sonra animasyonu test ederek kontrol edebilirsiniz.

5

4 Beğen

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