Mehmetoglu.org ActionScript 3 Dersleri - 3 [Kodlamaya başlayalım!]

Posted on Salı, Şubat 12th, 2008 at 11:43

Not: (” Tırnak) işaretlerini kodlamada yeniden yazmanız gerekmektedir.  

Film klipleri adı üstünde yeni ve bağımsız filmciklerdir. Bir film klibinin içine ana sahnede olduğu kadar özgürce animasyonlar oluşturabiliriz… Hatta bu filmciklerin içine yeni kliplerde ekleyebiliriz… ActionScript 3 ile kodlarken film liplerini kullanmamız gerekmekte. İlerleyen zamanlarda göreceksiniz ki  her an her yerde işimizi kolaylaştıracaklar…

Ekrana bir kutu çizin. Herhangi bir biçimde olabilir.. Bu kutuyu seçerek F8 ‘tuşuna basın. Böylece kutucuğumuzu sembole çevireceğiz.. Birkaç sembol türü vardır. Film klibi, Görsel ve Buton. Açılan pencereden Film klibi(movie clip) ‘ini seçerek dilediğiniz gibi isimlendirin ve işlemi onaylayın…

ActionScirpt 3 ve bu film klibi ile etkileşim kurabilmemiz gerekiyor. Bunun en genel yöntemini uygulayacağız. Film klibine bir kez sol tıklayın. CRTL + F3 tuşları ile “properties” panelini açalım. Solda “Durum adı”(Instance Name)  adlı kutucuğu görüyorsunuz. Bu kutucuğa kutu_mc yazalım. Film klibini “*_mc” şeklinde isimlendirmemizin sebebi; AS3 panelinin film klibini tanıması, film klibi için yazılabilecek tüm kodları sunmasını sağlamaktır..

Şimdi yeni bir katman oluşturup basit bazı kodları yazmaya başlayalım.

 Eğer action script panelini ilgili framede açmayı hatırlatmam gerekirse;

1)  CTRL + Alt + T tuşlarına basarak “Timeline” panelini açalım. 

2) Üst menüdeki Insert > Timeline > Layer  sekmesine tıklayalım. Böylece kodları yazabileceğimiz yeni bir katman(layer) oluşturduk.

3) Oluşan katmanda ilk boş frame kutucuğuna tıklayalım ve ardından action script panelini açmak için F9 ‘a basalım..

Böylece ilgili framede Action Script panelini açmış oduk. Eğer Kod asistanı(Script Assist) açık ise kapatalım. Şimdilik kodları yardım almadan kendi elimizle girmeliyiz..

//////////////////////////////// Kod yazımı buradan itibaren başlamıştır

 // Kod yazarken // bu ifadeyi kullandığımda ilgili satır devre dışı kalır. Bizde hatırlatmaları // ifadeleri ile yapacağız..

kutu_mc.width = 100;

// kutu_mc adlı film klibimin enini 100 pixel olarak değiştirdim. CTRL + Enter ile değişiklikleri takip ediniz.

kutu_mc.scaleX = 2;

/* kutu_mc ‘nin X ekseni boyunu 2 ile çarptım. Yani en boyu 2 kat daha büyük oldu. Tabi kutunun ilk eninden. 100 * 2 = 200px değil.  */

 /* Bu arada bir hatırlatma yapalım. Film klibimin içindeki öğreler tam ortalı değil. Kod yazarken belirlediğim noktalar film klibinin 0 noktası için. Film kliplerinin sıfır noktası ise üst sol köşedir. Şimdi biz film klibini en üst sola dayamak istesek sıfır noktasından alınıp en üst sola dayanır. Eğer sıfır noktası film klibin tam ortası olsun istiyorsanız; film klibinin içine girip kutuyu seçin. Daha sonra ctrl + K tuşları ile align panelini açın. To stageyi işaretledikten sonra ilgili ortalama işlemini gerçekleştirin. Burada sıfır noktası işaretle daima gösterilmektedir. Ayrıca bunun yerine hemen film klibi oluştururken ortalayı seçebiliriz.*/

// kutu_mc ‘yi filmin sol köşesine dayayalım. Bunun için tüm ekranın (stage) eninin (stage.stageWidth) yarısını, kutu_mc nin merkezi olarak belirleyelim.

kutu_mc.x = stage.stageWidth / 2         

/* Tüm ekranın eninin yarısı ekranın ortasıdır.. kutu_mc nin x eksenindeki yerini filmin orta noktası olarak belirlemiş olduk. Aynı şeyi “Height” ve “y” ekseni içinde yaparsak kutu boy açısından da en ortaya yerleşir… */

kutu_mc.y = stage.stageHeight / 2 

 kutu_mc.alpha = 0.5;

// Saydamlığı 1/2 yani 0.5 ile çarptık. Böylece kutu_mc  yarı saydam bir film klibine dönüştü…

kutu_mc.alpha = .30;

// Bundan vazgeçiyorum saydamlığı artık %70 yani [100 * 0.30 = 70]

// Konumu ekranın ortasıydı. İstersem kutu_mc.x = 150; yazarak onu ekranda 150. pixele alabilirim…

// Bir daha ki dersimizde değişkenlere ve “trace” komutuna değineceğiz…

// Yorum kısmından sorularınızı sorabilirsiniz…

// Aşağıdaki linke tıklayarak çalışma dosyasını indirebilirsiniz…

________________________________________________ 

Sonuç >> http://www.mehmetoglu.org/as3_dersler/ders_03.swf

Proje dosyası >> http://www.mehmetoglu.org/as3_dersler/ders_03.fla

Kaynak: www.mehmetoglu.org | Kaynak gösterilmeden yayınlanması ayıp ve yasaktır

İstersen yorum yazabilirsin, ya da kendi sitenden "geridönüş" (trackback) ekleyebilirsin.

6 Yorum yazılmış

 1 

İleriki dersleri bekliyorum :-P Hayırlı olsun

Şubat 12th, 2008 at 13:09
 2 

Teşekkürler :) hızla gelecek. Bu kez emin ol İnş :)

Şubat 12th, 2008 at 13:21
 3 

Selam Kardeş İlk olarak burayı hiç anlamadım
Bu altta belirttigin şeyi ilk katmandamı yoksa AS3 yazdıgımız katmandamı yapıcaz hiç anlamadım bunu :S ve Ctrl+K bastıgımda yanda büssürü sekıl cıkıyor hangısını secicem onuda ılmıyorum ekeldıgın FLA dosyasıda inmiyor sorun var galiba.

/* Bu arada bir hatırlatma yapalım. Film klibimin içindeki öğreler tam ortalı değil. Kod yazarken belirlediğim noktalar film klibinin 0 noktası için. Film kliplerinin sıfır noktası ise üst sol köşedir. Şimdi biz film klibini en üst sola dayamak istesek sıfır noktasından alınıp en üst sola dayanır. Eğer sıfır noktası film klibin tam ortası olsun istiyorsanız; film klibinin içine girip kutuyu seçin. Daha sonra ctrl + K tuşları ile align panelini açın. To stageyi işaretledikten sonra ilgili ortalama işlemini gerçekleştirin. Burada sıfır noktası işaretle daima gösterilmektedir. Ayrıca bunun yerine hemen film klibi oluştururken ortalayı seçebiliriz.*/

Şubat 5th, 2009 at 14:23
 4 

ugurtosun.net@hotmail.com :) ekleyıp yardımcı olursan sevınırım.

Şubat 5th, 2009 at 14:24
 5 

halen problem yaşayanlar var mı?

Şubat 6th, 2009 at 09:56
 6 

uğur kardeş benim mehmetoglu2006@hotmaili ekleyebilirmisin çünkü benim limit doldu sen eklemezsen konuamayız

Şubat 6th, 2009 at 10:24

Yazmayan ölsün..

Adın
e-Postan (Yayımlarsam ne olim)
Siten
Gençliğini neyle değerlendirdin?
Yorumun: