flash etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
flash etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

16 Mayıs 2010 Pazar

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

23 Aralık 2009 Çarşamba

Action Script 2.0 ile Attach Movie ve Remove Movie kullanımı

Action Script 2.0'da attachmovie özelliği ile swf'mize istediğimiz an bir movie clip çağırabiliriz.

Bu sayede flash sitelerimiz için hoş pop-up window'lar yada basit resim galerileri yapabiliriz.

Şimdi nasıl kullanıldığına bakalım. Öncelikle bir adet movieclip yapalım. Örneğin bu movie clip sadece bir resimden oluşsun. Movieclip'imizin adı "resim1" olsun.

Daha sonra bir adet buton yapalım ve butonumuz da kapat olsun.

Daha sonra movieclip'imizi stage'imizden silelim. Zamanı geldiğinde attachmovie ile çağıracağız.

Şimdi bir başka buton oluşturalım. Bu butona tıklandığında da movieclip'imiz ekrana gelsin.

Butonu oluşturduktan sonra actions kısmına aşağıdaki kodları yazıyoruz:

on (release) {

this.attachMovie("resim1","resim1_mc",1);
resim1_mc._x = 360;
resim1_mc._y = 1650;


}


Attachmovie fonksiyonunun parametrelerine bakarsak:
1. parametre çağıracağımız movieclip'in adını
2. parametre ekranda yeni oluşturulan movieclip'in adını
3. parametre ise katmanı göstermekte.

Böylece butona tıkladığımızda resim1 adlı movieclip'in kopyası resim1_mc olarak ekrana gelecektir.

resim1_mc.x ve resim1_mc.y ile resmin ekrandaki koordinatlarını ayarlıyoruz.

Şimdi moveiclip'imizi editleyelim. Properties kısmından movieclip'in linkage kısmının aktif hale getirmeyi unutmayın.

Kapat butonumuzun actions kodlarına ise aşağıdaki kodları yazıyoruz ve böylece tıklandığında movieclip ekrandan kalkıyor.

on (release) {
this.removeMovieClip("resim1_mc");
}


Bu metot ile şık popup çalışmaları yapabiliriniz.

Herkese kolay gelsin.

tyln

29 Ekim 2009 Perşembe

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!

20 Ekim 2009 Salı

ScrollPane ile resimleri görüntüleme

Flash çalışmalarınıza eklediğiniz scroll bar sadece dynamic textlerinizi görüntülemenizde sizlere yardımcı olabilir. Eğer eklediğiniz bir resimi yada movie clip'i sidebarlarla kontrol etmek istiyorsanız scrollpane component'ı kullanmalsınız.

Öncelikle scene1'e bir adet resiml ekleyelim ve bunu movie clip olarak symbol'e çevirelim. Daha sonra scene1 den kaldıralım. (Kütüphanemizde mevcut)

Şimdi kütüphaneden movie clip'e sağ tıklayalım ve properties ekranından ayarlarımızı yapalım.

Linkage kısmından "Export for Action Script" ve "Export in Frame1" sekmelerini işaretleyeliem ve bir adet name girelim.

Movieclip ile işimiz bitti.

Şimdi rekrar sayfaya dönelim ve window / components sekmesinden bir ader scroll pane ekleyelim. Scrollpane'i istediğimiz yere ve boyuta getirelim.

Component inspector'dan content path'e movie clip'imizin ismini yazalım. scrollpane'in özelliklerini yine aynı pencereden ayarlayabilirisniz. (yatay durum çubuğu,dikey durum çubuğu,sürüklenebilme değeri vs..)

Kolay gelsin herkese

17 Temmuz 2009 Cuma

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.

5 Temmuz 2009 Pazar

Xml News Slider

Tasarladığım bir web sitesi için kullandığım 3 adet farklı xml news slider'ı siz okuyucularımla paylaşmak istedim. 3'ü de son derece kullanlışlı haber slideları. .fla dosyaları içinde.

Fla dosyalarında editleme ile ilgili sorununuz olursa buradan sorabilirsiniz.

(kendi uploadumdur zararlı içerik içermez :))

http://rapidshare.com/files/252421355/news_slider.rar.html

26 Haziran 2009 Cuma

Flash Arka Fonlar

Flash dizaynlarınızda kullanabileceğiniz hoş arka planlar. İşinize yaracağını umarım.

Kendi uploadumdur. Virüs, adware vs içermez.

http://rapidshare.com/files/249027135/arka_plan.zip.html

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.