TUNCAYS » AS3

AS3 ve CSS Sprite Tekniği

TUNCAYS — Sun, 17 Jan 2010 12:15:12 +0000

Actionscipt ile dışarıdan veri veya medya öğesi almak istediğimizde temel olarak kullandığımız teknik “client side request”tir.Her request http protokolünde (http deki son p zaten protokol demekte buda yazım hatası olsun (hatasız kul olmaz!)) önemli bir yer işgal eder.

İsviçreli bilim adamları üç açılı diş fırçasından sonra bu konuya da kafa yorup “client side request” e inat “server side push” tekniğini geliştirdiler.Ancak bizim konumuz şimdi bu değil.

Amacımız basit; request sayısını en aza indirmeye çalışacağız.Bu bize aslında bi çok avantaj daha sağlayacak.Farzı misal: elimizde 250 ülke bayrağı var.250 tane loader, 250 “client side request” demek.Her request için http nin şartları, eklediği veri vs düşünülürse bu biraz ürkütücü bir rakam.

CSS yazan arkadaşlar bu duruma mani olabilmek için tüm resimleri birleştirip tek resim haline getirmeyi uygun bulmuşlar.İnternette dolaşıyorsanız illa görmüştürsünüz http://b.static.ak.fbcdn.net/rsrc.php/z2GOE/hash/ebqvjyrq.png veya bunu http://www.google.com/images/nav_logo7.png

Oyun programcıları ise bu konuya daha öncesinden aşina character.Bende buradan yola çıkarak (bizim mahalleye kadar koşarak gittim) bi örnek yaptım.Sağdaki resim tek başına bi resim bunlardan bayrakları kopartıp ayrı birer Display Object ögesine çevirip kullanıcı etkileşimli hale getiren örnek burda.Ama öncelikle start düğmesine bi basmanız gerekli http://tuncays.com/labs/Flags/

Uygulamanın açıklaması ise:

[Coming soon]

AS3 ve Facebook

TUNCAYS — Fri, 15 Jan 2010 17:49:50 +0000

Uzun süredir Facebook la yatıp Facebook la kalkıyordum.Yaklaşık 12 uygulama yaptıktan sonra artık konuya hakim olduğum sonucuna vardım.Birde uygulamalardan biri Facebook tarafından doğrulanınca bu konu hakkında bi şeyler söylemeye karar verdim.

Araştırmalarım sonucu en iyi Facebook Apisi Adobe un geliştirdiği.Ancak ben isyankarım: kocaman apiyi öğrenemem diyorsanız. http://wiki.developers.facebook.com/index.php/API adresinden Facebookun apisini öğrenip http://api.facebook.com/restserver.php adresine post etmeniz yeterli

Kendi basit yapınızı bile oluşturmak mümkün.Bu Api çok gemiş ve hala Facebook tarafından genişletiliyor.Sosyal medya uygulamalarının popüler olduğu şu günlerde bu konulardan bahsedip bi şeyler yazmazsam tepkinizi gösterin.En kötü ihtimal 5500 a mesaj atın belki bi şeyler olur

AS3 ve Google Translate

TUNCAYS — Wed, 30 Dec 2009 12:57:53 +0000

Bildiğiniz gibi Google ın harika bir çeviri sistemi var ve bu sisteme uzun süre önce Türkçeyi de dahil etti.Uzun cümleleri çevirirken biraz garipleşsede bence yinede başarılı bir sistem olarak yoluna devam ediyor ve ilerleyen zamanda çok daha yeni özellikler barındıracağını Google ın blogunda okumuştum.Aslında öylede oldu.Google uygulamalarının çoğunda translate sistemini kullanmaya başladı.Bkz: www.gmail.com

Google bu uygulamarın herkes tarafından kullanılmasını istyor.Tabiki ActionScript geliştiricilerininde.Bu konuda bi çok api var.Ancak ben bu örnekte çok daha pratik bi yöntem kullanmayı tercih ettim.

Bu basit çalışmada yapacağımız şey şu: Uygulamamıza giren kullanıcıların Flash Player dilini öğrenip Google Transltate yardımıyla sahnede bulunan TextField ların içeriğini bu dile çevireceğiz.
Aslında çok ama çok basit ve yararlı olacağına inandığım bi yapı gibi geliyor bana.
Uygulamanın kodları şu şekilde:

stage.scaleMode="noScale";
stage.align="topLeft"
var tf:TextField;

var i:int = -1;

nextText ();

/**

* Bu fonksiyon sahnede bulunan objleri seçerek

* çevrilmesi için

*/

function nextText ():void

{

        i++;

        if (i < this.numChildren)

        {

                var item:DisplayObject = this.getChildAt(i);

                if (item is TextField)

                {

                        tf = TextField(item);

                        translate (tf);

                }else

                {

                        nextText()

                }

        }

}

function translate (tf:TextField):void

{

        //Bu adres api adresi bizim ona gönderdiğimiz pramatrelere uygun olarak bize 

        //çeviriyi dönderecek

        var request:URLRequest = new URLRequest("http://ajax.googleapis.com/ajax/services/language/translate");

        request.method = URLRequestMethod.GET;
        //Burda çeviri yapılacak dili belirledik

        //Biz  FlashPlayer ın dilini istedik.

        var to:String = Capabilities.language;

        var variables:URLVariables = new URLVariables();

        variables.v = "1.0"; //Api versiyonu

        variables.q = tf.text; //Çeviri yapılacak cümle veya kelime

        variables.langpair = "tr|" + to; //Çeviri sorgusu

        request.data = variables;
        if (to != "tr") //Eğer dil Türkçeyse zaten çevirmeye gerek yok

        {

                var loader:URLLoader = new URLLoader(request);

                loader.addEventListener (Event.COMPLETE, onComplete);

        }
}

function onComplete (event:Event):void

{

        var obj:String = (event.target.data);

        //Çeviri texte yazılıyor.Api bize JSon dönderiyor ancak ben bu uygulamada kolay olsun ufak bi 

        //parsingle hızlı çeviri yapmayı amaçlamıştım

        tf.text = (obj.split("\"")[5]); 

        nextText()
}

Uygulamanın Çalışan Hali:

Eğer bilgisayarınızın dili Türkçe ise bi çeviri göremeyeceksiniz.

O halde bu swf ye bakın:

LCD

TUNCAYS — Mon, 28 Dec 2009 16:43:33 +0000

Action Script le kapsamlı uygulamalar geliştirebilmek için Bitmap ve BitmapData sınıflarına hakim olunması gereğine inanıyorum.Anladığım kadarıyla da Adobe burada biraz açık kapı bırakıyor.Örneğin Pixel Bender ile yeni filtreler oluşturmamıza olanak sağlıyor.Pixel Bender dosyaları bytecode halinde çalışma zamanında yüklenebiliyor, kaldırılabiliyor ve dinamik parametreler verilebiliyor.

Pixel Bender ın syntaxı aşina olduğum yapıya benzemediğinden bu efekti BitmapData sınıfı ile yazdım.Basitçe durum şu.Sahnede flashın basit temel öğeleri var sahne dinamik olarak çiziliyor.Renklere göre kutucuklandırılıyor.bu işlemlerin hepsi bitmapdatada oluyor.Açıklamasını kısa süre sonra yapacağım ancak çalışma şu:

Union Platform Chat

TUNCAYS — Tue, 25 Aug 2009 15:11:40 +0000

Merhaba arkadaşlar

Union Platform konusunda basit bir Flex uygulaması yaptım.Union Platform (http://www.unionplatform.com ) Flashta multiplayer uygulamalar hazırlamamıza yardımcı olan hem bir sınıf hemde işin server kısmını halleden bir uygulama.

Server konusunda geliştiriciler problem yaşamasın, uygulamaya konsantre olup server tarafında zaman kaybetmesinler ve en önemlisi

hosting problemi yaşanmasın fikirleri göz önünde bulundurulak geliştirlen bir proje.Şuan için beta olan yazılım aynı zamanda ücretsiz(ilerde ne olur bilinmez).Ancak yinede ben bi uygulama geliştireyim diye aşağıdaki basit chat uygulamasını yaptım.

Hızlı geliştirmek adınada Flex kullandım.Zaman buılursam bu örneği açıklayacağım.

Teşekkürler

İyi çalışmalar

Neon Çizgiler

TUNCAYS — Fri, 31 Jul 2009 11:00:54 +0000

Bu deneysel çalışmada daha önce gördüğüm bir çalışmayı yapmaya çalıştım.
Nasıl yapacağımı bilmediğimdende biraz fikir yürütüp bi şeyler denedim.
Çalışma basitçe şu:
NeonLight

İlk P2P Deneyimim

TUNCAYS — Mon, 15 Jun 2009 08:31:43 +0000

Acayip derecede mutluyum.Aylardır peşinde koştuğum P2P bağlantıyla bugün ilk çalışmamı yapabildim.Daha doğrusu ilk kez çalıştı .

Çalışma burda.

En kısa zamanda kullanıcı ismi konusunda bi şeyler yapıp rahat bi bağlantı yaptırmayı düşünüyorumda.

Bu soruna gelmeden önce çoklu bağlantıyı çözmem lazım

En kısa zamanda buralarda bi yerlerde olur oda

Ali Can Moğol’ a (Ali Can abi) desteğinden dolayı sonsuz teşekkürler.