< Flash - Digital Design Çeşmesi - Blogcu





Flash Catalyst,Flash Builder(a.k.a Flex Builder)

Derslerde anlatıklarımız artık gerçekleşiyor.Ben demiştim demekten pek hoşlanmam ama ihitiyaçlar doğrultusunda Adobe tarafı bu ihtiyaçlara cevap vermeye çalışıyor.
Bu yazıda bahis etmek istediğim tasarım ve geliştirme sürecinde Illusrator ve Flash Cataylst süreci.Uygulama yalnızca Illusrator değilde Fireworks ve Photoshop içinde geçerli.Flash Catalyst'in heniz Beta(2) sürümünde olması gözünüzü korkutmasın, ya da şöyle diyelim Beta'daki özellikleri görünce orjinalinde neler olur siz karar verin.İş akışı şu şekilde gelişiyor basitçe, tasarımlarınızı Illusratorde,Photoshop ya da Fireworks'de yapıyorsunuzi Flash Catalyst'te ise basit kodlamalar ile interaktivite sağlıyorsunuz.Yani Action Script'leri adamlar şablon halinde siz hiç kod yazmadan hazırlayıp sunmuşlar.Hatta component  oluşturmak da son derece kolaylaşmış durumda.Unutmadan timeline'ı bile var biraz Flash ara yüzünden farklı çalışsa bile işe yarıyor.Aslında iş akışı burada bitmiyor eski Flex Builder yeni adı Flash Builder 4'ile asıl kodlama işlemleri ve data(veri) service burada barındırılmış.Bu arada bazı negatif yorumları atlamayalım.Neden bu karışıklık derler, yok Flex'di değişti Flash Builder yaptınız? Asıl teknoloji Action script üzerine kurulu olduğundan neden Action Script Builder demediniz gibi.Zaman gösterecek artık.
Flash Catalyst Beta sürümünü indirmek için;
http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashcatalyst
linkini kullanabilirsiniz.

Sevgiler




Flash CS5 Bata geldi hanimmmm...

Sonu yok mirim sonu bu işin demiş büyüklerimizden biri.CS5 betaları akmaya başladı.
Buyrun size Flash CS5 Batasının neler yapabileceğinden Adobe tarafından, bize aktarılan bir kaç örnek.
iPhone ve iPod touch için Actionscript 3.0 kullanarak uygulama(applications) tasarımı.Bu tasarımda SWF dosyası ile Apple'ın kendi platformu olan ipa değişimi söz konusu.Değişimde hiç bir sorunla karşılaşmıyorsunuz.Düşünsenize artık web üzerinde Flash ile yaratığınız oyunlar artık ipodlarda.

Diğer bir yenilik yeni text layout framework üzerinden,text uygulamaları.Nerdeyse In Design ile yapılan tipografik uygulamaların hepsi burada.
XML tabanlı FLA dosyaları ile kaynak kontrol sistemini kullanarak,takımınızı yönetebilirsiniz.
Code Snippets Panel ile artık özet kodlardan yararlanıp, kod yazım derdinizi aza indirgeyebileceksiniz.
Flash Builder ile tam entegrasyon ve daha gelişmiş Actionscipt editörü.
Sevgiler




Action Script 3.0. Giriş 9

Selamlar,
Artık biliyoruz ki instance name'i sahnedeki objeye vermemiz lazım vede tercihen bu objenin bir movie clip olması lazım.Peki eğer biz movie clipimizi kütüphanede tutuyor ve manuel olarak sahneye eklmeden script ile eklemek istersek ne yapmamız gerekiyor?İlk önce objemizi, class şeklinde ihraç etmeye(export) açmamız lazım.Bunu basitçe movie clip'in üzerine gelip, sağ clikleyerek properties sekmesinden oluşturabiliriz.

Sonrasında gereki kodları yazarak movie clipimizi sahneye alabiliriz.

İlk satırın açılımı tabii ki bir tanımlama yapmamız variables ile.Daha sonra addChild ile sahneye almamız(satır 2) ve eğer sahnedeki yerleşim koordinasyonlarını vermek istersek, movie clipimizin x ve y koordinasyonlarının kodlarını yazmamız gerekiyor (satır 3/4).
Ctrl/enter ya da Cmd/return(mac)bastığınzda SWF dosyanızda görünecektir.
Sevgiler





Action Script Özellikler, Methodlar ve Olaylar

Selam,
Özellikler(properties),Metodlar(methods) ve Olaylar(events) AS'nin önemli unsurlarından bir kaç tenesi.
Propertises yani özellikler biraz sıfatları andırıyorlar.Değiştirilen  veya sorgulanan objenin ya da nesne diyelim, tanımlamasını sağlar.Örnek olarak bir buton(düğme) ya da Movie Clip'in en ve boyunu oluştutur veya bu en ve boyu tanımlamak için sorgularsınız.Bazı özellikleri(properties) değiştirebilir -read and write- diğerleri ise yalnızca yararlanmanız için olabilir(read only).
Read only Properties'de değerleri (value) değiştiremezsiniz.
Method yani metodlar da dil bilgisindeki fiil yapılarını andırırlar.Nesnelere veya objelere diyelim, ne yapılması gerektiğini söylerler.Bunlara örnek oynat (play) ve durdur(stop) verilebilir.Bazı durumlarda metodlar, özelliklerin(properties) oluşumunu değiştirip daha basit hale getirebilirler.Örnek olarak;
setSize() metodunu kullanarak hem en (width) hemde boy(height) durumlarını oluşturmanız mümkün.Diğerleri ise kendine has olan metodları kapsar.navigateToURL() onlardan bir tanesi.
Events yani olaylar burada çözücü bir görev görüyor.Bir haraketi tetikleyip,özellikler(porperties) oluşturuyor ve metodları çağırıyor."Hayır hayır eve gel metod yemek vakti gibi değil".Sadece programlama dilinde çağırmak.Örnek, kullanıcı bir buton'u tıkladı ve bir fare olayı(mouse event) oluşturdu.Bu olayda(event) bir fonksiyon ile(function),istenilen aksiyonu çalıştırıp, harakete geçirdi.Burada olay işlemcileri(event handlers) orta adam görevi oluşturmakta.Yaptıkları ise, bu olayları(events) bir yerde tutup, fonsiyonunu çağırmak.Event Listeners(olay dinleyicileri) ise burada bir spesifik olayın,dinlenmesi ve bir tepki oluşturması için, yaratılanlardır.

Sevgiyle kalın

Nesne Tabanlı (Object Oriented) Actionscript (2)

Selamlar tekrar,
Konuya biraz daha ışık tutalım.Bu gün size Encupsulation yani sarım/sarmalama, Polymorphism(çoklu biçimlem) ve Inheritence(kalıt,miras)  mantıklarından söz edeceğim.

Encapsulation, ayrınıtları gizleyip asıl önemli olanları göz önüne getirmek gibi algılanabilir.Bazı Sınıfları (Class ları) sahne arkasında tutup, diğer önemli olanları ortaya çıkarmak şeklinde tanımlayabiliriz. Sadece kullanım için gerekli olan sınıfı(Class) açığı çıkarmak. Buna bir radyo veya araba örneği verebiliriz. Bir arabayı çalıştırmak için, arabaya binip kontağı çalıştırırsınız ve böylelikle araba yola koyulur. Arabayı tasarlayanlar sizin daha iyi yolu takip etmeniz ya da daha önemli işleri yapmanız için, arabanın bir çok parçasını gizlemişlerdir. Radyo veya TV örneği de bu şekilde verilebilir.TV'yi açarsınız fakat ayrıntılarıyla TV'yi oluşturan parçaların nasıl çalıştığını gözden geçirmeniz gerekmeyecektir.İşte encupsulation anlamı bu.

Polymorphism, evet Yunanca'dan gelen bir sözcük. Actionscript anlamında ise, bir çok nesne(object)nin farklı yönlerden, aynı özellikleri göstermeleri. Biraz örnekle açıklayalım.
Narenciyelerden örnek verirsek,Portakal, Limon ve Greyfurt meyvalarını alalım hepsi aynı narenciye sınıfından(Class) gelmekte.Ayrıca bunları yarıp içine kaşık daldırdığınızda, tümüne ortak olarak, gözünüze narenciye suyu kaçıp yakması olağandır.Yani burada , Portakal, Limon ve Greyfurt sınıflarının ortak bir davranışı söz konusu.Bu ortak davranış aslında bu meyvalara narenciye sınıfından(class) denildiğinden miras kalan(inherit) bir özellik.
Her sınıfında(Class) - Porakal, Limon ve Greyfurt-bir kendine has özelliği (properties) var.
Limonun suyu, portakal'ın suyu ve Greyfurt'un suyu kendine has özellikleri(properties).
İlk başında da hangi meyve suyu olduğunu bilmeniz gerekmiyor, çünkü hepsi kaşığı daldırdığınızda narenciye suyu fışkırtır.Aşağıda narenciye sınıfına başlangıcına örnek yapı;

Narenciye Sınıfı Başlat
    Tadına Bakmak İçin Bir Hizmet Başlat
       (Tadına Bakma Hizmeti İçin Ayrıntılar)
    Tad Bakımı Hizmeti sonu

    Fışkırtma Hizmeti Başlat
        (Fışkırtma Hizmeti İçin Ayrıntılar)
    Fışkırtma Hizmeti Sonu
Narenciye Sınıfı Sonu

Gelelim miras veya kalıtım mantığına(Inheritance)
Komşudan bir fener aldınız.Fakat bu fener pek de işinize yarayacak gibi görünmüyor.Ama merak etmeyin bir bilgisayarınız var ve kod yazmayı biliyorsunuz.Yapmanız gereken bilgisayarınıza ilk önce komşunuzun fenerinin bir kopyasını yaratmasını söylemeniz, daha sonra ihtiyacınız için gerekli olan "şunu yap", "bunu yap" emirlerini vermeniz. Böylelikle kendinize has bir feneri, aslını bozmadan oluşturdunuz.
Yukarıdaki örnek için kod yapısı şu şekilde oluşturulabilir;

Fener Sınıfı Başlat
   Işık Gösterim Hizmeti Başlat
      (Işık Gösterim Hizmeti Ayrıntıları)
   Işık Gösterim Hizmeti Sonu
Fener Sınıfı Sonu

Fener sınıfı (Class) yukarıdaki yapıda tek bir hizmet sunuyor bu da Işık Gösterim Hizmeti. Peki ya biz bir Spot ışığı yapılandırmak istersek? Baştan yeni bir Spot 'mu yaratmamız gerekecek? Hayır.
Burada kalıtım ya da mirasından(inherit) yararlanacağız;

Spot Sınıfı Başlat
   Fener Sınıfını Kullan
   Özellikler İsmi Ve Ölçüsü
Spot Sınıfı Sonu

Yukarıdaki atmasyon koda (pseudo code) bakarsanız, spot sınıfının özellikler kısmında isim ve ölçüsü var.Bu da bir çok Spot Işığı nesnesi yaratabileceksiniz anlamına gelir.Bütün spot ışıkları, ışık gösterimini oluşturular(Fener sınıfından kalıt-inherit-).Fakat her spot ışığının kendi ölçüsü(büyüklüğü) olabilir.Böylelikle bir çok ışık saçan farklı, tiyatro Spot ışığı, stadyum spot ışığı yada Phptprafçıların kullandıkları spot ışıkları oluşturabilirisiniz.

Sevgiyle kalın




« Önceki ::