Ben de Flash CS5 i inceleyip yeniliklerle ilgili bir yazı yazdım.

Yazıyı okumak için linki tıklayın; Flash CS5 yenilikleri

İlerleyen zamanlarda cs5 ile ilgili dersler yazarlarımız tarafından eklenecektir.

Görüşmek üzere.

Merhaba Arkadaşlar, flashdersleri.net’teki bu ilk dersimde Flash ve Php ile web sitesinde mail gönderme formu, nasıl yapılır onu anlatacağım.

İşin sadece flash yönünü anlatacağım Php bilgim az olduğu için o konuya girmeyeceğm php dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.
Derse başlamadan, önce ders için hazırladığım bu mail_form.fla dosyasını indirip, açın.
.fla’nın içinde, sahnede 5 text kutucuğu ve 2 buton bulunmaktadır.

Text Kutucukları;

• isim_txt
• email_txt
• konu_txt
• mesaj_txt
• rapor_txt

Text kutucuklarından 4′ü (isim_txt, email_txt, konu_txt, mesaj_txt) input text,  rapor_txt ise dynamic text formatındadır.

Butonlar;

• temizle_btn
• gonder_btn

Hemen Actions panelimizi açıp kodlarımızı yazmaya başlayalım.

İlk olarak her ihtimale karşı bütün text kutucuklarımızı boşaltıyoruz.

 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
//rapor_mc nin visible(görünürlük) değerini false(görünmez) olarak ayarlıyoruz.
rapor_mc.visible=false;

Değikenleri oluşturuyoruz.

var zamanlayici:Timer;
var url_yukle:URLLoader=new URLLoader  ;
var url_adresi:URLRequest=new URLRequest("gonder.php");
url_adresi.method=URLRequestMethod.POST; 
 

Buttonlara olay dinleyicilerini atıyoruz.

 gonder_btn.addEventListener(MouseEvent.CLICK, gonderFNC);
temizle_btn.addEventListener(MouseEvent.CLICK, temizleFNC);

temizleFNC Fonksiyonunu:

 function temizleFNC(e:Event){
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
mesaj_txt.sdlf
 rapor_mc.visible=false;
} 

gonderFNC Fonksiyonu:

gonderFNC fonksiyonunda ilk olarak rapor_mc nin visible değerini true olarak ayarlıyoruz.

Daha sonra ilk if te, girilmesi zorunlu olan tüm text kutucuklarının boş olup olmadığı kontrol ediliyor.

İlk if’in şartları onaylandıktan sonra else if’te mailKontrolFNC fonksiyonu ile mailin doğrumu yanlışmı girildiği kontrol ediliyor.

else if’in şartlarıda onaylandıktan sonra else ile rapor_mc’nin içindeki rapor_txt’e “Gönderiliyor…” yazdırılıyor, ve sonra email_data adı ile oluşturulan String türünde değişken ile text kutucuklarına girilen değerler URL_vars değişkeniyle Text formatıyla url_adresi değişkenine ardından url_yukle değişkenine eşitleniyor.

url_yukle değişkenine eklene olay denetleyicisi ile veri yuklendikten sonra yanitAlFNC fonksiyonu çağrılıyor.

function gonderFNC(e:Event) {
 rapor_mc.visible=true;
 if (isim_txt.text==""||email_txt.text==""||konu_txt.text==""||mesaj_txt.text=="") {
 rapor_mc.rapor_txt.text="Lütfen tüm alanları doldurunuz.";
 } else if (!mailKontrolFNC(email_txt.text)) {
 rapor_mc.rapor_txt.text="Lütfen email adresinizi kontrol edin.";
 } else {
 rapor_mc.rapor_txt.text="Gönderiliyor...";
 var email_data:String="name="+isim_txt.text+"$email="+email_txt.text+"$konu="+konu_txt.text+"$mesaj="+mesaj_txt.text;
 var URL_vars:URLVariables=new URLVariables(email_data);
 URL_vars.dataFormat=URLLoaderDataFormat.TEXT;

 url_adresi.data=URL_vars;
 url_yukle.load(url_adresi);
 url_yukle.addEventListener(Event.COMPLETE,yanitAlFNC);
 }
}
 

mailKontrolFNC Fonksiyonu:

mailKontrolFNC fonksiyonu ile email_txt text kutucuğuna girilen mail adresinin doğru olup olmadığı kontrol ediliyor.

function mailKontrolFNC(s:String):Boolean {
 var p:RegExp=/^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/;
 var r:Object = p.exec(s)
 if (r==null) {
 return false;
 }
 return true;
}

yanitAlFNC Fonksiyonu

yanitAlFNC fonksiyonunda zamanlayici fonksiyonu ile verilerin belirtilen php dosyasına ulaşıp ulaşmadığı kontrol ediliyor.

function yanitAlFNC(e:Event):void {
 var yukleyici:URLLoader=URLLoader(e.target);
 var email_durumu=new URLVariables(yukleyici.data).success;

 if (email_durumu=="yes") {
 rapor_mc.rapor_txt.text="Mesajınız başarılı bir şekilde gönderilmiştir.";
 zamanlayici=new Timer(500);
 zamanlayici.addEventListener(TimerEvent.TIMER, zamanlayiciFNC);
 zamanlayici.start();
 } else {
 mesaj_txt.text="Mesajınız Gönderilemedi.";
 }
}

zamanlayiciFNC Fonksiyonu

zamanlayiciFNC  fonksiyonu belirtilen süreden sonra tüm text kutucuklarının içini boşaltıyor.

 function zamanlayiciFNC(te:TimerEvent):void {
 if (zamanlayici.currentCount>=10) {
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
 rapor_mc.visible=false;
 zamanlayici.removeEventListener(TimerEvent.TIMER,zamanlayiciFNC);
 }
}

Dosyalar:

Elimden geldiğince, dilim döndüğünce anlatmaya çalıştım.

İşin sadece flash yönünü anlatacağım Php bilgim az olduğu için o konuya girmeyeceğm php dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.
Derse başlamadan, önce ders için hazırladığım bu mail_form.fla dosyasını indirip, açın.
.fla’nın içinde, sahnede 5 text kutucuğu ve 2 buton bulunmaktadır.

Text Kutucukları;

• isim_txt
• email_txt
• konu_txt
• mesaj_txt
• rapor_txt

Text kutucuklarından 4′ü (isim_txt, email_txt, konu_txt, mesaj_txt) input text,  rapor_txt ise dynamic text formatındadır.

Butonlar;

• temizle_btn
• gonder_btn

Hemen Actions panelimizi açıp kodlarımızı yazmaya başlayalım.

İlk olarak her ihtimale karşı bütün text kutucuklarımızı boşaltıyoruz.

 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
//rapor_mc nin visible(görünürlük) değerini false(görünmez) olarak ayarlıyoruz.
rapor_mc.visible=false;

Değikenleri oluşturuyoruz.

var zamanlayici:Timer;
var url_yukle:URLLoader=new URLLoader  ;
var url_adresi:URLRequest=new URLRequest("gonder.php");
url_adresi.method=URLRequestMethod.POST; 
 

Buttonlara olay dinleyicilerini atıyoruz.

 gonder_btn.addEventListener(MouseEvent.CLICK, gonderFNC);
temizle_btn.addEventListener(MouseEvent.CLICK, temizleFNC);

temizleFNC Fonksiyonunu:

 function temizleFNC(e:Event){
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
mesaj_txt.sdlf
 rapor_mc.visible=false;
} 

gonderFNC Fonksiyonu:

gonderFNC fonksiyonunda ilk olarak rapor_mc nin visible değerini true olarak ayarlıyoruz.

Daha sonra ilk if te, girilmesi zorunlu olan tüm text kutucuklarının boş olup olmadığı kontrol ediliyor.

İlk if’in şartları onaylandıktan sonra else if’te mailKontrolFNC fonksiyonu ile mailin doğrumu yanlışmı girildiği kontrol ediliyor.

else if’in şartlarıda onaylandıktan sonra else ile rapor_mc’nin içindeki rapor_txt’e “Gönderiliyor…” yazdırılıyor, ve sonra email_data adı ile oluşturulan String türünde değişken ile text kutucuklarına girilen değerler URL_vars değişkeniyle Text formatıyla url_adresi değişkenine ardından url_yukle değişkenine eşitleniyor.

url_yukle değişkenine eklene olay denetleyicisi ile veri yuklendikten sonra yanitAlFNC fonksiyonu çağrılıyor.

function gonderFNC(e:Event) {
 rapor_mc.visible=true;
 if (isim_txt.text==""||email_txt.text==""||konu_txt.text==""||mesaj_txt.text=="") {
 rapor_mc.rapor_txt.text="Lütfen tüm alanları doldurunuz.";
 } else if (!mailKontrolFNC(email_txt.text)) {
 rapor_mc.rapor_txt.text="Lütfen email adresinizi kontrol edin.";
 } else {
 rapor_mc.rapor_txt.text="Gönderiliyor...";
 var email_data:String="name="+isim_txt.text+"$email="+email_txt.text+"$konu="+konu_txt.text+"$mesaj="+mesaj_txt.text;
 var URL_vars:URLVariables=new URLVariables(email_data);
 URL_vars.dataFormat=URLLoaderDataFormat.TEXT;

 url_adresi.data=URL_vars;
 url_yukle.load(url_adresi);
 url_yukle.addEventListener(Event.COMPLETE,yanitAlFNC);
 }
}
 

mailKontrolFNC Fonksiyonu:

mailKontrolFNC fonksiyonu ile email_txt text kutucuğuna girilen mail adresinin doğru olup olmadığı kontrol ediliyor.

function mailKontrolFNC(s:String):Boolean {
 var p:RegExp=/^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/;
 var r:Object = p.exec(s)
 if (r==null) {
 return false;
 }
 return true;
}

yanitAlFNC Fonksiyonu

yanitAlFNC fonksiyonunda zamanlayici fonksiyonu ile verilerin belirtilen php dosyasına ulaşıp ulaşmadığı kontrol ediliyor.

function yanitAlFNC(e:Event):void {
 var yukleyici:URLLoader=URLLoader(e.target);
 var email_durumu=new URLVariables(yukleyici.data).success;

 if (email_durumu=="yes") {
 rapor_mc.rapor_txt.text="Mesajınız başarılı bir şekilde gönderilmiştir.";
 zamanlayici=new Timer(500);
 zamanlayici.addEventListener(TimerEvent.TIMER, zamanlayiciFNC);
 zamanlayici.start();
 } else {
 mesaj_txt.text="Mesajınız Gönderilemedi.";
 }
}

zamanlayiciFNC Fonksiyonu

zamanlayiciFNC  fonksiyonu belirtilen süreden sonra tüm text kutucuklarının içini boşaltıyor.

 function zamanlayiciFNC(te:TimerEvent):void {
 if (zamanlayici.currentCount>=10) {
 isim_txt.text="";
 email_txt.text="";
 konu_txt.text="";
 mesaj_txt.text="";
 rapor_mc.visible=false;
 zamanlayici.removeEventListener(TimerEvent.TIMER,zamanlayiciFNC);
 }
}

Dosyalar:

Elimden geldiğince, dilim döndüğünce anlatmaya çalıştım.

Geçen 10 gün içinde yazarlık başvuruları sayesinde yazar sayımız 11′e çıkmış bulunmakta.

Aşağıda geçen on günde oluşan istatistiklerden bahsedeceğim.

• Aramıza en son katılan yazarımız Yağız Gürgül
  
• Yağız ile birlikte yazar kadromuz şu şekilde genişledi;
  Ali Oğul, Burak Aydın, Emre Erbakılı, Ercüment Ekinci, Giray Bal, Fullusi, Kemal Faruk Durhat, Sebahattin Soylu, Selçuk Bülbül, Selman Kurt, Yağız Gürgül.
  
• Sitemiz açıldığından bu yana en az bir dersi olan yazarlarımız;
  Ali Oğul, Ercüment Ekinci, Giray Bal, Fullusi, Kemal Faruk Durhat, Sebahattin Soylu, Selçuk Bülbül.
  
• Henüz iç ders yazmayan yazarlarımız;
  Burak Aydın, Emre Erbakılı Selman Kurt, Yağız Gürgül.Ders eklemeyen yazarlarımızın da derslerini heyecanla beklemekteyiz   

• Geçen 10 günde yazılan ders sayısı 15 oldu. Daha önceki derslerle beraber sitede ders sayısı 19 ‘a ulaştı.
• Ençok ders yazan yazarımız Selçuk Bülbül oldu. Selçuk 10 günde 6 ders ekledi.
• En başarılı ders Fullusi adlı yazarımızın eklemiş olduğu Ok Atma (Deneysel) dersi oldu. Fullusi oldukça yararlı ve detaylı bir ders ekleyerek ziyaretçilerimizin ve yazarlarımızın beğenisini topladı.
• Geçen on günde en çok yorum yapılan ders yine Fullusi‘nin Ok Atma (Deneysel) dersi oldu. Genel olarak en çok yorum yapılan ders ise Dışardan Resim-Swf Çağırma (As3) adlı ders oldu.

Yazarlarımıza ve ziyaretçilerimize teşekkür yazarlarımız adına da teşekkür ediyorum.

Bu dersim flashdersleri.net teki ilk dersim

Bu derste iki nokta arasındaki uzaklığı, 2 boyutlu düzlemde ve 3 boyutlu düzlemde bulmayı anlatacağım.

Tabi sadece bunu kullanarak flash’ta bişey elde edemezsiniz, “eee bunu yaptıkta nooldu ya?” gibi sorulardan bahsediyorum…

Derslerimde özellikle Flash Oyun yapmak için gereken prototipleri anlatacağım ki bu flashın en güzel şeyisi (neyisi?) özelliği gibi bi şeyisi işte.

Flash Oyun yapmak!

Neyse fazla konu dışına çıkmayalım ve dersimize geçelim.

İki nokta arasındaki uzaklığı bulabilmemiz için, iki noktanın x ve y (ve z) değerlerini bilmemiz gerekir.

2 Boyutlu Hesaplama :

1.YOL

Noktaların koordinat değerleri :

var x1:Number = 10; //Birinci x değeri
var y1:Number = 10; //Birinci y değeri
var x2:Number = 20; //İkinci x değeri
var y2:Number = 20; //İkinci y değeri
 
var uz1:Number = x2-x1; //1. Uzunluk
var uz2:Number = y2-y1; //2. Uzunluk

Olsun.

Ve artık uz1 ve uz2 değerlerini bildiğimize göre, Pisagor teoremini uygularsak :

C^2 = A^2 + B^2

var uzaklik:Number = Math.sqrt(Math.pow(uz1,2)+Math.pow(uz2,2));

Yani sonuç olarak fonksyonumuz:

var x1:Number = 10; //Birinci x değeri
var y1:Number = 10; //Birinci y değeri
var x2:Number = 20; //İkinci x değeri
var y2:Number = 20; //İkinci y değeri
var uz1:Number = x2-x1; //1. Uzunluk
var uz2:Number = y2-y1; //2. Uzunluk
var uzaklik:Number = Math.sqrt(Math.pow(uz1,2)+Math.pow(uz2,2));
trace(uzaklik);

şeklinde olacaktır.

2.YOL

Flash’ta Point kullanarakta yapabiliriz:

var x1:Number = 10; //Birinci x değeri
var y1:Number = 10; //Birinci y değeri
var x2:Number = 20; //İkinci x değeri
var y2:Number = 20; //İkinci y değeri
var ilk:Point = new Point(x1, y1);
var son:Point = new Point(x2, y2);
var uzaklik= Point.distance(ilk, son);
trace(uzaklik);

3 Boyutlu Hesaplama :

Eğer noktalar 3 boyutlu ise tabiki bir noktanın 3 düzlemi olacaktır.
3. boyut olarak önceki kodumuza z eklersek:

var x1:Number = 10; //Birinci x değeri
var y1:Number = 10; //Birinci y değeri
var z1:Number = 10; //Birinci z değeri
var x2:Number = 20; //İkinci x değeri
var y2:Number = 20; //İkinci y değeri
var z2:Number = 20; //İkinci z değeri
var uz1:Number = x2-x1; //1. Uzunluk
var uz2:Number = y2-y1; //2. Uzunluk
var uz3:Number = z2-z1; //3. Uzunluk
var uzaklik:Number = Math.sqrt(Math.pow(uz1,2)+Math.pow(uz2,2)+Math.pow(uz3,2));
trace(uzaklik);

Şeklinde olacaktır.

Örnek link : İki Nokta Arasındaki Uzaklık (.FLA)

İşte bu kadar.

+rep vermeyi unutmayın

Sonraki derslerde görüşmek üzere.

GirayBAL