?>
Çalışmamızda sitenizde kullanabileceğiniz actionscript 3.0 uygulamalı flash iletişim formu çalışmasını anlatmaya çalışacağım. Yeni bir çalışma sayfası açalım actionscript 3 olacak unutmayalım sizlere hatırlatmamda yarar var çalışmayı hazırladıktan sonra yaptığım denemelerde hiçbir sorun ile karşılaşmadım gayet güzel çalıştı.
Çalışma sayfamı 350×350 px olarak açtım.
1- Rectangle Tool aracı ile örnek resimde gördüğünüz şekilde dış çizgisi olan içi beyaz renk dolu kutular oluşturalım.

Oluşturduğumuz kutuları group yaparak birleştirelim Ctrl+G seçili durumda F8 movie clip yapalım name olarak form diyelim. Klip içine girelim layer 1 adını bg olarak değişelim.
2- Yazı aracını seçelim yeni layer ekleyelim layer adı yazı alanı olsun. Text Type kutusundan input text seçimi yapalım örnek resimde görüldüğü gibi hazırladığımız kutulara denk gelecek şekilde text kutularını oluşturalım içlerine örnekte olduğu gibi yazı yazalım.

Senin isim yazılı yazıyı seçili yapalım instance name kutusuna contact_isim yazalım.
Sırayla diğer yazılara başlayalım.
-Senin Email yazılı yazıyı seçelim instance name kutusuna contact_email yazalım.
-Senin Konu yazılı yazıyı seçili yapalım instance name kutusuna contact_konu yazalım.
-Sizin Mesaj yazılı yazıyı seçili yapalım instance name kutusuna contact_mesaj yazalım.
-Mesaj bilgisi yazıyı seçelim instance name kutusuna mesaj_bilgisi yazalım.
Örnek resim senin yazısı seçili uygulama.

3- Yeni layer ekleyelim layer adını buton olarak değişelim rectangle tool aracı ile resimdekine benzer bir dikdörtgen oluşturalım seçili durumda F8 button yapalım name kutusuna buton yazalım. Buton içine girelim keyframe ekleyelim Over alanı etkin olsun Down alanına key ekleyelim F5 Hit alanı boş kalabilir.

Butonları yerleştirelim örnek resimde olduğu gibi kütüphaneden butonu alarak yerleştirelim. Sol taraftaki butonu seçili yapalım instance name kutusuna ilet_button yazalım.
Sağ tarafdaki butonu seçili yapalım instance name kutusuna sil_button yazalım.

Butonlar üzerine yazı yazalım sol buton ilet sağ buton sil şeklinde olsun.

4 Yeni layer ekleyelim layer adı etiket olsun örnek resimde gördüğünüz şekilde yazı aracı ile static text yazı yazalım.

5 Yeni layer ekleyelim layer adı action olsun ekli actions penceresini açalım F9 ekli kodları ekleyelim.
contact_isim.text = contact_email.text = contact_konu.text =
contact_mesaj.text = mesaj_bilgisi.text = "";
ilet_button.addEventListener(MouseEvent.CLICK, submit);
sil_button.addEventListener(MouseEvent.CLICK, reset);
var timer:Timer;
var var_load:URLLoader = new URLLoader;
var URL_request:URLRequest = new URLRequest( "send_email.php" );
URL_request.method = URLRequestMethod.POST;
function submit(e:MouseEvent):void
{
if( contact_isim.text == "" || contact_email.text == "" ||
contact_konu.text == "" || contact_mesaj.text == "" )
{
mesaj_bilgisi.text = "Gerekli yerleri doldurun.";
}
else if( !validate_email(contact_email.text) )
{
mesaj_bilgisi.text = "Gecerli email adresi giriniz.";
}
else
{
mesaj_bilgisi.text = "mesaj yollamak...";
var email_data:String = "name=" + contact_isim.text
+ "&email=" + contact_email.text
+ "&subject=" + contact_konu.text
+ "&message=" + contact_mesaj.text;
var URL_vars:URLVariables = new URLVariables(email_data);
URL_vars.dataFormat = URLLoaderDataFormat.TEXT;
URL_request.data = URL_vars;
var_load.load( URL_request );
var_load.addEventListener(Event.COMPLETE, receive_response );
}
}
function reset(e:MouseEvent):void
{
contact_isim.text = contact_email.text = contact_konu.text =
contact_mesaj.text = mesaj_bilgisi.text = "";
}
function validate_email(s:String):Boolean
{
var p:RegExp = /(\w|[_.\-])+@((\w|-)+\.)+\w{2,4}+/;
var r:Object = p.exec(s);
if( r == null )
{
return false;
}
return true;
}
function receive_response(e:Event):void
{
var loader:URLLoader = URLLoader(e.target);
var email_status = new URLVariables(loader.data).success;
if( email_status == "yes" )
{
mesaj_bilgiisi.text = "Tebrikler! Mesajniz yollandi .";
timer = new Timer(500);
timer.addEventListener(TimerEvent.TIMER, on_timer);
timer.start();
}
else
{
mesaj_bilgisi.text = "Hata! mesaj iletilemedi tekrar deneyin.";
}
}
function on_timer(te:TimerEvent):void
{
if( timer.currentCount >= 10 )
{
contact_isim.text = contact_email.text = contact_konu.text =
contact_mesaj.text = mesaj_bilgisi.text = "";
timer.removeEventListener(TimerEvent.TIMER, on_timer);
}
}
5 Scene 1 sahnemize gelelim layer 1 adını form olarak değişelim sahnedeki klip seçili instance name kutusuna contact_form yazalım.
Çalışmamız sona erdi şimdi php dosyasını düzenleyeceğiz. Dosyayı indirip inceleyin dosyamızın adı send_email.php oluyor notepad ile açıp kendi mail adresinizi belirtilen yere yazıp php destekli FTP dizine sfw dosyası ile beraber atın.




//www.photoders.com
var sd:Number;
var sr:Number;
var cd:Number;
var cr:Number;
var new_y:Number;
var drag_area:Rectangle;
var photoders_sayfa:MovieClip;
var photoders_sayfa_alani:MovieClip;
var scrolling_speed:Number; // 0.00 to 1.00
function scrolling( ct:String, ct_area:String, speed:Number ):void
{
scrolling_speed = speed;
if( scrolling_speed < 0 || scrolling_speed > 1 ) scrolling_speed = 0.50;
photoders_sayfa = parent[ct];
photoders_sayfa_alani = parent[ct_area];
photoders_sayfa.mask = photoders_sayfa_alani;
photoders_sayfa.x = photoders_sayfa_alani.x;
photoders_sayfa.y = photoders_sayfa_alani.y;
photoders_scroller.x = photoders_scrollalt.x;
photoders_scroller.y = photoders_scrollalt.y;
sr = photoders_sayfa_alani.height / photoders_sayfa.height;
photoders_scroller.height = photoders_scrollalt.height * sr;
sd = photoders_scrollalt.height - photoders_scroller.height;
cd = photoders_sayfa.height - photoders_sayfa_alani.height;
cr = cd / sd * 1.01;
drag_area = new Rectangle(0, 0, 0, photoders_scrollalt.height - photoders_scroller.height);
if ( photoders_sayfa.height <= photoders_sayfa_alani.height )
{
photoders_scroller.visible = photoders_scrollalt.visible = false;
}
photoders_scroller.addEventListener( MouseEvent.MOUSE_DOWN, scroller_drag );
photoders_scroller.addEventListener( MouseEvent.MOUSE_UP, scroller_drop );
this.addEventListener( Event.ENTER_FRAME, on_scroll );
}
function scroller_drag( me:MouseEvent ):void
{
me.target.startDrag(false, drag_area);
stage.addEventListener(MouseEvent.MOUSE_UP, up);
}
function scroller_drop( me:MouseEvent ):void
{
me.target.stopDrag();
stage.removeEventListener(MouseEvent.MOUSE_UP, up);
}
function up( me:MouseEvent ):void
{
photoders_scroller.stopDrag();
}
function on_scroll( e:Event ):void
{
new_y = photoders_sayfa_alani.y + photoders_scrollalt.y * cr - photoders_scroller.y * cr;
photoders_sayfa.y += ( new_y - photoders_sayfa.y ) * scrolling_speed;
}
6-Ana sayfamız boş durumda olsun Text Tool aracı ile Static text yazı yazalım. Seçili durumda klip yapalım name kutusuna sayfa yazalım. Sayfa klip içine girelim. Layer 1 üzerinde yazımız olduğuna göre layer 1 adını yazı yapalım. Yeni layer ekleyelim layer adı resimler olsun. Ekleyeceğimiz resimleri import edelim resimler örnek resimdeki şekilde ekleyelim.

Tekrar yazı aracını seçip yazı yazalım. Hemen altına resimler layerine geçerek resimler ekliyoruz. Yazı aracını seçip tekrar yazı yazalım. Örnek resim inceleyelim.

7-Scene1 ana sayfaya gelelim. Layer 1 adını sayfa olarak değişelim. Sayfa seçili durumda instance name kutusuna photoders_sayfa yazalım.
8-Yeni layer ekleyelim layer adını scrollbar yapalım. Kütüphaneden scrollbar klip alarak yerleştirelim seçili durumda instance name kutusuna photoders_scroll yazıyoruz. Scrollbar layeri alta kaydıralım.

9-Yeni layer ekleyelim layer adı border olsun çalışmamızın etrafına çerçeve oluşturmuş olalalım border layeri en alta kaydıralım.

10-Çerçeve içinde yazımızın görüneceği alana rectangle tool aracı iç,i dolu dış çizgisi olmayan bir şekil oluşturalım seçili durumda klip yapalım. Name kutusuna sayfa alani yazalım. Layer adında sayfa alanı olarak değişelim. Klip seçili durumda instance name kutusuna sayfa_alani yazalım.

11-Yaptığımız sayfa alanı klip görünmez yapalım alt sayfamızı görelim görerek çalışalım istersek Layer üzerinde bululan Show All Layers as Outlines kutusuna tıklamamız yeterli olur. Çalışmanın çalışması ile bir alakası yoktur sadece bizim kapalı alanı görmemizi sağlar.

12-Yeni layer ekleyelim layer adı action olsun ekli kodu ekleyelim.
photoders_scroll.scrolling("photoders_sayfa", "sayfa_alani", 0.35);//0.35 scrol barın kayma hızını ayarlıyoruz.
Çalışmayı test edebiliriz artık CTRL+Enter
]]>
addEventListener(Event.ENTER_FRAME , yuk);
function yuk(evt:Event):void{
var topByte:Number = stage.loaderInfo.bytesTotal;
var yukByte:Number = stage.loaderInfo.bytesLoaded;
var toplam:Number = Math.floor(yukByte / topByte * 100);
if(yukByte==topByte){
removeEventListener(Event.ENTER_FRAME , yuk);
play();
}
else{
stop();
yuklenen_txt.text = toplam + "%";
bar_mc.width = toplam;
}
}
5-Layer 2 2.frameye keyframe ekleyelim actions paneli açıp stop(); ekleyelim.
Çalışmayı test edelim.
control>test movie (Ctrl+Enter)
Açılan controlden View >simulate download seçersek daha iyi anlamış oluruz.
FLA İndir

var ses:music = new music();//ses dosyası oluşturalım.
ses.play(0,15);//ses çalma fonksiyonu.
var i:Number = 0;//timer değişkeni oluşturalım değer 0.
var yaz:String = "Merhaba Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır. Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.";
var timer:Timer = new Timer(100);//timer nesesi oluşturalım.
timer.addEventListener(TimerEvent.TIMER,timerplay) ;//timer eventi aktif ediyoruz.
function timerplay(evt:TimerEvent):void //eventine timer basla Function ile yapacağımız işlemi belirliyoruz.
{
i++;//tanımladığımız değişkeni timer içinde çoğaltıyoruz.
var harfler:String = yaz.substring(0,i);
yazimiz_txt.text = harfler;
if (i == yaz.length)
{
timer.stop();//timer nesesini stop ediyoruz
SoundMixer.stopAll();//sesi stop ediyoruz
}
}timer.start();
4-Çalışmamızı test edelim
]]>

2.Yazı sahnede seçili durumda Modify>Timeline>Distribute to Layers (Ctrl+Shift+D) uygulayarak yazımızı tek,tek harf olarak ayrı, ayrı layer yapalım.

3.İlk olarak en üst harf layerimize gelelim 5 frameye key ekleyelim F6 1 ve 5 frame arasına Motion uygulayalım properties panelden Rotate penceresinden CW seçimini yapalım.

4.İkinci hargimiz h harfinin olduğu layere gelelim 3 frameye key ekleyelim F6 8 frameye key ekeleyelim 3 ile 8 frame arasına motion verelim properties panele tekrar gelelim Rotate penceresinden CW uygulayalım.

5-Sıra ile diğer harflere uygulayalım o harf layerine gelelim bu sefer ilk olarak 5 frameye key ekliyoruz başlangıç noktamız bir üst layerin ilk başlama noktasından 2 frame ilerisine key ekleyip animasyon için 5 frame daha ilave ederek işlemleri yaptığımız ilk harflerde olduğu şekilde devam ediyoruz. Örnek resmi inceleyebilirsiniz.

6.Son harfin son framesi 22 frameye denk geldi şimdi diğer layerlerin 22 framelere key ekleyelim F5

En alt layerimizi istersek kullanabiliriz herhangi bir resim vs olabilir. Son olarak hız ayarı yapalım fps frame rate kutusuna 25 yazalım yeterli gelmez ise değişebilirsiniz.
Çalışmayı test edelim.





var x:XML = new XML();
x.ignoreWhite = true;
var urls:Array = new Array();
var bilgi:Array = new Array();
var whoIsOn:Number;
x.onLoad = function(success) {
var photos:Array = this.firstChild.childNodes;
for(i=0;i<photos.length;i++) {
urls.push(photos[i].attributes.url);
bilgi.push(photos[i].attributes.baslik);
}
resimler.loadMovie(urls[0]);
baslik.text = bilgi[0];
whoIsOn = 0;
}
x.load("image.xml");
geri.onRelease = function() {
if(whoIsOn > 0) {
whoIsOn--;
resimler.loadMovie(urls[whoIsOn]);
baslik.text = bilgi[whoIsOn];
}
}
ileri.onRelease = function() {
if(whoIsOn < urls.length-1) {
whoIsOn++;
resimler.loadMovie(urls[whoIsOn]);
baslik.text = bilgi[whoIsOn];
}
}
8-Geldik XML dosyamızı hazırlamaya Notepad editörü açıp hazırlayabiliriz.
<?xml version="1.0" encoding="ISO-8859-1" ?> <slaytshow> <photo url="img/resim1.jpg" baslik="Torunum Çağan Age 9" /> <photo url="img/resim2.jpg" baslik="Torunum Özge Age 4" /> <photo url="img/resim3.jpg" baslik="Torunum Eylül Age 2" /> <photo url="img/resim4.jpg" baslik="Torunum Çağan" /> <photo url="img/resim5.jpg" baslik="Torunum Özge" /> <photo url="img/resim6.jpg" baslik="Torunum Eylül" /> <photo url="img/resim7.jpg" baslik="Torunum Çağan" /> <photo url="img/resim8.jpg" baslik="Torunum Özge" /> <photo url="img/resim9.jpg" baslik="Torunum Eylül" /> </slaytshow>
XML dosya adını image olarak isimlendirip kayıt edelim. Kod içinde (x.load(“image.xml”);) olarak belirlemiştik.
9-hazırladığımız resimleri img isimli klasör içine ekleyelim sıralamayı resim1,resim2 şeklinde sıralayalım XML dosyasını inceleyebilirsiniz.
Çalışmayı test edelim.

1.Adım
İlk olarak resmimizi import edelim. Ekli resimleri ekli dosyadan indirip bire, bir kullanabilirsiniz.

Resmi sahnede seçili durumda Symbol yapalım F8 layer1 adını bg olarak isimlendirelim. Layeri kilitleyelim.
2.Adım
Yeni layer ekleyelim layer adı volume bar olsun yani ses ayarını yapmak için bar çubuğu yapacağız. Alt resimde görülen yeşil çubuğun üzerine gelecek şekilde dikdörtgen oluşturalım seçili durumda Symbol yapalım name olarak vol_symbol2 yazalım. Seçili durumdaki barı şimdi movie clip yapalım name vol_symbol2_mc yazalım. Klipi seçili durumda tekrar movie klip yapalım name vol_bar olsun vol_bar klip içine girelim layer1 adını bar olarak değişelim sahnede bar seçili instance name kutusuna sesbg yazalım.

Yeni layer ekleyelim ses ayar çubuğu yapalım layer adını ses yapalım sahneye uygun bir dikdörtgen oluşturalım seçili durumda F8 symbol yapalım name olarak ses_symbol1 yazıp seçili durumda klip yapalım name ses_symbol1_mc yazalım sahnede vol_bar klip içindeyken ses_symbol1_mc klipi sahnede seçili yapalım instance name kutusuna surgu yazalım volum çubuğumuzu hazırlamış olduk. Bar layere gelelim sahnede barı seçip color advanced penceresinden Alpa değerini %25 yapalım.

Scene1 sahnemizde vol_bar klipi seçili yapalım instance name kutusuna ses1 yazalım layeri kilitleyebiliriz.

3.Adım
Yeni layer ekleyelim layer adı loader olsun şimdi XML dosyamızdan çalacağımız parçayı yükleyeceğimiz loader hazırlayacağız. İlk olarak rectangle tool aracı ile dış çizgisi olmayan bir dikdörtgen oluşturalım W.168 H.2 px olsun volum barın hemen üstünde olacak sahnedeki nesneyi seçelim F8 symbol yapalım name loader_symbol1 olsun tekrar sahnedeki symbol seçili klip yapalım name loader_klip yazalım loader_klip içine girelim. sahnedeki nesnenin renk tonunu color Advanced penceresinden Alpa değerini %0 yapalım amacımız boş çerçeve olarak görünmesidir.

Yeni layer ekleyelim yani layer2 oluyor. Sahneye rectangle tool aracı ile bir dikdörtgen çizelim dış çizgisi olması dolgu renk mavi olabilir W.168 H.2 px olsun seçili durumda symbol yapalım name loader_symbol2 yazalım.

Nesne seçili durumda movie clip yapalım name loader_mc olsun.Loader klip içine girelim loader_mc klipi sahnede küçültelim W.1 H2 px olarak ayarlayalım. İnstance name kutusuna yuklebar yazalım. Resmi inceleyebilirsiniz.

Scene1 sahnemizde loader layerseçelim sahnedeki klipimiz seçili instance name kutusuna yukle yazalım.

Adım.4
Yeni layer ekleyelim loader üzerinde müziğin başlamasını sağlayalım rectangle tool aracı ile dış çizg,isi olmayan bir kare oluşturalım W.4 H.4 px olsun dolgu renk olarak gradient siyah beyaz uygulayalım. Seçili durumda symbol yapalım name symbol_basla yazıp devamında movie clip yapalım name symbol_basla_mc olsun. Scene1 gelelim layer adını basla yapalım sahnedeki basla_mc klip seçili instance name kutusuna basla yazalım. Örnek resim resimde gördüğünüz gibi loader klipi olulşturduğumuzda advanced değerini 0 yaptığımızdan loader layerdeki klip boş görünmekte işte bizde basla klipi başlangıç noktasına ayarlayalım.

5.Adım
Geldik butonları hazırlamaya arka plan olarak hazırladığım resim üzerinde gördüğünüz play,stop,geri,ileri kısımları tek, tek resim olarak hazırladım buton olduğundan Up kısmında arka plan resminde gördüğünüz şekilde hazırladım Over,Down,Hit kısımlarında farklı olması için biraz değişik hazırladım şimdi hazırladıklarımı örnek resim olarak ekleyeyim inceleyin.
Up alanındaki görünümler.

Dovn,Over,Hit alanındaki görünümler.

Resimleri sizlere ekli dosya içinede bulabilirsiniz.
6.Adım
Scene1 sahnemizde yeni layer ekleyelim layer adı play_btn olsun play yazılı resmi arka plan resmi üzerine ayarlayalım seçili durumda symbol yapalım name Symbol_play (up) olsun seçili durumda F8 button yapalım name play_buton olsun Up kısmındaki görünüm ekli durumda over alanına keyframe ekleyip kenarlarında siyah çerçeve olan play yazılı resmi ekleyelim sahnede gerekli ayarlamayı yapınca F8 symbol yapalım name Symbol_play(over-down-hit) olsun down alanını yaptık over ve hit alanıda aynı olacak keyframe eklememiz yeterli olacaktır.
Scene1 sahemize gelelim sahnede play_buton seçili instance name kutusuna play_buton yazalım.

7.Adım
Yeni layer ekleyelim layer adı stop_btn olsun Play butonu hazırlarken ne yaptıysak aynısını yapalım resimlerimiz zaten butonumuz tamamlanınca scene1 sahnemizde sahnedeki buton seçili olsun instance name kutusuna stop_buton yazlım.
Aynı işlemleri yeni layerler ekleyerek geri ve ileri butonlarımız içinde yapalım instance name kutularına geri buton için geri_buton yazlım ileri buton için ileri_buton yazalım. Butonları böylece tamamladık.

8.Adım
Yeni layer ekleyelim layer adı zaman olsun çalan müziğin süresini belirleyelim dynamic text yazı olarak 00:00 yazalım instance name kutusuna sure_txt yazalım.
Yeni layer ekleyelim layer adı sanatcı band olsun dynamic text oluşturalım yazı yazmayalım instance name kutusuna band_txt yazıyoruz.

Yeni layer ekleyelim layer adı title yazı olsun dynamic text aracı ile sahnede hemen band_txt altına yeni text alanı oluşturalım yazı olmasın instance name kutusuna acıklama_txt yazalım.

Adım.9
Çalışmamız genel olarak tamamlandı ben band kısmı farklı görünsün diye efekt uyguladım biraz renk değişimi oldu. İsterseniz sizde yaprsınız.
Yeni layer ekleyelim layer adı action olsun ekli kodları actions paneli açarak ekleyelim.
function timer(sound_obj)
{
time = sound_obj.position / 1000;
min = Math.floor(time / 60);
min = min < 10 ? ("0" + min) : (min);
sec = Math.floor(time % 60);
sec = sec < 10 ? ("0" + sec) : (sec);
sure_txt.text = min + ":" + sec;
}
function soundStatus()
{
var _loc2 = _root.sound_mc.sound_obj.getBytesLoaded() / _root.sound_mc.sound_obj.getBytesTotal();
_root.yukle.yuklebar._width = _loc2 * 168;
duration = _root.sound_mc.sound_obj.duration;
position = _root.sound_mc.sound_obj.position;
_root.basla._x = position / duration * 165 + 6;
}
stop ();
playlist = new XML();
playlist.ignoreWhite = true;
playlist.onLoad = function (success)
{
if (success)
{
_global.songname = [];
_global.songband = [];
_global.songfile = [];
for (var _loc3 = 0; _loc3 < playlist.firstChild.childNodes.length; ++_loc3)
{
_global.songname[_loc3] = playlist.firstChild.childNodes[_loc3].attributes.name;
_global.songband[_loc3] = playlist.firstChild.childNodes[_loc3].attributes.band;
_global.songfile[_loc3] = playlist.firstChild.childNodes[_loc3].attributes.file;
}
}
_root.createEmptyMovieClip("sound_mc", 1);
_global.song_nr = random(songfile.length);
};
MovieClip.prototype.songStarter = function (file, name, band)
{
if (this.sound_obj)
{
this.sound_obj.stop();
delete this.sound_obj;
}
this.sound_obj = new Sound(this);
this.sound_obj.loadSound(file, true);
this.onEnterFrame = function ()
{
if (this.sound_obj.position > 0)
{
delete this.onEnterFrame;
this._parent.acıklama_txt.text = "\'" + name + "\'";
this._parent.band_txt.text = band;
this._parent.sure_txt.text = "00:00";
timeInterval = setInterval(timer, 1000, this.sound_obj);
}
else
{
this._parent.band_txt.text = "Loading...";
}
};
this.sound_obj.onSoundComplete = function ()
{
clearInterval(timeInterval);
this._parent.sure_txt.text = "00:00";
song_nr == songfile.length - 1 ? (_global.song_nr = 0) : (_global.song_nr++);
_root.sound_mc.songStarter(songfile[song_nr], songname[song_nr], songband[song_nr]);
};
this._parent.ses1.surgu.onPress = function ()
{
startDrag (this, true, 1, this._y, this._parent.sesbg._width - 10, this._y);
this.onEnterFrame = function ()
{
var _loc2 = this._x / this._parent.sesbg._width * 100;
this._parent._parent.sound_mc.sound_obj.setVolume(_loc2);
};
};
this._parent.ses1.surgu.onRelease = function ()
{
delete this.onEnterFrame;
stopDrag ();
};
this._parent.ses1.surgu.onReleaseOutside = function ()
{
stopDrag ();
};
};
setInterval(soundStatus, 100);
play_buton.onRelease = function ()
{
clearInterval(timeInterval);
this._parent.sure_txt.text = "00:00";
_root.basla._x = 7;
this._parent.sound_mc.songStarter(songfile[song_nr], songname[song_nr], songband[song_nr]);
};
stop_buton.onRelease = function ()
{
clearInterval(timeInterval);
_root.basla._x = 7;
this._parent.sure_txt.text = "00:00";
this._parent.acıklama_txt.text = "";
this._parent.band_txt.text = "";
this._parent.sound_mc.sound_obj.stop();
};
ileri_buton.onRelease = function ()
{
clearInterval(timeInterval);
_root.basla._x = 7;
this._parent.band_txt.text = "loading...";
this._parent.sure_txt.text = "00:00";
song_nr == songfile.length - 1 ? (_global.song_nr = 0) : (_global.song_nr++);
_root.sound_mc.songStarter(songfile[song_nr], songname[song_nr], songband[song_nr]);
};
geri_buton.onRelease = function ()
{
clearInterval(timeInterval);
_root.basla._x = 7;
this._parent.band_txt.text = "loading...";
this._parent.sure_txt.text = "00:00";
song_nr == 0 ? (_global.song_nr = songfile.length - 1) : (_global.song_nr--);
_root.sound_mc.songStarter(songfile[song_nr], songname[song_nr], songband[song_nr]);
};
playlist.load("/music_player/playlist.xml");
Adım.10
Bize bir XML dosyası gerekli onun hazırlamak için ekli metni kendinize göre uyarlayın.
<?xml version="1.0" encoding="UTF-8"?> <songs> <song name="photoders" band="acıklama" file="/music_player/music ismi.mp3"/> <song name="photoders" band="acıklama" file="/music_player/music ismi.mp3"/> <song name="photoders" band="acıklama" file="/music_player/music ismi.mp3"/> </songs>
Çalışmamız sona erdi çalışması için music_player klasörü hazırlayıp içine mp3 dosyaları ve playlist.xml dosyası ile player.swf dosyamızı bir arada dizinimiz ekliyoruz artık web sayfamızda görünmesi sağlayacağız gerekli kodu görünmesini istediğimiz yere eklediğimizde işlem tamamlanmış olacaktır.
]]>






stop ();
ekleyelim.
7.frameye keyframe ekleyip tekrar stop ekleyelim.Tekrar bg-üst-mc klip içine girelim temizle butonunu hazırladığımız çizgiye göre ayarlayalım klip sahnede seçili instance name kutusuna btnClear yazalım. Buton klip görünümü.

13-Yeni layer ekleyelim layer adı yolla olsun temizle butonunda olduğu şekilde klip oluşturalım klip yazımız Gönder olsun. İnstance name kutusuna btnSubmit yazlalım instance name kutularına yazı yazarken sahnedeki klipi seçili yapalım.

14-Çizgi layerin 2.framesine keyframe ekleyip dynamic text yazı yazalım yazımız Geri olsun 3.frameye keyframe ekelersek aynı yazımız 3.framedede olur.
15-İsim layerin 2.framesine keyframe ekleyelim hit kısmı aktif buton yapalım sahnede butonu seçili yapalım actions paneli açıp ekli koydu ekleyelim.
on (release)
{
gotoAndStop(1);
}
16-En üstte yeni layer ekleyip layer adını action yazalım ekli kodları 1.frameye ekleyelim.
function clearField2()
{
f1.text = label1;
f2.text = label2;
f3.text = label3;
f4.text = label4;
} // End of the function
stop ();
label1 = "isminiz:";
label2 = "e-mail adres:";
label3 = "telefon no:";
label4 = "iletiniz:";
f1.onSetFocus = function ()
{
if (this.text == label1)
{
this.text = "";
} // end if
};
f1.onKillFocus = function ()
{
if (this.text == "")
{
this.text = label1;
} // end if
};
f2.onSetFocus = function ()
{
if (this.text == label2)
{
this.text = "";
} // end if
};
f2.onKillFocus = function ()
{
if (this.text == "")
{
this.text = label2;
} // end if
};
f3.onSetFocus = function ()
{
if (this.text == label3)
{
this.text = "";
} // end if
};
f3.onKillFocus = function ()
{
if (this.text == "")
{
this.text = label3;
} // end if
};
f4.onSetFocus = function ()
{
if (this.text == label4)
{
this.text = "";
} // end if
};
f4.onKillFocus = function ()
{
if (this.text == "")
{
this.text = label4;
} // end if
};
clearField2();
btnClear.onRollOver = function ()
{
this.gotoAndPlay("s1");
this.arow.gotoAndPlay("s1");
};
btnClear.onRollOut = btnClear.onReleaseOutside = function ()
{
this.gotoAndPlay("s2");
this.arow.gotoAndPlay("s2");
};
btnClear.onRelease = function ()
{
clearField2();
};
btnSubmit.onRollOver = function ()
{
this.gotoAndPlay("s1");
this.arow.gotoAndPlay("s1");
};
btnSubmit.onRollOut = btnSubmit.onReleaseOutside = function ()
{
this.gotoAndPlay("s2");
this.arow.gotoAndPlay("s2");
};
btnSubmit.onRelease = function ()
{
if (_parent.iletform.f1.text == "" || _parent.iletform.f2.text == "" || _parent.iletform.f3.text == "" || _parent.iletform.f4.text == "" || _parent.iletform.f1.text == label1 || _parent.iletform.f2.text == label2 || _parent.iletform.f3.text == label3 || _parent.iletform.f4.text == label4)
{
gotoAndStop(3);
}
else
{
_parent.iletform.loadVariables("email.php", "POST");
gotoAndStop(2);
} // end else if
};
stop ();
17-Action layerin 2. ve 3. framelerine keyframe ekleyip action paneli açarak stop ekleyelim.
stop ();
18-Bir hatırlatma buradaki örnekteki görünüm almak için bg-üst ve çizgi layerlerin 2 ve 3 framelerde sadece yazılar kalsın 1.framedeki movie klipleri silebiliriz olmaz isede olur çalışmanızı test ederseniz görebilirsiniz.
19-Çalışmamız sona erdi mail.php dosyasını ekli dosya içinde bulabilirsiniz yapmanız gereken değişiklik sadece mail adresiniz olacak. Ekli dosyayı olduğu gibi dizininize eklerseniz sorunsuz çalışacaktır tarafından test edilmiş olup harika bir form sahibi olacağınızı söyleyebilirim.
Örnek uygulama sadece görünüm için eklidir çalışmamaktadır.
Photoshop çalışmamızda içi sıcak,sıcak kahve dolu kahve kupası (Fincan) yapacağız ilk olarak bir çalışma sayfası açalım benim çalışma sayfam 1000×1000 px oldu arka renk olarak açık bir yeşil seçebiliriz.
Elipse Tool aracını seçelim içi siyah renk olsun elips oluşturalım örnek resim.

2-Rounded Rectangle Tool aracını seçelim üst menüden subtract from shape’yi seçelim. Shape layer seçili olsun. Örnek resim.

3- Rounded Rectangle Tool aracı ile elips oluşturalım fincanın ağız kısmı olacak renk olarak #262626 uygulayalım.

4- Rounded Rectangle Tool aracı ile fincanın gövde kısmını keselim.

5-Gövde layerde siyah rengimizi değişelim layer thumbnail üzerine tıklarsak renk paleti açılır renk #f5f5f5 uygulayalım.

6-Layer styles seçeneklerini gövde layerimize uygulayalım.

Görüntümüz.

7-Gövde layerini çoğaltalım duplicate layer Fill değerini 0 yapalım. Layer styles inner shadow uygulayalım.

8-Ağız layerine gelelim layer styles seçeneklerini uygulayalım. layer thumbnail üzerine tıklayarak siyah rengi f5f5f5 yapalım.

Elde ettiğimiz görünüm.

9-Ağız layerini çoğaltalım duplicate layer Free transform aracı ile küçültelim buradaki amaç fincanın iç kısmını yapmak olacak.
Layer styles seçeneklerini uygulayalım.

Görüntümüz.

10-Fincanımızın sap kısmını yapalım. Pen Tool aracı ile örnek resimdeki şekli oluşturalım.
Sap layer gövde layerin altında olacak.

11-Layer styles Inner Glow uygulayalım.

Elde ettiğimiz görünüm.

12-Ağız1 layeri çoğaltalım duplicate layer layer adını kahve olarak değişelim. Renk değiştirelim layer üzerinde layer thumbnail tıklayalım renk paletine # e3934c girelim.

13-Kahve layere layer styles seçeneklerini uygulayalım.

14-Kahve layerini çoğaltalım duplicate layer Fill opacity değerini %0 yapalım layer styles Inner Glow uygulayalım.

15- Texture olarak kullanmak için buradan imaj resmini indirebiliriz transform aracı ile ayarlama yapalım fincanın ağzını seçili yapıp mask uygulayalım layer mode multiply yapalım opacity değerini %42 yapalım.

16-Elipse Tool aracını seçelim renk olarak #983309 ayarlayıp farklı büyüklüklerde elips daireler oluşturalım. Layer adını köpük yapalım. Convert to Smart Object yapıyor devamında opacity değerini %36 yapıyoruz birazda gaussian blur uygularsak daha iyi olur.

17-Fincanın alt kısmına biraz gölge efekti verelim.
18-Kahvemizin sıcak görünmesini sağlayalım. Pen tool aracı ile örnek resimdeki şekli oluşturalım. Bir adet yapıp duplicate layer diyerek 5 adet kopya yapalım duman efekti layerlerimizi tek layer haline getirelim Merge Layers.

19-Filter> Liquify ile biraz karıştıralım Gaussian Blur uygulayıp Opacity değerini düşürelim elde ettiğimiz görünüm.
Final

Resimleriniz üzerinde uygulayabileceğiniz ışık efektleri için hazır fırçalar (3D Lighting Photoshop Brush)

var star_mc:Star_mc;
var cTrans:ColorTransform=new ColorTransform();
stage.addEventListener(MouseEvent.MOUSE_MOVE, gezdir);
function gezdir(p:MouseEvent) {
star_mc=new Star_mc();
star_mc.x=mouseX+Math.random()*star_mc.width;
star_mc.y=mouseY+Math.random()*star_mc.height;
addChild(star_mc);
var colordegis : ColorTransform = new ColorTransform();
colordegis.color=Math.random()*0xffffff;
star_mc.transform.colorTransform=colordegis;
star_mc.addEventListener(Event.ENTER_FRAME, klip);
}
function klip(p:Event) {
p.target.scaleX-=.03;
p.target.scaleY-=.03;
p.target.alpha-=.03;
p.target.y+=3;
if (p.target.alpha<=0) {
p.target.removeEventListener(Event.ENTER_FRAME, klip);
removeChild(p.target as MovieClip);
}
}
4-Çalışmamızı test edelim Star_mc klipi istediğimiz ölçüde küçültebiliriz bu işlem için Transform aracı kullanabiliriz.
]]>