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.

Temel olarak burada ComboBox ve ScrollPane nesnesinin kullanılması yeterlidir. Bu nesneleri eklemek için Componentpanelini kullanmanız gerekmektedir. Bu panel çalışma alanınızda bulunmuyorsa, Window menüsünden Componentsseçeneği ile yada Ctrl + F7 kısayolu ile görüntüleyebilirsiniz. Eklediğimiz ComboBox nesnesine cbResimler, ScrollPane nesnesine spResimGosterici ismini veriyoruz. Bu isimlendirmeler sonrasında XML kaynağımızı oluşturuyoruz veKaynak.xml olarak isimlendiriyoruz. XML kaynağımız aşağıdaki şekildedir; Burada her bir resim tag içerisindeki bilgi hazırlayacağımız resimlerin bulunduğu klasör ve isimlerini göstermektedir. Bu bilgi kullanılarak ScrollPane nesnesine resimlerin yüklenmesi sağlanacaktır. Sonrasında Flash belgemize dönerek kodlarımızı yazmaya başlıyoruz. Kodlarımızı bir frame üzerine yazacağız. İlk aşamada XML nesnesinin tanıtılması ve yüklenmesi ile başlıyoruz.

_root.XMLKaynak = new XML();
_root.XMLKaynak.ignoreWhite = true;
_root.XMLKaynak.load("Kaynak.xml");< /pre>

İlk satırda XMLKaynak adında XML nesnemizi oluşturuyor, ikinci satırda ignoreWhite property ile XML içerisindeki boşlukların gözardı edilmesi sağlanıyor, üçüncü satırda ise Kaynak.xml adındaki XML Flash içerisine yükleniyor. Şimdi yüklenme sonrasında işlemlerin gerçekleştirilmesini sağlayalım. XML’in Flash’a yüklenmesinin elde edileceği onLoad eventi’ni kullanacağız.

_root.XMLKaynak.onLoad = function() {
    resimSayisi = _root.XMLKaynak.firstChild.childNodes.length;
    cbResimler.addItem({data:0, label:"Resim Seçiniz"});
    for (i=0; i
        resimYolu = _root.XMLKaynak.firstChild.childNodes[i].firstChild.nodeValue;
        cbResimler.addItem({data:resimYolu, label:"Resim " + (i+1)});
    }
}

onLoad eventi ile XML dosyasının yüklenmesi sonrasında resimSayisi değişkenine toplam resim sayısının elde edilmesini sağlayan ve ilk noda ait alt nodların sayısını veren childNodes özelliği kullanıyor. Sonrasında bir döngü ile her bir noddaki resmin yoluna ait veri alınadar cbResimler adını verdiğimiz ComboBox nesnesine addItem methodu ile data ve label olmak üzere iki özelliğe elde edilen resimYolu değişkeni ve Resim sırasını belirtecek bir ifade sırasıyla ekleniyor. Bu şekilde kod kısmının ikinci kısmını tamamlıyoruz ve son kısma geçiyoruz.

var cbDinleyici:Object = new Object();
cbDinleyici.change = function(evt_obj:Object) {
    spResimGosterici.contentPath = evt_obj.target.selectedItem.label;
};
cbResimler.addEventListener("change",cbDinleyici);

Bu kısımda ComboBox nesnesinin içerisindeki verilerin listelenmesi sonrasında veri değişimi sonrasında tetiklenecek bir event ve bu event’in çalıştırılmasını sağlayacak addEventListener methodunu çalıştırıyoruz. cbDinleyici adında bir Object tanımlayıp bu nesnenin değiştirilmesi sonrasında spResimGosterici adını verdiğimiz ScrollPane nesnesine aitcontentPath özelliğine XML kaynağından elde ettiğimiz resim yolunu ekliyoruz. Son satırda ise bu event’in cbResimler ComboBox’ına ait olduğunu belirten bir Listener oluşturuyoruz. Resimlerin belirttiğiniz XML formatına uygun olarak yerleştirildiğini, XML formatınızda bir sorun olmadığından emin olduğunuzda hazırladığınız Flash uygulamasını derleyerek kontrol edebilirsiniz.

Ertürk Erdağı    -    Yazılım ve Arayüz Geliştirme Uzmanı    - www.erturkerdagi.net

İki nokta arasındaki açıyı bulmak için, iki noktanın x ve y değerlerini bilmemiz gerekir.
Bu değerler:

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

olsun.

İki nokta arasındaki açıyı bulmak için tanjant fonksyonunu kullanacağız.

Tanjant, açının karşısındaki uzunluk bölü komşu uzunluktur :

tan(aci) = uz2 / uz1

Açıyı bilmediğimiz ve uzunlukları bildiğimiz için arctanjant (ters tanjant) ı kullanmalıyız.
Buna göre matematiksel olarak  :

tan(aci) = uz2 / uz1
ise
arctan(uz2 / uz1) = aci
dır.

Şimdi bunu Flash as3 olarak yazalım:

Math.atan2(uz2,uz1);

Flashta değerler Radyan olarak geri döner

Ama biz derece cinsinden istediğimiz için

doğru orantı ile dereceye çevirelim :

RandyanAci = Math.atan2(uz2,uz1);

ise

DereceAci = RandyanAci*180/Math.PI;

dir.

Son olarak kodumuz :

var x1:Number = 20; //Birinci x değeri
var y1:Number = 20; //Birinci y değeri
var x2:Number = 30; //İkinci x değeri
var y2:Number = 10; //İkinci y değeri
 
var uz1:Number = x2-x1;
var uz2:Number = y1-y2;
 
var RandyanAci:Number = Math.atan2(uz2,uz1);
var DereceAci:Number = RandyanAci*180/Math.PI;
trace(DereceAci);

Olacaktır.

Dikkat : Burda çok önemli bir nokta var

var uz1:Number = x2-x1;
var uz2:Number = y1-y2;

Yazarken x1-x2 değilde x2-x1 yazdık; (Flash’ı günlük kullandığımız koordinat düzlemine benzetmek için)
Bunun nedeni Flash’ın koordinat düzleminde 4.bölgede(sağ altta) olması

Yani asıl denklem (Kağıt üzerinde işlem için)
var uz1:Number = x1-x2;
var uz2:Number = y1-y2;
şeklinde olmalıdır.

Not : Yazdığım kodda açı hesaplanırken x1,y1 orjin olarak kabul edilir.

Örnek link : İki Nokta Arasındaki Açı (.FLA)

Evet, bu kadarcıktı

Görüşmek üzere.

GirayBAL

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