Action Script 3.0 ile Swf'yi kapatama

Action Script 3.0 ile swf uygulamamızı nasıl kapatacağımıza bakalım. Öncelikle bir adet buton ekleyelim ve instance name'ini "cikis" yapalım.

Butonumuza event listener ekleyelim.

cikis.addEventListener(MouseEvent.MOUSE_DOWN,cik);

cik fonksiyonumuzu yazalım şimdi de:

function cik(event:MouseEvent):void
{ fscommand("quit"); }

Cikis butonumuza bastığınızda swf'nin kapandığını göreceksiniz.

Action Script 3.0 ile Statik Yazı Nesnesi oluşturma

Öncelikle ekrana yazacağımız yazının rengi,boyutu,fontu için bir format oluşturmalıyız.

var format:TextFormat = new TextFormat();
format.color = 0x346599;
format.size = 40;
format.font = "Arial";

Daha sonra bu bir adet text field oluşturalım.

var myText:TextField = new TextField();

Oluşturduğumuz text formatını text fieldımız için kullanacağız.

myText.defaultTextFormat = format;

Şimdi text'imizin ekrandaki yerini ayarlayalım.

myText.x=10;
myText.y=20;

Text'imize birşeyler yazalım.

myText.text = "Hello World";

Şimdi de text'imizi ekrana ekleyelim.

addChild(myText);

Text'imiz için kullanabileceğimiz alternatif özellikleri aşağıda veriyorum.

myText.embedFonts = false;
myText.autoSize = TextFieldAutoSize.LEFT;
myText.antiAliasType = AntiAliasType.ADVANCED;
myText.selectable = false;
myText.mouseEnabled = true;

Action Script 3.0 ile Xml'den Resim Çekme

Öncelikle şunu belirtmeliyim ki dün internette yaptığım araştırmalar sonucu bazı konularda (özellikle kodlama) ne kadar kopyacı olduğumuzu, kopyacılıktan da öte bulduğumuz bir kodu kontrol etmeden sitemizdeki kullanıcıların hizmetine sunduğumuzu gördüm. Aynı yanlış kodu türkçe sayfalarda arama yaptığımızda hemen hemen 2 sideden birinde bulmamız olası. Neyse lafı uzatmadan çalışan kodları vereyim. Umarım faydalı olur.

İşte boş bir As 3.0 flash çalışma sayfası oluşturarak başlayalım. Sonra tablomuza yeni bir layer ekleyelim. Bu layer'ı action script kodlarımız için kullanacağız. Actions layer'ımızın ilk frame'ine gelip actions penceremizi açalım.

Şimdi ilk olarak yeni bir movie clip oluşturalım. Resmimizi / Resimlerimizi bu movie clip içine yerleştireceğiz.

var backgroundMC:MovieClip=new MovieClip();

Şimdi mc'mizin yerleşim yerine bakalım. Ben kodumda arka plan çektiğim için x ve y değerlerini 0 yaptım.

backgroundMC.x=0;
backgroundMC.y=0;

Şimdi mc'mizi ekleyelim

addChild(backgroundMC);

Şimdi bir adet de imageLoader oluşturalım.

var imageLoader:Loader=new Loader();

Xml ile bağlantı kurmaya geldi sıra.

var myxml:XML=new XML();
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("xml_dosya_adı.xml"));

Xml yüklendi fonksiyonumuzu ekliyoruz.

xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);

Xml başarıyla yüklendiğinde, harici xml deki verileri kendi oluşturduğumuz myxml objesine aktarıp buradan nodelardaki image url mizi loader ile mc'mize aktaracağız. İşte kodlar

function xmlLoaded(event:Event):void
{
myxml = XML(event.target.data);

var i=0;
imageLoader.load(new URLRequest(myxml.bilgi[i].img));
backgroundMC.addChild(imageLoader);
}

Şimdi örnek xml kodlarımıza bakalım:

root

bilgi
img arkaplan.jpg /img
/bilgi

/root

Böylece oluşturduğumuz movie clip e xml den aldığımız resim urlsini yüklüyoruz. Eğer bir resim galeri oluşturacaksanız xml başarıyla yüklendikten sonra bir for döngüsü ile tüm node'lardaki url leri alarak yeni image loader oluşturup tek tek load etmeniz mümkün.

Umarım bir gün kopyacılıktan kurtuluruz. Herkese kolay gelsin.

tyln

Action Script ile Mailto kullanımı

Action Script 2.0 ile hazırladığımız flash projemize basit bir kod ile mail gönder seçeneği ekleyebiliriz.

Bir adet buton ekelyelim ve mail gönder yazalım. Butonun actions'ına gelerek aşağıdaki kodu yazalım:

on (release) { getURL("mailto:me@mydomain.com"); }

Dijital Saat uygulaması

Action Scrtip ile dijital saat uygulaması hazırlayarak sitenizde kullanabilirsiniz.

Şimdi çalışmamıza bir adet dynamic text ekleyelim ve var değerini saat olarak ayarlayalım. Daha sonra text'imizi movieclip'e çevirelim ve actios kısmına aşağıdaki kodu yazalım:

onClipEvent (enterFrame) {
zaman = new Date()
saat = zaman.getHours() + ":" + zaman.getMinutes() + ":" + zaman.getSeconds()
}

dijital saatimiz hazır.

Action Script 2.0 ile kayan yazı yapalım

Bir önceki yazımda action script 2.0 ile dizi kullanımından bahsetmiştim. Şimdi bu stringlerden oluşan dizimizi gerçek anlamda bir proje içinde kullanalım. Yaptığımız template'imize bir adet kayan yazı ekleyelim şimdi.

Öncelikle bir çalışma sayfası açıyoruz ve içine bir adet movie clip ekliyoruz. Movie clip'imizin adı "kayan_yazi" olsun.

MovieClip'imize bir adet de buton ekleyelim. Butonun üzerine geldiğinde yazımız en başa alınsın ve dursun. Butonun üzerinden mouse'u çektiğimizde ise kaldığı yerden kaymaya devam etsin.

Daha sonra kayan yazıya bir adet arka plan ekliyoruz. Time line'a bir adet layet daha ekleyelim ve ona da bir adet dynamic text koyalım. Dynamic textimizin instance name'ini "kayan" olarak ayarlayalım.

Şimdi yazımızı time line'da kaydıralım. (Action Script ile de kaydırmayı göstereceğim ilerleyen yazılarımda)

İlk frame'de dynamic textin ilk konumunu belirleyeim. Daha sonra bir miktar frame atlayalım ve son frame'e keyframe ekleyelim. Keyframe'imizde dynamic textin gitmesini istediğimiz son yerini ayarlıyoruz ve classic tween hareketi ekliyoruz.

Şimdi gelelim dynamic textimize birşeyler yazmaya. Timeline'dan ilk frame'e gelelim ve actions'ı açarak bir adet yeni array oluşturalım.

var yazilar:Array=new Array("yazi1","yazi 2","yazi 3","yaz, 4");

Ardından bir arraydeki yazılardan rasgele birtanesini seçelim:

rasgele=random(yazilar.length);

Kayan dynamic text'imize seçtiğimiz yazıyı yazalım:

kayan.text=yazilar[rasgele];

Daha sonra butonumuzun Actions'ına gelelim ve

on (rollOver) {
gotoAndStop("label");
}
on (rollOut) {play();
}

kodlarını ekleyelim. Buradaki label butonun üzerine gelindiğinde hangi pozisyonda yazımızın durmasını istiyorsak orayı temsil edecek. O frame'e giderek label'ini değiştirip kodunuza ekleyebilirsiniz.

Çalışmanın kaynak dosyalarını ilerleyen günlerde siteye koyacağım.

Şimdilik bu kadar. kolay gelsin.

tyln

Action Script 2.0 ile dizi örneği

Action script 2.0 ile bir dizi örneği yapalım. Stringlerden oluşan bir adet dizi tanımayalım ve diziye string elemanlar atayalım. (Hazır Array sınıfını kullanıyoruz)

yazılar = new Array();

yazilar[0]="Yazı bir";
yazilar[1]="Yazi iki";
yazilar[2]="yazi uc";

böylece yazılar dizimize 3 adet eleman atamış olduk. İndislere dikkat!

yazilar = new Array("Yazi1","Yazi iki","yazi uc");

2. gösterim de birinci ile aynıdır. Bir adet yazilar dizisi oluşturur ve elemanlar atar.

Flash Banner

Kendi hazırlamış olduğum flash banner'ın fla'sını sizlerle paylaşıyorum. 800*600 templatelerinizde ve çalışmalarınızda rahatlıkla kullanabilirsiniz. ActionScript 2.0 ve flash cs4 ile hazırlanmıştır.

Özellikleri:

-logo header ve slogan
-header ve slogan animasyonu
-home ve email butonları
-menu
-menu animasyonu

NOT: Fontlar da rar'dadır.

DOWNLOAD

NOT2: Para ile satılamaz!

Flash ile buton animasyonu yapımı

Flas işe yaptığınız butonlara animasyon koymanız görsellik açısından sitenize + sağlayacaktır. Şimdi bir butona nasıl efekt ekleyeceğimizi görelim.

Bu yazımda buton'un üzerine gelince büyüyen ve üzerinden mouse'umuzu çekince küçülen bir adet animasyon yapacağız.

Şimdi ilk olarak bir adet buton ekleyelim ve çalışmamıza yeni bir movie clip ekelyelim. İlk frameimize bir adet rectange tool ile dikdörgen çizelim ve properties kısmından height ve weight değerlerini 1 e eşitleyelim.

10 frame ileriye bir adet keyframe ekleyeim ve eklediğimiz keyframedeki dikdörtgenimizin genişlik ve yükseklik değerlerini ayarlayalım.

Şimdi tekrar 1. frame'e gidelim ve shape motion ekleyelim.

Şimdi 10. frame e geri dönelim ve 20. frame'e bir keyframe daha ekleyelim ve dikdörtgenimizin genişlik ve yüksekliğini tekrar 1 yapalım ve bir shape motion daha ekleyelim.

Daha sonra actions penceremizi açıp İlk frame'lere ve keyframelere stop(); kodunu ekleyelim.

Butonumuzun actions'ına gelelim ve aşağıdaki kodu yazalım

on (rollOver) {
butonAni.gotoAndPlay(1);

}
on (rollOut) {
butonAni.gotoAndPlay(11);
}

Not: Movieclip'imizini instance name'ini ayarlamayı unutmayın. Yada örnekteki kodu kullanacaksanız butonAni yapabilirsiniz

Bir diğer yazımda eklediğimiz diktörgeni mouse ile butonumuza takip ettirmeyi göstereceğim.

tyln

Text Box'ları temizlemek

Çok basit bir kodu paylaşacağım şimdi sizlerle. Programlama dillerinde geliştirdiğiniz arayüzlere koyduğunuz text boxları nasıl temizleyebilirsiniz?

Örneğin bir adet visual basic projesine deneme adında bir text box koydunuz. Bir adet de buton koyun ve butonun kod penceresine

deneme.text="";

kodunu yazın. Bu text box'ınızı temizleyecektir.

Bir örnek de action script 2.0'dan olsun. Bir adet dynamic text koyun scenenize. Bu textin instance name'ini deneme yapın. Bir buton koyun ve butonun on realse fonksiyonunu ayarlayın ve küme parantezlerinin içine

deneme.text="";

kodunu yazın. Gördüğünüz gibi dynamic textiniz temizleniyor.

Flash Ses Kontrol Butonu Yapımı As 2.0

Action script ile flash çalışmalarınıza eklediğiniz bir ses dosyasını kontrol edecek bir butonun nasıl yapıldığına bakalım şimdide.

Öncelikle yeni bir çalışma başlatalım ve çalışmamıza 2 adet buton (on ve off) ve 2 adet de movie clip oluşturalım. Movie cliplerden biri butonlarımız için biri de ses dosyamız için. Birinin adını soundClip, diğerinin adını da butonClip olarak değiştirelim.

Şimdi ilk olarak soundClip'imizle başlayalım:

- 3 adet keyframe ekleyelim ve 3'ünün de actions'ına

stop();

kodunu koyalım.

- İlk frame'imize ses dosyaımızı import edelim. (Dosya sekmesinden import>import to library ile ses dosyamızı kütüphanemize import ediyoruz. Daha sonra 1. frame'e ses dosyamızı kütüphaneden sürükleyerek ekliyoruz. Frame'in özelliklerinden de loop'u parçanın kaç kez tekrar etmesini istiyorsak o sayıya ayarlıyoruz. Sync özelliğini ise event'a ayarlıyoruz.)

- Frame2'nin actions'ına

gotoAndStop(1);

kodunu ekliyoruz.
- Frame3'ün actions kısmına ise

gotoAndPlay(1);

kodunu ekliyoruz.

Şimdi ise butonClip'imizi hazırlayalım:

- 2 adet keyframe oluşturuyoruz ve actions'larına

stop();

kodunu koyuyoruz.
- Frame1'e başlangıçta hazırladığımız off butonumuzu koyuyoruz ve actions'ına aşağıdaki kodları yazıyoruz.

on (release) {
tellTarget ("../music") {
stopAllSounds();
}
}
on (release) {
nextFrame();
}

- Frame2'mize ise on butonumuzu ekliyoruz ve actions'ına aşağıdaki kodları yazıyoruz:

on (release) {
tellTarget ("../music") {
nextFrame();
}
}
on (release) {
prevFrame();
}

- soundClip'imizi movie'mize ekliyoruz ve instance name'ini

music

olarak ayarlıyoruz.
- butonClip'imizi de movie'mizde istediğimiz bir yere yerleştiriyoruz.
- ctrl+enter ile moviemizi çalıştırıyoruz.

Aşağıdaki adresten örnek kaynak kodlara ulaşabilirsiniz:
kaynak dosyaları indir

Herkese kolay gelsin.

Not: Anlatım tamamen bana aittir. Alıntı yaparken kaynak belirtiniz.

Action Script 2.0 ile Php Contact Form yapımı

Uzun zamandır bloguma yazı yazmıyordum. Daha doğrusu yazacaklarımı biriktiriyordum. Şimdi birşeyler karalama vakti geldi.

Bu yazımda flash cs4 kullanarak flash sitelermize / tepmlatelerimize nasıl contact form yapacağımızı görelim.

Öncelikle php mail send kodlarına ihtiyacımız var. Size yazı sonunda kaynak olarak bunu vereceğim. Şimdilik php sender'ımız var farz ederek yazıma devam ediyorum. (Bu arada indirdiğiniz php dosyası ile main.swf'niz aynı dizinde olmalı. Hatırlatayım sonra neden çalışmıyor diye kafayı yemeyin :))

Şimdi scenemize boş bir frame ekleyelim. 3 adet inputbox,1 adet dynamic text ve bir adet buton ekleyelim.

1. butonumuzun instance name'i sender_box 2.sinin subject_box ve 3. sünün ise message_box olarak değiştirelim. Dynamic text'imizin instance name'ini ise statu olarak ayarlayalım. Statu mail'imizin hatalı olup olmadığını yada gönderilip gönderilmediğini ekrana yazsın.

Butonumuzun adını da send_btn olarak değiştirelim.

Şimdi frame1'in Actions kısmına aşağıdaki kodları yazalım.

stop();
statu.text="New Mail";
System.useCodepage = true;

Frame1 deki kodları incelersek stop ile movie'yi durduruyoruz. Statümüzü new mail olarak değiştiriyoruz.

Şimdi send_btn'umuzun actions kısmına ise şu kodları yazıyoruz.

on (release) {
statu.text="click";
my_vars = new LoadVars();
my_vars.sender = email_box.text;
my_vars.subject = subject_box.text;
my_vars.message = message_box.text;
if (my_vars.sender != "" and my_vars.subject != "" and my_vars.message != "") {
my_vars.sendAndLoad("mailer.php", my_vars, "POST");
statu.text="sending";
} else {
statu.text="error";
}
my_vars.onLoad = function() {
statu.text="sent";
};
}

Şimdi de send butonumuzu inceleyelim. Kullanıcıdan gönderen mail adresi,başlık ve mesajı alıp mailer.php ile mail adresinize mail gönderiyor if yapısı. Eğer mail başarılı gönderilmişse statü'yü sent yapıyor. Else yapısı ise doldurulması gereken alanlardan biri boş ise kullanıcıya hata vererek doldurmasını istiyor.

Ufak hatırlatmalar:

mailer.php'deki email@yourserver.com kısmını kendi mail adresiniz ile değiştirmelisiniz. Ayrıca hostunuz tarafından sağlanan geçerli bir mail adresi girmelisiniz.

Kaynak Dosyalar: indir


Herkse kolay gelsin.

tyln

Action Script 2.0 Movie Clip içinde Buton

Action script ile uğraşmaya yeni başlayan arkadaşların ilk karşılaşacakları sorun buton'a action script ile hedef göstermek olacaktır. Movie clip'imizin içine buton koymadan önce butona hedef vermeyi anlatayım.

Actions penceresinden butonumuzu buluyoruz ve kod penceresine aşağıdaki kodu yazıyoruz.

on (release){
gotoAndPlay("Scene 2",1);
}

Görüldüğü üzre gotoandplay fonksiyonu parametre olarak ilk scene'mizi 2. olarak da gitmek istediğimiz frame'i alıyor.

Şimdi biraz ayrıntıya girelim ve bir movieclip'e eklediğimiz bir butonu ana scenemizde bir frame'imize gönderelim.

Öncelikle gitmek istediğimiz frame'in label'ını Properties penceresinden istediğimiz bir şekilde adlandıralım. (Ben kodda deneme olarak kullanıyorum)

Şimdi movieclip içindeki butonumuza gelelim ve yine actios'dan butonumuza ait kod penceresine aşağıdaki kodu yazalım. yourlabel kısmına ise verdiğimiz etiket adını girmeliyiz. Yani "deneme"

on (release) {
_root.gotoAndStop("yourlabel");
}

Yukaridaki kod ile bir movieclip içine buton koyup istediğiniz frame'e yönlendirebilirsiniz.

Herkese kolay gelsin.

Action Script Hakkında

Action Script Hakkında

ActionScript, Adobe® Flash® Player ve Adobe® AIR™ çalışma zamanı ortamları için programlama dilidir. Flash, Flex ve
AIR içerik ve uygulamalarında etkileşim, veri işleme ve daha fazlasına olanak sağlar.
ActionScript, Flash Player ve AIR uygulamasının bir parçası olan ActionScript Virtual Machine (AVM) tarafından
çalıştırılır. ActionScript kodu, Adobe® Flash® CS4 Professional veya Adobe® Flex™ Builder™ uygulamasında yerleşik
olanlar ya da Adobe® Flex™ SDK uygulamasında kullanılabilir olanlar gibi, genellikle bir derleyici tarafından bayt kodu
formatında (bilgisayarlar tarafından yazılan ve anlaşılan bir çeşit programlama dili) derlenir. Bayt kodu, Flash Player
ve AIR uygulamaları tarafından çalıştırılan SWF dosyalarında gömülüdür.
ActionScript 3.0, nesne tabanlı programlama konusunda temel bilgisi olan geliştiricilere bilindik gelecek güçlü bir
programlama modeli sunar. ActionScript 3.0'ın önceki ActionScript sürümlerinden daha gelişmiş olan bazı önemli
özellikleri arasında şunlar yer alır:
• AVM2 adı verilen ve yeni bir bayt kodu talimat kümesi kullanıp önemli ölçüde performans artışı sağlayan yeni bir
ActionScript Virtual Machine.
• Önceki derleyici sürümlerinden daha derin eniyileştirmeler gerçekleştiren daha modern bir derleyici kodu
• Düşük düzeyde nesne denetimi ve gerçek bir nesne odaklı model içeren, genişletilmiş ve geliştirilmiş bir uygulama
programlama arabirimi (API)
• XML için ECMAScript (E4X) belirtimini (ECMA-357 sürüm 2) esas alan XML API'si. E4X, dilin yerel veri türü
olarak ECMAScript'e XML ekleyen bir dil uzantısıdır.
• Belge Nesnesi Modeli (DOM) Düzey 3 Olaylar Belirtimi'ni esas alan bir olay modeli

Action Script ile Flash Preloader Yapalım

Flash preloader yapımı oldukça basit bir mantığa dayanmakta. Öncelikle Action Script için algoritmamızı kuralım.

- İlk olarak toplam byte'ı tutan bir değişkene ihtiyacımız var.
- Yüklenmiş byte'ı tutan bir değişkene ihtiyacımız var.
- Yüzde ( yüklenmiş / toplam ) değişkenine ihtiyacımız var.

Flash sitemizde ilk frame'imize preloader'ımızı yapacağız. İlk frame'de toplam byte'a ulaşıncaya kadar göstereceğimiz animasyon / yazı (movie clip) ve yüklenen %'yi göstereceğimiz dynamic bir text'e ihtiyacımız var.

Şimdilik ilk frame'imize sadece yükleniyor yazalım ve boş bir dynamic test açalım. dynamic text in instance name'ine yuzde_txt yazalım. Daha sonra ilk frame'in actions penceresine aşağıdaki kodları yapıştıralım.

onEnterFrame=function(){

var toplamBoyut:Number=_root.getBytesTotal();

var yuklenenBoyut:Number=_root.getBytesLoaded();

if(yuklenenBoyut==toplamBoyut){

delete onEnterFrame

play();

}else{

var yuzde:Number=Math.floor((yuklenenBoyut/toplamBoyut)*100);

yuzde_txt.text=yuzde

}

}

stop();

Şimdi kodları biraz inceleyelim.

onEnterFrame :Bir movie clip olay denetleyicisidir.Timeline çizgisinin her frame geçişinde çağrılır.

getBytesTotal():MovieClip sınıfının bir metodudur.Toplam dosya boyutunu byte olarak gösterir.

getBytesLoaded():MovieClip sınıfının bir metodudur.O ana kadar yüklenen dosya boyutunu byte olarak gösterir.

if / else : Koşul değimi. (Ayrıntılı bilgi için blogda c if /else kısmına bakabilirsiniz.)

Math.floor : Matematik kütüphanesi ile yüzenin ondalık kısmını yuvarlar. Kesirli sayılar gözükmez textimizde.

play() : İle parametre olarak gönderilen frame'e geçiş yapılır.

Tüm flash severlere kolay gelsin.

tarafımdan hazırlanmıştır.

Action Script ile Logoyu Buton haline getirelim.

Action script ile logoyu buton haline getirmek oldukça basit.

var logo:MovieClip = new MovieClip(); // logomuzu movie clip şeklinde ekliyoruz.

logo.x = 100; // logomuzun pozisyonunu belirliyoruz.
logo.y = 15;

Şimdi eklediğimiz butonu action script ile buton haline getirelim.

logo.useHandCursor = true; // mouse'u üzerine getirdiğimizde hand cursor yapar
logo.buttonMode = true; // logomuzun buton modunu aktifleştirir

// şimdi logomuza görev verelim.

logo.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown, false, 0, true);

Classımıza ait private bir fonksiyon ile şimdi mousedown eventımızı gerçekleştirelim

private function mouseDown(evt:MouseEvent):void {

SWFAddress.setValue("/"); // logoya tıkladığımızda anasayfaya yönleniriz.

}

Basit bir action script tutorial ile sadece kod kullanarak logomuzu oluşturup yönlendirdik.