ACTIONSCRIPT TEMELLERİ

... konulu sunumlar: "ACTIONSCRIPT TEMELLERİ"— Sunum transkripti:

1 ACTIONSCRIPT TEMELLERİ

2 ActionScript 1995 yılında ilk olarak ortaya çıkan animasyon yazılımında kullanılan komutlar temel animasyon ve yönlendirme komutları olarak (toplamda 12 temel komut) kullanıcıya sunulmuştur. Her yeni versiyonla bu komutlara, yeni komut setleri eklenmiş ve her versiyonda farklı ihtiyaçlara karşılık vermiştir. Animasyon yazılımının 5. versiyonunda tam olarak bir uygulama diline dönüşmüş ve ActionScript ismini almıştır. Animasyon yazılımı geliştikçe ActionScript dili de gelişmiş, ActionScript 2.0 ve ActionScript 3.0 versiyonuna ulaşmıştır. ActionScript dili ECMAscript (İnternette istemci üzerinde çalışan programlar için geliştirilmiş dil standardı) üzerine inşa edilmiştir, ECMAscript, JavaScript'in esasını oluşturduğu için birçok geliştirici için ActionScript'i anlamak kolaydır. Programlama özellikleriyle animasyon yazılımı üzerinde her türlü kontrol sağlanmış internet siteleri, internet siteleri için uygulamalar, oyunlar ve buna benzer birçok uygulama geliştirilebilir.

3 ActionScript ile zaman çizgisini kontrol edebilirsiniz
ActionScript ile zaman çizgisini kontrol edebilirsiniz. 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. Yapılabilecekleriniz hayal gücünüzle sınırlıdır. ActionScript 3.0 diliyle ActionScript yeni bir boyuta taşınmış ve güçlü bir programlama dili olmuştur. ActionScript 3.0 nesne tabanlı (OOP) bir programlama dilidir. Eski tarz prosedürel kodlama olanağı da bulunmaktadır. Bu sayede isteyen OOP programlama yapabildiği gibi isteyenler prosedürel programlama da yapabilmektedir. Esnek bir dildir. İsteyen herkes kendi sınıfını oluşturup animasyon yazılımı için de kullanabilir. Sunucu tarafında çalışan çeşitli internet programlama dilleri (php,asp,asp.net,java vb.) ile uyumlu çalışabilmektedir.

4 Eylemler Paneli Eylemler(Action) paneli, animasyon yazılımı içerisinde Script yazmak için geliştirilmiş editördür. ActionScript 3.0 ile kod tamamlama özelliği daha da gelişmiştir. Programlama yapıldığı esnada kodları tamamlamak için çeşitli seçenekler çıkar ve programcıya kod yazarken büyük kolaylıklar sağlar. ActionScript’in eski versiyonlarında sahnemiz üzerine, film klipleri ve düğmelere kod yazabilirrken eylemler panelini 3.0 versiyonuyla birlikte, bu nesneler üzerinde açmaya çalışırsak hata verdiği görülecektir. Artık ActionScript kodları sadece sahneye yazılabilir.

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

6 Eylemler paneli 3 bölümden oluşmaktadır.

7 Panel Bölümleri  Script elemanları Bu bölümde,tüm ActionScript sınıfları gruplandırılmış olarak bulunur. İstediğimiz komut seçilerek yazma alanına eklenebilir. Uygulama içerisinde kullanılabilen tüm özellik ve metotlar bu pencere altında saklanır.

8  Script Ekleme - Düzenleme Alanı Kodların yazıldığı ve daha önceden yazılmış kodların düzenlenebildiği bölümdür.

9  Script gezinme alanı Karmaşık animasyon ve uygulamalarda kod yazılan yerler arasında hızlı geçiş yapmak için ActionScript 2.0 ile geliştirilmiş ve halen kullanılan özelliktir. Kod yazılan tüm nesneler bu bölümde listelenir.

10 Panel Araçları Eylemler panelinde kod yazarken kullanımı kolaylaştıran doğruluk denetimi yapan araçlar bulunmaktadır.

11  Otomatik düzenleme Otomatik düzenleme çalıştırıldığında kod penceresinde yazılmış kodlar standarda göre yeniden düzenlenir, kurallara uygun girinti verilir, satır sonunda kullanılmayan noktalı virgülleri (;) gerekli yerlerde otomatik olarak yerleştirir.  CTRL+Shift+F komutunu ya da simgesini kullanın.

12 Kendi otomatik düzeltme ayarlarınızı yapmak için:  Panelin sağ tarafındaki menüye tıklayarak tercihler paneli açın.

13  Satır numaralarini gösterme Karmaşık kod yapılarında hata bulmak için çok işe yarayan bir özelliktir. Satır numaraları göstermek için:  CTRL+Shift+L komutunu kullanabilir ya da panel özelliklerinden bu özelliği açıp kapatabilirsiniz  Satır kaydırma Bu özellik aktifken yazılan kod, kod penceresine sığmadığında alt satıra geçer. Satır kaydırma işlemi yapılmayacağı için hızlı şekilde hatasız kodlar yazılabilir.

14  Script iğneleme Birden fazla frame ile uğraşırken zaman çizgisi üzerinde frameleri seçip kod yazmaya çalışmak bazen çok sıkıcı bir hal alabilir, bu gibi durumlarda bu özellik kullanılarak kod yazılan frameler panel altında bir tab haline getirilir. Frame seçmek yerine tablar arasında geçiş yapmak daha kolay olacaktır.

15  Kod ipuçları Yazılan kodlar için ipucu kutusunu çalıştırır
 Kod ipuçları Yazılan kodlar için ipucu kutusunu çalıştırır. Kod ile ilgili parametreler bu kutu içerisinde gösterilir. Kod ipuçlarını göstermek için:  Eylemler panelini açın.  var i: yazın.  Açılan pencereden uint veri türü seçilir. Esc tuşu ile bu pencereyi yok edebilir CTRL+Boşluk ile yeniden açabilirsiniz.

16  Hataları denetle Yazılan kodların editör aracılığı ile kontrol ettirmek istenildiğinde kullanılan bu özellik, kontrol sonucunu iletişim kutusunda detaylı olarak sunacaktır. Hataları denetleyi çalıştırmak için:  CTRL+T komutunu ya da simgesini kullanın.

17 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. Açıklama ifadesi eklemek için:  Eylemler paneli açılır ve ( // ) ifadesi yazılır. Buradan sonra yazılanlar tüm satırı açıklama satırı haline getirir. Satır bittiğinde açıklamada bitmiş olur.  /* …….. */ ifadesi yazıldığında, arasına yazılan her şey açıklama olarak alınır. Panel renklerini değiştirmek için:  Düzen > Tercihler (CTRL+U) ya da “Eylemler” panelinden köşedeki Tercihler simgesini tıklayın.  Tercihler iletişim penceresinden, ActionScript kategorisi seçildiğinde sağ taraftaki kod renklendirme bölümünden isteğinize uygun ayarı yapın.

18

19 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.

20 Noktalı Virgül (;) Yazılan kodlarda ifadenin bittiğini göstermek amacıyla ifade sonuna konulur.
Satır sonundaki (;) ifadesi trace komutunun sonlandığını göstermektedir. Otomatik düzelt seçeneği çalıştırıldığında otomatik olarak ifadeyi yerleştirecektir. Noktalı virgül yazılmasa da program hata mesajı vermez, fakat okunuşu kolaylaştırmak ve düzeni sağlamak için yazılması gereklidir.

21 ActionScript ile İletişim
Film kliplerini ActionScript içerisinde kullanmak için sahnedeki yerini ve film klibinin ismini bilmek yeterlidir. Sahnede onlarca film klibi ve bu klipler kütüphaneden aynı film klibinden kopyalanmış olabilir. Kod yazarken oluşabilecek karmaşayı önlemek için film kliplerinin kütüphane isimlerinin haricinde sahnedeki her nesneye bir örnek ismi (instance name) atamak gereklidir. Özellikler panelinden örnek ismi oluşturulabilir. Örnek ismi oluşturmak için:  Örnek ismi ekleyeceğimiz nesnemiz sahneden seçin.  Özellikler panelindeki örnek adı bölümüne değişken isimlendirme kurallarına uygun olarak bir örnek ismi verin.

22 Film klibinin ismi dışında sahnede bulunduğu yer de önemlidir
Film klibinin ismi dışında sahnede bulunduğu yer de önemlidir. Örneğin, ana sahne üzerinde bulunan bir film klibiyle başka bir film klibinin içinde bulunan bir film klibi için yazılacak kodlar farklı olacaktır.

23 Hedef yol ekle simgesi ile sahnedeki konumunuza göre nesneleri seçip yolu kolay bir şekilde panel üzerine ekleyebilirsiniz.

24 Veri Türleri ActionScript 3.0 içerisinde kullanılan veri türleri basit ve ileri düzey veri türleri olarak ikiye ayrılır. Uygulama içerisinde hangi tür verilerle çalışılacaksa ona uygun veri türü seçilmesi gerekmektedir. Karışık uygulamalarda belleği tasarruflu kullanmak ve uygulamanın performanslı çalışmasını sağlamak için veri türlerini uygun seçmek önemlidir Basit düzey veri türleri  Pozitif tam sayılar (Uint) 0 ile arasındaki tam sayıları tutabilen veri türüdür.

25 Tam sayılar (int) ile sayıları arasında tam sayı değerleri alabilen veri türüdür. Uintin aksine negatif değerler de alabilir. Tüm sayılar (Number) e-324 ile e+308 sayıları arasındaki tüm sayılar için kullanılan veri türüdür

26  Alfanümerik veri türü (String) İçerisinde harf, kelime, sayı, özel karakterler kısacası klavyeden basılan her tuşu barındırabilen veri türüdür. Yazılan her şeyi içerisine veri olarak alabilir. Sayısal değerleri veri olarak aldığında bu değerler ile matematiksel işlemler yapılamaz.  Mantıksal veri türü (Boolean) Doğru (true) ve yanlış (false) değerler alabilen veri türüdür. Genellikle karşılaştırmalarda kullanılır. Bu veri türünde tanımlanmış bir değişken doğrudan true ya da false değeri verilebileceği gibi karşılaştırma sonucu true ya da false değerini alabilir.  Nesne veri türü (object) Nesne kavramı ve nesneler hakkında gerekenler sınıflar konusunda ayrıntılı işlenecektir. Temel olarak nesnelere metotlar tanımlanabilir ve veriler yüklenebilir.  Void veri tipi Fonksiyon için kullanılan veri tipidir. (Fonksiyonlar daha sonra detaylı işlenecektir). Sadece fonksiyonlarda kullanılır. Fonksiyonun dışarıya veri döndürmediği zamanlarda kullanılır. Fonksiyonda return kullanılacaksa void kullanılmaz.

27 İleri Düzey Veri Türleri İleri düzey olarak tanımlanabilecek veri türleri: XML, XMLList, Array, date, error, function, RegExp şeklindedir.

28 Operatörler  Toplama operatörü (+) Bu operatör sayısal ifadeleri matematiksel olarak toplar. String ifadeleri yan yana yazdırır. Aşağıdaki örnekte sayı türündeki iki ifade matematiksel olarak toplanmıştır.  Fark operatörü (-) Sadece matematiksel ifadelerde kullanılır. Çıkarma işlemi yapılır.

29  Çarpma operatörü(*) Matematiksel çarpma işlemi yapılır.
 Bölme operatörü (/) Bölme işlemi yapılır.