Flash’la yaptığım kayan resim çalışması.

Çalışır halde görmek için tıklayınız.

Hazırlamış olduğum uygulama galeri.xml üzerinden resim isimlerini, linklerini ve açıklamalarını ayrıca animasyon tipi ve süresi gibi ayarlamaları bilgilerini alıp bunun üzerinde çalışan bir sistemdedir. Bu xml dosyasına bakacak olursak.

<?xml version=”1.0″ encoding=”UTF-8″?>
<galeri>
<ayarlar>
<veri    animasyon=”0″ zaman=”3″></veri>
</ayarlar>
<resimler>
<veri resim=”resim (1).JPG” link=”http://www.mehmeteminkaya.com” aciklama=”resim açıklaması1″></veri>
<veri resim=”resim (2).JPG” link=”http://www.mehmeteminkaya.com” aciklama=”resim açıklaması2″></veri>
<veri resim=”resim (3).JPG” link=”http://www.mehmeteminkaya.com” aciklama=”resim açıklaması3″></veri></resimler>
</galeri>

Animasyon başlığı ve zaman başlığı 0,1,2,3,4 olmak üzere 5 farklı değer alabilir.

Resimlerin üzerine mouse’u getirdiğinizde animasyon duracaktır, geri çektiğinizde tekrar başlar.

Flash ekranına sağ tıklayarak çıkan menüden animasyon tipini değiştirebilirsiniz.

Aynı resim üzerinde yarım saniye mouse’u bekletirseniz ‘aciklama’ kısmındaki veriler gözükecektir.

import fl.transitions.Tween;
import fl.transitions.easing.*;
import flash.display.*;
import fl.containers.UILoader;
import flash.net.navigateToURL;
import flash.display.Sprite;
import flash.events.TimerEvent;
import flash.utils.Timer;
import fl.containers.UILoader;
import flash.ui.ContextMenu;

var bizim_menu:ContextMenu = new ContextMenu();
var bir:ContextMenuItem=new ContextMenuItem(”Animasyon Şeklini Değiştir.”);

var isim:Array=new Array();
var resim:Array=new Array();
var link:Array=new Array();
var aktif_link:Array=new Array();
var aciklama:Array=new Array();
var aktif_aciklama:Array=new Array();
var konum1:Array=new Array(1,170,339,508,677,846);
var konum2:Array=new Array(-168,1,170,339,508,677);

var xml:XML;
var xml_listesi:XMLList;
var xml_listesi2:XMLList;
var xml_yukleyici:URLLoader=new URLLoader();
var colorT:ColorTransform=new ColorTransform  ;
var hareket:Tween;
var j:int=0;
var sayac:int;
var tur_zamani:Number;
var gecikme_turu:int;
var tween_bicimi:int;
var tween_suresi:Number;
var zaman:Number;
var aktif:int=0;
var k:int=0;
var l:int=0;
var p:int=5;

xml_yukleyici.addEventListener(Event.COMPLETE,yukle);
xml_yukleyici.load(new URLRequest(”galeri.xml”));
function yukle(event:Event):void
{
xml=XML(event.target.data);
xml_listesi2=xml.ayarlar.children();
zaman=int(xml_listesi2[0].attribute(”zaman”));
tween_bicimi=int(xml_listesi2[0].attribute(”animasyon”));

if (tween_bicimi==0){tween_suresi=1.5;}
else if (tween_bicimi==1){tween_suresi=3;}
else if (tween_bicimi==2){tween_suresi=2;}
else if (tween_bicimi==3){tween_suresi=1;}
else if (tween_bicimi==4){tween_suresi=2;}
else
{
tween_bicimi=3;
tween_suresi=1;
}

if (zaman==0){tur_zamani=800;gecikme_turu=7;}
else if (zaman==1){tur_zamani=400;gecikme_turu=13;}
else if (zaman==2){tur_zamani=200;gecikme_turu=25;}
else if (zaman==3){tur_zamani=100;gecikme_turu=50;}
else if (zaman==4){tur_zamani=50;gecikme_turu=100;}
else{tur_zamani=200;gecikme_turu=25;}

time=new Timer(tur_zamani);
time.addEventListener(TimerEvent.TIMER, tur_zamanlari);

xml_listesi=xml.resimler.children();
for (sayac=0; sayac<xml_listesi.length(); sayac++)
{
isim.push(xml_listesi[sayac].attribute(”isim”));
link.push(xml_listesi[sayac].attribute(”link”));
resim.push(xml_listesi[sayac].attribute(”resim”));
aciklama.push(xml_listesi[sayac].attribute(”aciklama”));
}

hareket1_mc.yukleyici.source=resim[0];aktif_link[0]=link[0];aktif_aciklama[0]=aciklama[0];
hareket2_mc.yukleyici.source=resim[1];aktif_link[1]=link[1];aktif_aciklama[1]=aciklama[1];
hareket3_mc.yukleyici.source=resim[2];aktif_link[2]=link[2];aktif_aciklama[2]=aciklama[2];
hareket4_mc.yukleyici.source=resim[3];aktif_link[3]=link[3];aktif_aciklama[3]=aciklama[3];
hareket5_mc.yukleyici.source=resim[4];aktif_link[4]=link[4];aktif_aciklama[4]=aciklama[4];
hareket6_mc.yukleyici.source=resim[5];aktif_link[5]=link[5];aktif_aciklama[5]=aciklama[5];

var f:int=0;
var aLoader:UILoader = new UILoader();
aLoader.source=resim[f];
aLoader.addEventListener(Event.COMPLETE, completeHandler);
function completeHandler(event:Event)
{
//trace(resim[f]+”  yüklendi”);
f=f+1;
if (f<sayac){aLoader.source=resim[f];}
else if (f==sayac)
{
aktif=1;
time.start();
f=0;
}
}
}

var time:Timer;

function tur_zamanlari(event:Event):void
{
if (aktif==1)
{
j=j%gecikme_turu;
if (j<6)
{
tum_hareket(sayac,j);
}
else if (j==(gecikme_turu-1))
{
k=k+1;
k=k%6;
}
j=j+1;

time2.stop();
yazi_txt.visible=false;
}
}

function tum_hareket(a:int,b:int):void
{
l=(b+k)%6+1;
switch (b)
{
case 0 :hareketler(b,l,tween_bicimi);break;
case 1 :hareketler(b,l,tween_bicimi);break;
case 2 :hareketler(b,l,tween_bicimi);break;
case 3 :hareketler(b,l,tween_bicimi);break;
case 4 :hareketler(b,l,tween_bicimi);break;
case 5 :hareketler(b,l,tween_bicimi);break;
}
if (b==2)
{
p=p%sayac;
switch (l)
{
case 4 :
hareket1_mc.yukleyici.source=resim[p];
aktif_link[0]=link[p];
aktif_aciklama[0]=aciklama[p];
break;
case 5 :
hareket2_mc.yukleyici.source=resim[p];
aktif_link[1]=link[p];
aktif_aciklama[1]=aciklama[p];
break;
case 6 :
hareket3_mc.yukleyici.source=resim[p];
aktif_link[2]=link[p];
aktif_aciklama[2]=aciklama[p];
break;
case 1 :
hareket4_mc.yukleyici.source=resim[p];
aktif_link[3]=link[p];
aktif_aciklama[3]=aciklama[p];
break;
case 2 :
hareket5_mc.yukleyici.source=resim[p];
aktif_link[4]=link[p];
aktif_aciklama[4]=aciklama[p];
break;
case 3 :
hareket6_mc.yukleyici.source=resim[p];
aktif_link[5]=link[p];
aktif_aciklama[5]=aciklama[p];
break;
}
p++;
}
}

function hareketler(tur:int,eleman:int,bicim:int):void
{
if (bicim==0)
{
hareket=new Tween(getChildByName(”hareket”+eleman+”_mc”),”x”,Bounce.easeOut,konum1[tur], konum2[tur],tween_suresi,true);
}
else if (bicim==1)
{
hareket=new Tween(getChildByName(”hareket”+eleman+”_mc”),”x”,Elastic.easeOut,konum1[tur], konum2[tur],tween_suresi,true);
}
else if (bicim==2)
{
hareket=new Tween(getChildByName(”hareket”+eleman+”_mc”),”x”,Back.easeOut,konum1[tur], konum2[tur],tween_suresi,true);
}
else if (bicim==3)
{
hareket=new Tween(getChildByName(”hareket”+eleman+”_mc”),”x”,Regular.easeOut,konum1[tur], konum2[tur],tween_suresi,true);
}
else if (bicim==4)
{
hareket=new Tween(getChildByName(”hareket”+eleman+”_mc”),”x”,None.easeOut,konum1[tur], konum2[tur],tween_suresi,true);
}
}

hareket1_mc.addEventListener(MouseEvent.MOUSE_OVER,uzerinde1);
hareket1_mc.addEventListener(MouseEvent.MOUSE_OUT,uzerinde_degil1);
hareket1_mc.addEventListener(MouseEvent.CLICK,uzerinde_tıklandı1);

hareket2_mc.addEventListener(MouseEvent.MOUSE_OVER,uzerinde2);
hareket2_mc.addEventListener(MouseEvent.MOUSE_OUT,uzerinde_degil2);
hareket2_mc.addEventListener(MouseEvent.CLICK,uzerinde_tıklandı2);

hareket3_mc.addEventListener(MouseEvent.MOUSE_OVER,uzerinde3);
hareket3_mc.addEventListener(MouseEvent.MOUSE_OUT,uzerinde_degil3);
hareket3_mc.addEventListener(MouseEvent.CLICK,uzerinde_tıklandı3);

hareket4_mc.addEventListener(MouseEvent.MOUSE_OVER,uzerinde4);
hareket4_mc.addEventListener(MouseEvent.MOUSE_OUT,uzerinde_degil4);
hareket4_mc.addEventListener(MouseEvent.CLICK,uzerinde_tıklandı4);

hareket5_mc.addEventListener(MouseEvent.MOUSE_OVER,uzerinde5);
hareket5_mc.addEventListener(MouseEvent.MOUSE_OUT,uzerinde_degil5);
hareket5_mc.addEventListener(MouseEvent.CLICK,uzerinde_tıklandı5);

hareket6_mc.addEventListener(MouseEvent.MOUSE_OVER,uzerinde6);
hareket6_mc.addEventListener(MouseEvent.MOUSE_OUT,uzerinde_degil6);
hareket6_mc.addEventListener(MouseEvent.CLICK,uzerinde_tıklandı6);

function uzerinde1(event:Event):void
{
time.stop();
time2.start();
time2_sayi=1;
}
function uzerinde_degil1(event:Event):void
{
time.start();
time2.stop();
yazi_txt.visible=false;
time2_sayi=0;
}
function uzerinde_tıklandı1(event:Event):void
{
var request:URLRequest = new URLRequest();
request.url=aktif_link[0];
navigateToURL(request,”_blank”);
}

function uzerinde2(event:Event):void
{
time.stop();
time2.start();
time2_sayi=2;
}
function uzerinde_degil2(event:Event):void
{
time.start();
time2.stop();
yazi_txt.visible=false;
time2_sayi=0;
}
function uzerinde_tıklandı2(event:Event):void
{
var request:URLRequest = new URLRequest();
request.url=aktif_link[1];
navigateToURL(request,”_blank”);
}

function uzerinde3(event:Event):void
{
time.stop();
time2.start();
time2_sayi=3;
}
function uzerinde_degil3(event:Event):void
{
time.start();
time2.stop();
yazi_txt.visible=false;
time2_sayi=0;
}
function uzerinde_tıklandı3(event:Event):void
{
var request:URLRequest = new URLRequest();
request.url=aktif_link[2];
navigateToURL(request,”_blank”);
}

function uzerinde4(event:Event):void
{
time.stop();
time2.start();
time2_sayi=4;
}
function uzerinde_degil4(event:Event):void
{
time.start();
time2.stop();
yazi_txt.visible=false;
time2_sayi=0;
}
function uzerinde_tıklandı4(event:Event):void
{
var request:URLRequest = new URLRequest();
request.url=aktif_link[3];
navigateToURL(request,”_blank”);
}

function uzerinde5(event:Event):void
{
time.stop();
time2.start();
time2_sayi=5;
}
function uzerinde_degil5(event:Event):void
{
time.start();
time2.stop();
yazi_txt.visible=false;
time2_sayi=0;
}
function uzerinde_tıklandı5(event:Event):void
{
var request:URLRequest = new URLRequest();
request.url=aktif_link[4];
navigateToURL(request,”_blank”);
}

function uzerinde6(event:Event):void
{
time.stop();
time2.start();
time2_sayi=6;
}
function uzerinde_degil6(event:Event):void
{
time.start();
time2.stop();
yazi_txt.visible=false;
time2_sayi=0;
}
function uzerinde_tıklandı6(event:Event):void
{
var request:URLRequest = new URLRequest();
request.url=aktif_link[5];
navigateToURL(request,”_blank”);
}

var time2_sayi:int=0;
var time2:Timer=new Timer(500,0);
time2.addEventListener(TimerEvent.TIMER, bekle);
function bekle(event:Event):void
{
var q:int=time2_sayi;
//trace(q+”  “+l);
if (stage.mouseX>675)
{
yazi_txt.visible=true;
yazi_txt.text=aktif_aciklama[time2_sayi-1];
yazi_txt.x=stage.mouseX-140;
yazi_txt.y=stage.mouseY+10;
}
else if (time2_sayi!=0)
{
yazi_txt.visible=true;
yazi_txt.text=aktif_aciklama[time2_sayi-1];
yazi_txt.x=stage.mouseX+10;
yazi_txt.y=stage.mouseY+10;
}
time2.stop();
}

bir.addEventListener( ContextMenuEvent.MENU_ITEM_SELECT, fonksiyon1);
bizim_menu.hideBuiltInItems();
bizim_menu.customItems.push(bir);
this.contextMenu=bizim_menu;
function fonksiyon1(e:Event)
{
tween_bicimi=tween_bicimi+1;
tween_bicimi=tween_bicimi%5;
}

Kaynak kodlarını indirmek için tıklayınız.

Çok değişik resim ve arka plan resimleri oluşturabileceğiniz bir site.

 http://www.photofunia.com/

Arkadaşlar

E -posta 3. sınav  : 26 Mayıs Salı

Dökümanın İndir

Sunucu  3. sınav  : 27 Mayıs Çarşamba

Dökümanın İndir

Flash’la analog saat nasıl yapılır?

Kaynak kodları indirmek için tıklayınız.

var time:Timer = new Timer(10, 0);
//timer’ı her 10 milisaniyede çalışacak şekilde ayarlıyoruz.

time.addEventListener(TimerEvent.TIMER, zamanlar);
//zamanlar fonksiyonu her timer döngüsünde 1 kez çalışır.

time.start();//timer’ı başlatıyoruz.

function zamanlar(event:Event):void {
var zaman_date:Date=new Date();
//zamanı çekebileceğimiz nesneyi yaratıyoruz.

//1 saat çevrimi 360 derecedir ve getHours() 24 saat diliminde çalışır.
//Ancak analog saaatler gün içerisinde iki kez tur atar. yani 720/24 = 30 derece
//ayrıca dakika hareketlerinin saate yansıması için 1 saatlik dilim olan 30 dereceyi
//60′a böldüğümüzde 0.5′i buluruz.
saat_mc.rotation=zaman_date.getHours()*30+zaman_date.getMinutes()*0.5;

//1 saat 60 dakika, 60 dakika çevrimi 360 derece ise her dakika 6 derece olarak ortaya çıkar.
dakika_mc.rotation=zaman_date.getMinutes()*6;

//yine aynı şekilde her saniye çevrimi 6 derecedir ancak biz saniyenin
//sürekli hareketl olmasını istiyorsak! saniyenin 1000′de 1′i olan milisaniyeyi 6 ile
//çarpar 1000′e bölersek 1 saniyenin kat edeceği olan 6 dereceyi buluruz.
saniye_mc.rotation=zaman_date.getSeconds()*6+(zaman_date.getMilliseconds ()*6)/1000;
}

Flash DataGrid component’ine xml dosyasından veri aktarımını yapan bir uygulama.

Kaynak kodları indirmek için tıklayınız.

Yüklenen örnek xml dosyasını görmek için tıklayınız.

import fl.controls.DataGrid;
import fl.data.DataProvider;
//gerekn class’ları import ediyoruz.

var xml:XML;
//xml nesnemizi oluşturduk.

var xmlloader:URLLoader=new URLLoader();
xmlloader.load(new URLRequest(”http://www.flashuygulamalari.com/flash/galeri/galeri.xml”));
//xml yükleyici oluşturup url’sini belirttik.

xmlloader.addEventListener(Event.COMPLETE,xml_yukle);
//xml yüklemesi bittiğinde çalışacak olan fonksiyonu oluşturduk.

function xml_yukle(event:Event):void
{
xml=XML(event.target.data);
//xml nesnesinin içeriğini dolduruyoruz.

var data_:DataProvider = new DataProvider(xml);
//dataprovider nesnesinin içeriğini xml’in içindeki verilerle dolduruyoruz.

datagrid.width = 550;//genişlik.
datagrid.dataProvider = data_;
datagrid.rowCount = datagrid.length;//mevcut verilere göre yüksekliğini ayarlıyoruz.

datagrid.columns = [ "isim", "thumb", "gercek","sayi" ];
//sütunları oluşturuyoruz.
datagrid.columns[0].width = 100;//sütun genişlikleri.
datagrid.columns[1].width = 160;
datagrid.columns[2].width = 160;
datagrid.columns[3].width = 30;
}