Java geliştirmek için kullandığımız idelerden biri olan eclipse i ubuntuda kurmak isterseniz bazı işlemleri yapmanız gerekiyor. Saçınızı başınızı yolmayın çok basit aslında.

Öncelikle add/remove program kısmına girin. Arama kutusundan jre ve jdk diye aratın ve bunları indirin. Çünkü eclipsein çalışabilmesi için bir jre ye(java runtime environment) ve kodlarınızın çalışabilmesi için bir jdk ya ihtiyacınız var. Daha sonra buradan  eclipse galileoyu indirin. İndirdiğiniz dosyayı o haliyle kullanamazsınız çift tıklayın archive manager ile dosyayı extract edin. Sonra Terminali açın. cd komutuyla eclipse i extract ettiğiniz directorye gelin.

Buraya dikkat: bulunduğu directorye geldikten sonra eclipse klasörnün içine gelin. Şimdi sudo ./eclipse komutunu çalıştırın eclipse açılacak. Her seferinde buradan mı çalıştıracağız diyorsanız evet bu komutu yazıp çalıştıracaksınız. Veya bi yolu daha var masaüstüne sağ tıklayıp create launcher dediğinizde eclipsein yolunu falan gösterip bi kısayolunu oluşturabilirsiniz.

Adobe AIR (Adobe Integrated Runtime) bir platform ve aslında web geliştiricilerinin işine çok yarayacak bir teknoloji. Çünkü bu platform HTML, JavaScript, AJAX, ActionScript, XML, Flash, Flex ve Dreamweaver gibi çok kullanılan web yazılım ve geliştirme araçlarını kullanarak masaüstü uygulamalar geliştirebilmenizi sağlıyor. Yani bir AIR uygulaması geliştirebilmek için Adobe Flash, Flex veya Dreamweaver programlarından birini kullanıyor olmanız yeterli. Bununla ilgili biraz daha bilgi verdikten sonra, Flash üzerine kurup bir AIR projesi nasıl açılır göstereceğim, sizler projenize göre Flex veya Dreamweaver üzerinde de deneyebilirsiniz bir farkı yok.

Adobe AIR in bir diğer özelliği de platform bağımsız çalışabilmesi. Şu anki AIR 2.0 sürümüyle uygulamanızı Windows, Linux ve Mac OS işletim sistemlerinde kullanabilirsiniz. Aslında AIR bir anlamda büyük bir değişiklik olarak nitelendirilebilir, web ve masaüstü uygulamalara farklı bir bakış açısı getirerek web uygulamanızı birden masaüstü uygulamasına dönüştürülebilir hale getiriyor. Yani bi bakıma “klasik web uygulamanız bir anda gerçek zamanlı çalışabilen bir exe ye dönüşüyor” diye düşünebilirsiniz. Bu özellik web geliştiricileri için çok büyük kolaylık olmuş. Çünkü masaüstü bir uygulama yapmak için C++ gibi başka bir dil öğrenmelerine gerek kalmıyor.

Şimdi Adobe Flash CS3 kullanarak bir AIR uygulaması nasıl geliştirilir adım adım buna bi bakalım.

Öncelikle http://labs.adobe.com/ adresinden kullandığınız Flash sürümüne (CS3 veya CS4) ve işletim sistemine uygun AIR update i indirin. İndirdikten sonra Flashı açtığınızda karşılama ekranında artık bir air uygulaması geliştirme kısayolu göreceksiniz.

Buradaki air kısayolundan veya yukardaki file/new seçeneğinden air uygulamamızı açalım. Açılan sayfanın altındaki pencereden de görebileceğiniz gibi uygulamamızı çalıştıracağımız player artık Flash player 9 veya 10 değil de indirdiğiniz sürüme göre Adobe Air 1.0/2.0 olarak görünecektir. Şimdi basit bir video uygulaması yapalım. Şu anda açık olan sayfaya ben “video” ismini veriyorum ve kaydediyorum. Kaydedilen dosyanın henüz .fla uzantılı olduğuna dikkat edin. Dikkat etmenizi istediğim bir nokta daha yukarıdaki Command menüsü altında çıkan AIR- Application and Package Settings ve AIR- Package AIR File seçenekleridir. AIR- Application and Package Settings kısmından uygulamanızın bütün özelliklerini görebilirsiniz.

Ben buradaki window style kısmından uygulamada açılan penceremi transparent olarak ayarladım. Çünkü videomu açtığımda dışında ayrıca bir pencere görünsün istemiyorum sadece videonun kendisi olsun.

Daha sonra kullanacağımız videoyu seçelim. File/Import/Import Video seçeneklerinden bilgisayarımızda bulunan herhangi bir videoyu seçelim. Karşınıza çıkan wizardın en son adımında skin kısmından istediğiniz tipteki video playerı seçip ekledikten sonra sayfanızda video playerı göreceksiniz. İsterseniz gene propertiesten eklediğiniz bu frame ile ilgili değişiklikler yapabilirsiniz.

Uygulamamızı çalıştıralım. Video penceresinin ekranın bir yerinde sabit durduğunu göreceksiniz. Bütün masaüstü uygulamalarında olduğu gibi biz de video penceremizi ekranda istediğimiz yere taşıyabilme özelliğini kazandıralım. Bunun için videoya instance name olarak da video ismini verelim ve actions panelini açalım. Yani actionscript kullanarak video componentimize mousela sürükleme eventı özelliğini vereceğiz. Açılan panele şu kodları yazalım:

video.addEventListener(MouseEvent.MOUSE_DOWN, dragMe); function dragMe(e:MouseEvent):void {      stage.window.startMove(); }

Burada video componentımıza bir Mouse tıklama (MOUSE_DOWN) event özelliği ekledik ve tıkladıktan sonra hareket ettirebilmek için bir sürükleme fonksiyonu yazdık. Fonksiyonun içindeki stage.window ana uygulama penceremizi ifade ediyor. Şimdi uygulamamızı çalıştırdığımızda video pencersini ekranda istediğiniz yere sürükleyebildiğinizi göreceksiniz.

Uygulamamıza eklememiz gereken bir özellik daha var. Uygulamanın en başında hatırlarsanız pencereyi transparent yapmıştık sadece video ekran olarak görünsün diye. Fakat böyle yapınca kullanıcı videoyu kapatmak istediğinde aşağıdaki sekmesnden sağ tıklayıp kapat demek zorunda kalıyor. Bunun için video ekranının sağ üst köşesine kapatmak için kullanılan klasik “x” sembolünü koyalım. Soldaki menüden text toolu kullanarak x harfini videonun sağ üst köşesine yazalım. Aşağıdaki text özellik penceresinden çarpı işaretinizin rengini ve yazı tipini istediğiniz gibi değiştirebilirsiniz. Daha sonra “x”in üzerine sağ tıklayıp break apart diyin ve text yerine bir sembole dönüştürmek için gene sağ tıklayıp convert to symbol diyin. Böyle yaparak başta text olarak oluşturduğumuz bir ifadeyi video penceresini kapatmak için kullanacağımız bir butona dönüştürüyoruz. Oluşturduğumuz bu movie clipin ismine ben “kapat” adını verdim ve aşagıdaki properties penceresinden de instance name ine kapat yazdım. Şimdi actions panelini açalım ve x butonumuza tıklandığında video penceresinin kapanmasını sağlayalım. Actions paneline daha önce pencereyi sürükleyebilmek için kod yazmıştık şimdi buna bir de pencereyi kapatmak için ek yapacağız.

video.addEventListener(MouseEvent.MOUSE_DOWN, dragMe); kapat.addEventListener(MouseEvent.MOUSE_DOWN, closeMe);   function dragMe(e:MouseEvent):void {      stage.window.startMove(); }   function closeMe(e:MouseEvent):void {      stage.window.close(); }

Böylelikle video uygulamamızı asgari özellikleri vererek tamamlamış olduk. Şimdi uygulamamızı paketleyelim ve bir air dosyası haline getirelim. Yukarıdaki menüden Command/ AIR- Application and Package Settings seçeneğini açın. Açılan pencerenin en altında included files kutusunu göreceksiniz. Burada uygulamamız için gereken iki dosyanın adı var, biri video.swf diğeri video-app.xml şeklinde. Bunlar uygulamamızın çalışması için gereken iki dosya. Paketlememizi yapmadan bunların arasına bir de video için kullandığımız playerın arayüzünü de eklemeyi unutmamalıyız. Kutunun üzerindeki artı sembolüne tıklayın ve uygulamanızı en başta bilgisayarınızda nereye kaydettiyseniz orada kullandığınız skinin adını taşıyan .swf uzantılı bir dosya göreceksiniz onu ekleyin. Paketlenmeye hazır dosyalarınız şöyle olacak:

Artık package diyerek air uygulamamızı yaratmış oluyoruz. Uygulamayı kaydettiğiniz yerde video.air isminde .air uzantılı uygulamanızı görebilirsiniz. İlk AIR uygulamamızı da böylelikle tamamlamış olduk. İsterseniz farklı air uygulamalarına bakıp kodlarını görmek isterseniz http://www.webresourcesdepot.com/10-adobe-air-must-see-applications/  adresinde 10 tane air uygulaması geliştirip koymuşlar fikir olması açısından bakmanızı tavsiye ederim. Herkese kolay gelsin.

Java ile kolay bir kalıtım örneği yapalım. Car isminde bir arabanın sahip olabileceği temel özelliklere sahip bir ana class yaratalım ve bu classtan kalıtımla türettiğimiz özelleşmiş arabalar oluşturalım. Öncelikle Car classımızı yazalım. Temel olarak bir arabaya hız, fiyat ve renk özelliklerini kazandıralım.

public class Car {

    int speed;

    double regularPrice;

    String color;

//constructorda bu değerleri initialize edelim

    public Car(int speed,double regularPrice,String color){

        this.speed=speed;

        this.regularPrice=regularPrice;

        this.color=color;

    }

//main fonksiyonunda arabanın fiyatına erişebileceğimiz bir metod yazalım

    public double getSalePrice(){ return regularPrice; }

}

Daha sonra bu classtan türetilmiş kendi içinde farklı özellikleri olan farklı arabalar (subclasslar) üretelim.

Bir tane Car classını kalıtımla alan Sedan tipinde araba classı üretelim. Bu araba tipinde temel araba özelliklerinin yanında bir de uzunluğunu belirleyebilelim ve sedanın fiyatını, uzunluğu 20den büyükse 5% indirimli değilse %10 indirimli hale getirelim.

//kalıtım yapmak için extends ifadesini kullanıyoruz

public class Sedan extends Car{

    int length;

//constructorda sedanın özellikleri belirlensin

    Sedan(int speed,double regularPrice,String color,int l){

         //super ifadesiyle ana classtaki değişkenlere erişebiliyoruz

        super(speed,regularPrice,color);

        this.length=l;

    }

//fiyatı uzunluğa göre belirleyen get metodu yazalım

//dikkat ederseniz burada ana classtakiyle aynı isimde getSalePrice metodu yazdık

// override yapıyoruz

    public double  getSalePrice (){

        if(length>20){

            return super.getSalePrice()-super.getSalePrice()*5/100;

        }

        else{

            return super.getSalePrice()-super.getSalePrice()*10/100;

        }

    }

}

Şimdi gene Car ana classımızdan türeyen Ford isimli bir araba üretelim. Burada arabanın özelliklerine ek olarak Ford marka arabamızın yaşını ve fiyat indirimini de ekleyelim.

public class Ford extends Car{

    int year;

    int manufacturerDiscount;

//constructorda özellikleri initialize edelim

    Ford(int speed,double regularPrice,String color,int year,int manufacturerDiscount){

        super(speed,regularPrice,color);

        this.year=year;

        this.manufacturerDiscount=manufacturerDiscount;

    }

//override ile getSalePrice metodunda Fordun indirimli fiyatını verelim

    public double getSalePrice(){

        return super.getSalePrice()-this.manufacturerDiscount;

    }

}

Bir de gene Car classından türeyen bir kamyon (Truck) üretelim. Burada ek olarak ağırlık özelliğini de verelim ve ağırlığı 2000kg dan büyükse %10, farklıysa %20 indirimli fiyat indirimi yaptıralım.

public class Truck extends Car{

    int weight;

//constructorda değerleri initialize ediyoruz

    Truck(int speed,double regularPrice,String color,int weight){

        super(speed,regularPrice,color);

        this.weight=weight;

    }

//override ile getSalePrice metoduna kamyonun ağırlığına göre indirim yaptırıyoruz

    public double getSalePrice(){

        if(weight>2000){

            return super.getSalePrice()-super.getSalePrice()*10/100;

        }

        else{

            return super.getSalePrice()-super.getSalePrice()*20/100;

        }

    }

}

Şimdi de main classta türettiğimiz bu arabaları kullanalım. Oluşturduğumuz bu araba tiplerinin nesnelerini oluşturarak fiyatlarını alalım.

public static void main(String[] args) {

        Sedan MySedan=new Sedan(230,1200.50,”red”,20);

        Ford MyFord1=new Ford(180,1000.90,”black”,2008,100);

        Ford MyFord2=new Ford(200,1300.90,”grey”,2009,50);

        Car MyCar=new Car(100,999.99,”white”);

        System.out.println(MySedan.getSalePrice());

        System.out.println(MyFord1.getSalePrice());

        System.out.println(MyFord2.getSalePrice());

        System.out.println(MyCar.getSalePrice());

    }

Programı run ettiğimizde

1080.45

900.9

1250.9

999.99

Sonuçları geldi. Görüldüğü gibi her bir arabanın fiyatı kendi tipine, özelliklerine göre değişmiş oldu.

MDI formlarda child formun iki kere açılmasını önlemek için singleton tasarım desenini kullanacağız. MDI form olarak tanımlanmış formumuz Form1 olsun. Bunun içinde açacağımız child form ise Form2 olsun. Form1de herhangi bir şekilde Form2 çağrıldığında sadece bir tane instance oluşturarak bir tane açılmasını istiyorum. Bunun için Form2nin classına şu kodu yazalım.

if (myform == null) yazmamız burada çok önemli. Form2nin sadece bir tane nesnesi oluşturulsun istiyoruz ve bu nesne daha önce oluşturulmamışsa yani null ise oluştur diyoruz. Bu şekilde buraya singleton desenini uyguladık. Daha sonra Form1 den bir buton eventından veya buna benzer herkangi bir şeyden Form2 yi çağırırken şu kodu yazıyoruz.

Form2nin nesnesini oluştururken new Form2() diye değil de Form2.Myform() diye oluşturduk buna dikkat edelim. En son olarak da Form2nin kapanış eventına bi kod cümlesi daha eklememiz gerekiyor.

Bunu yazmazsak nesnesini oluşturup açtığımız Form2yi kapatıp tekrar açmak istediğimizde bir hatayla karşılaşırız. Bunu engellemek için bu cümleciği yazıyoruz. Nedeni form nesnemizi bir kere oluşturabilmek üzere oluşturduk ve bunun için “nesne null ise yarat” dedik. Bu yüzden nesneyi null yapmadan tekrardan oluşturamayız. Dolayısıyla form kapatılırken nesneye null değerini atıyoruz ki istediğimizde Form2yi tekrardan yaratabilelim.

Adını son zamanlarda sıklıkla duymaya başladığımız tasarım desenleri nedir, ne işe yarar? Tasarım desenleri bir yazılım problemini çözmek için geliştirilmiş çeşitli çözüm yollarıdır. Zaman içersinde pek çok uygulamada karşılaşılan sorunlara yazılımcılar farklı çözümler geliştirmek durumunda kaldılar. Bunlardan bazıları işe yaramazken bazıları oldukça işe yaradı ve yazılımcılar bu işe yarayan yöntemleri geliştirdikleri başka uygulamalarda da kullandılar. En iyi yöntemler haklı olarak yazılımcılar tarafından daha çok tutuldu ve benzer uygulamalarda en etkin sonucu verdiği için bunlar kullanıldı. Nesne yönelimli programlama mantığına uygun geliştirilen bu yöntemler sık karşılaşılan sorunları çözmede en etkin yol olduğu için yazılım mühendisliğinde önemli bir olgu oldu.

Nesne yönelimli programlamada classların diğer classlara en az bağımlı olması gerekir. Programa yeni bir şey ekleneceğinde kodun iyi anlaşılabilmesi ve rahat genişletilebilir olması yani esnek olması gerekir. İşte bu durumları uygulayabilmek için tasarım desenlerini kullanırız ve yazılımın kalitesini artırırız.

Yazılımcılar en çok kullanılan ve en etkin yöntemlere isimler verdiler. Bu yüzden aynı yöntemi kaynaklarda pek çok farklı isimle görebilmek mümkündü. 1994 yılında ise, Gang of Four (dörtlü çete) olarak tanınan “Erich Gamma”, “Richard Helm”, “Ralph Johnson”, ve “John Vlissides” isimli yazarlar “Design Patterns: Elements of Reusable Object-Oriented Software” adlı kitabı yazdılar ve bu en yaygın olarak kullanılan 23 deseni en çok kullanılan isimleriyle bu kitapta topladılar. Bunlar:

1-      Kurucu Desenler:

-          Abstract Factory

-          Builder

-          Factory Method

-          Prototype

-          Singleton

2-      Yapısal Desenler:

-          Adapter

-          Bridge

-          Composite

-          Decorator

-          Facade

-          Flyweight

-          Proxy

3-      Davranışsal Desenler:

-          Chain of Responsibility

-          Command

-          Interpreter

-          Iterator

-          Mediator

-          Memento

-          Observer

-          State

-          Strategy

-          Template Method

-          Visitor

Sonraki yazılarımda bu desenlerin ne olduğuna ve hangi durumlarda kullanıldıklarına değineceğim. İyi çalışmalar.

Merhaba arkadaşlar, bu yazıda oda oyunumuza devam edeceğiz. Önceki yazıda ilk odayı tamamlamıştık şimdi de ikinci odaya geçiyoruz.

Öncelikle odanın senaryosunu düşünelim. İlk odada başlangıç olduğu için basit bir senaryo kurgulamıştık. Tablonun üstüne tıklandığında arkasından anahtar çıkıyordu ve bu anahtarla odadan çıkabiliyorduk. Şimdiki odamızda ise biraz daha fazla aşamalı bir senaryo kurgulayalım. Mesela odaya bir numeratör koyalım 5 haneli şifre doğru girildiğinde anahtarı elde edebilelim. Tabi oyuncunun doğru şifreyi butonlara rastgele tıklayarak bulmasını istemek büyük haksızlık olacaktır çünkü 3024 olasılıktan doğru olanı bulması samanlıkta iğne aramaya benzer ve hiçbir oyuncu bu zahmete katlanamaz oyunu kapatır ve başka bir oyuna geçer. Bu yüzden oyuncuya bir ipucu vermemiz gerekiyor. Bu ipucuyu bir bilgisayar ekranında gösterebiliriz mesela. Bu durumda senaryoyu şöyle kurgulayalım. Odada bir kitaplık, masaüstü bir bilgisayar ve numeratörümüz olsun. Kitaplığın bir rafına gizli bir CD koyalım. Oyuncu bu CDyi bulursa bilgisayara taksın ve ekranda şifre belirsin. Doğru şifreyi numeratöre girsin ve anahtarı elde etsin, odadan çıkmayı başarsın. Senaryoyu hallettiğimize göre şimdi odanın tasarımına gelelim.

Bir önceki yazıda da odaya koyacağınız eşya resimlerini internetten hazır bulabilirsiniz veya uygun oda resimlerinden dilediğiniz objeyi kesip kullanabilirsiniz diye bahsetmiştim. Kafanızdaki senaryoyu işletebileceğiniz resimler olması şimdilik yeterli. İlerde daha ciddi işler yaparsanız objelerin tasarımını zaten grafiker arkadaşlar yapacaktır. Önceki odamız kırmızıydı bu odayı da yeşil oda yapıyorum. Odaya bir derinlik kazandırmak için çizgi toolunun yardımıyla odayı 3 boyutlu hale getiriyorum. Sonra da eşyaları yerleştiriyorum.

Eşyalarımızı koyduk şimdi numeratörü nasıl yaptık ayrıca bir bakalım. Butonları yapmak için kare çizme toolunu kullanarak küçük kareler çizelim ve her birinin üstüne rakamları yazalım.

Bu küçük kareleri buton olarak kullanabilmemiz için onları nesnelere dönüştürmemiz gerekiyor. Bunun için üzerine sağ tıklayıp convert to symbol diyelim ve “button” olarak tanımlayalım. Bunu her biri için tek tek yapın ve hepsine isim verin. Ben burada No1Mov, No2Mov diye isimlendiriyorum.

Daha sonra bilgisayar ekranının moviesini hazırlayalım. CDyi takınca ekranda şifre belirsin demiştik. Yani ilk framede ekranda şifre olmayan ekran, ikinci framede şifreli ekran görünecek. Bunun için bilgisayar resmine tıklayın, üstteki movie çubuğunda ikinci framee sağ tıklayıp insert keyframe deyin ve aynı resmin ekranında şifre olanını koyun.

Aynı şekilde kapı için de bir movie hazırlayın. Anahtarla açıldıktan sonra açık kapı resminin gelmesi için aynı şekilde ikinci framee insert key frame deyip açık kapı resmini koyun.

Şimdi oyunun kodlamasına geçebiliriz. Önceki yazıda ilk odanın kodlarını yazmıştık, kaldığımız yerden devam edeceğiz. Kaldığımız yer tam ikinci odaya geçen eventtı.

room1.kapi1Mov.addEventListener(MouseEvent.CLICK, Oda2yeGir);

Buradaki Oda2yeGir eventından devam edelim. Öncelikle yeni kullanacağımız değişkenleri yukarıdaki öncekilerinin altına ekleyelim. Doğru şifreyi 12345 olarak yazacağım.

var room2:oda2; var Oda2Anahtar:key1; var numaraArray:Array; var numaraButArray:Array; //12345 şifresini arraye atıyorum en son kıyaslama yapmak için var gercekNumaralar:Array = new Array(1, 2, 3, 4, 5);

Oda2yeGir fonksiyonuna geçelim.

function Oda2yeGir(e:MouseEvent) {             //room2 nesnesini oluşturalım bunu koyup room1i çıkaralım             room2 = new oda2();             addChild(room2);             removeChild(room1);             //kitaplık tıklama eventı             room2.kitaplikMov.addEventListener(MouseEvent.CLICK, KitaplikTikla);                                             //bir array tanımlayalım ve butonları bu arraye atayalım             numaraButArray = new Array(room2.No1Mov, room2.No2Mov, room2.No3Mov                                                              , room2.No4Mov, room2.No5Mov, room2.No6Mov                                                              , room2.No7Mov, room2.No8Mov, room2.No9Mov);                                                numaraArray = new Array();             //butonların eventlarını tanımlyalım             room2.No1Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No2Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No3Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No4Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No5Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No6Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No7Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No8Mov.addEventListener(MouseEvent.CLICK, noClick);             room2.No9Mov.addEventListener(MouseEvent.CLICK, noClick); } //butonların tıklanma fonksiyonunu yazalım   function noClick(e:MouseEvent) {              //o an hangi butona tıklandıysa onu int bi degiskene atayalım             /*1 fazlasını alıyoruz cunku kaçıncı buton olduğunu arrayden alıyoruz ve array 0 indexinden başladığı için 1 ekliyoruz*/             var kacinciBut:int = numaraButArray.indexOf(e.target) + 1;             //şifremiz 5 haneli olsun             if(numaraArray.length < 5)             {                        //tıklanan buton 5 taneyse numaraArraye sırayla eklensin                         numaraArray.push(kacinciBut);             }             /*tıklanan buton 5ten fazla olduğunda butonları kaydırmamız gerekiyor burada queue*** yapısını kullanacagız*/             else             {                         numaraArray.push(kacinciBut);                         //kaydırma için gecici bir array olustur                         var tempArray:Array = new Array();                         //5 numarayı kaydır ilk girileni çıkar son geleni sona ekle                         for(var j:int = 0; j<5; j++)                         {                                    tempArray[j] = numaraArray[numaraArray.length - 5 + j];                         }                         //yeni diziyi tekrardan numaraArraye aktar                         numaraArray = tempArray;                                                   }                         //simdi sifre dogru mu degil mi onu kontrol edecegiz             var yanlis:Boolean = false;             //tıklanan 5 rakamı tek tek kontrol et             for(var m:int = 0; m<5; m++)             {                         if(numaraArray [m] != gercekNumaralar[m])                                    {                                                yanlis = true;                                    }             }             //sifre dogruysa anahtar nesnesini olustur ve inventoryde göster             if(!yanlis)             {                         room2.Oda2Anahtar = new key1();                         room2.Oda2Anahtar.x = room2.invMov.x + 45;                         room2.Oda2Anahtar.y = room2.invMov.y + 15;                         room2.addChild(room2.Oda2Anahtar);                         //anahtarın sürüklenip bırakılma eventını yaz                         room2.Oda2Anahtar.addEventListener(MouseEvent.MOUSE_DOWN, Oda2KeyDragStarter);                         room2.Oda2Anahtar.addEventListener(MouseEvent.MOUSE_UP, Oda2KeyDragStopper);                                                            } } //anahtarı sürükleme eventı function Oda2KeyDragStarter(e:MouseEvent) {            room2.Oda2Anahtar.startDrag();                              } //anahtarın bırakılma eventı    function Oda2KeyDragStopper(e:MouseEvent) {            //kapının kilidinin oldugu yerin koordinatları bende (70,255) ve boyutu 43×43             if(room2.Oda2Anahtar.x > 70 && room2.Oda2Anahtar.x < 70+43 &&                 room2.Oda2Anahtar.y > 255 && room2.Oda2Anahtar.y < 255+43)             {                        //bu sınırlar içindeyse kapıyı aç                         room2.Oda2Anahtar.stopDrag();                                                                  room2.Oda2KapiMov.gotoAndStop(2);                                                      }             else             {                        //kilidin koordinatları içinde degilse anahtarı inventorye geri koy                         room2.Oda2Anahtar.stopDrag();                                                                        room2.Oda2Anahtar.x = room2.invMov.x + 45;                         room2.Oda2Anahtar.y = room2.invMov.y + 15;             } } //kitaplık fonksiyonunu yazalım function KitaplikTikla(e:MouseEvent) {             //dogru yere tıklanırsa cdyi inventorye ekle             room2.oda2cdMov.x = room1.env.x + 5;             room2.oda2cdMov.y = room1.env.y + 15;             room2.oda2cdMov.addEventListener(MouseEvent.MOUSE_DOWN, CddragStarter);             room2.oda2cdMov.addEventListener(MouseEvent.MOUSE_UP, CddragStopper); } //cdnin sürükle bırak eventları function CddragStarter(e:MouseEvent):void {            room2.oda2cdMov.startDrag();                                 }                                    function CddragStopper(e:MouseEvent):void {             //bilgisayarın koordinatları bende (250,250) ve boyutları 160×166             if(room2.oda2cdMov.x > 250 && room2.oda2cdMov.x < 410 &&                  room2.oda2cdMov.y > 250 && room2.oda2cdMov.y < 416)             {                         //eger koordinatlar icine konursa sifreli ekranı göster                         room2.oda2cdMov.stopDrag();                                                                        room2.Oda2MasaMov.gotoAndStop(2);                         room2.removeChild(room2.oda2cdMov);                                                               }             else             {                        //koordinatlar içinde degilse inventorye geri koy                         room2.oda2cdMov.stopDrag();                                                                        room2.oda2cdMov.x = room1.env.x + 5;                         room2.oda2cdMov.y = room1.env.y + 15;             }                                    }

***: numeratörde 5 haneli sifreyi alırken queue yapısını kullandım. Queuede ilk giren ilk çıkar (FIFO) mantığı vardır.

İkinci odamızı da tamamlamış olduk. Bunlar gibi kendiniz senaryolar oluşturarak kaldığımız yerden sonraki odalara geçebilirsiniz. Kolay gelsin.

Bu yazımda çoğunlukla internette oynanan oda oyunlarına örnek bir oyun anlatacağım. Tasarımını flashla ve yazımını actionscript3 le yapacağız. Oda oyunları nasıl bir şeydir ve bizimkinin mantığı ne olacak önce o konu hakkında bir bilgi vereyim.

Oda oyununda asıl mantık girilen odadaki eşyaların arasından gizli nesneleri bulup, hatta bu nesneler odadan çıkmana yardımcı olacak nesneler de olabilir, biriktirerek oda oda ilerlemektir. Her odanın kendine göre bir senaryosu vardır, bu senaryoya göre nesneleri bulup ilerlersiniz. Bunun birçok profesyonel örneğini internetteki oyunlar arasından bulabilirsiniz. Bizim oyunumuz ise bu oyunlara göre senaryosu daha basit olan bir oyun olacak. Tasarımdan biraz daha çok yazılım kısmına ağırlık vereceğiz. Çünkü profesyonel oyunlar büyük ekiplerle hazırlanır. Oyunun tasarımını yapan bir grafik tasarımcısı olur, senaryosunu yazan, müziklerini hazırlayan başka biri ve kodlarını yazan başka biri olur. Bunu daha alt birimlere ayırıp artırmak da mümkün.

Kendi oyunumuza dönecek olursak, ilk odayı giriş ve ısınmak amaçlı biraz basit hazırlayacağız. İlk senaryoda birçok eşya olan bir odaya gireceğiz. Eşyaların arkasında bize odadan çıkmak için gereken nesneleri arayacağız. Odadan çıkmak için bize gereken nesne bir anahtar. Bu anahtarı bulduğumuzda kapıyı açıp ilk odadan ikinci odaya geçiyoruz.

Öncelikle ilk odanın tasarımını yapalım. Odanın ne şekil aldığını oturttuktan sonra kodlarını yazabiliriz. Bir klasör açın ve içine bir flash dosyası ve bir actionscript3 dosyası açın. İsimleri aynı olsun. Ben “odadanKurtul” ismini verdim. Flash dosyasını açalım ve tasarımına başlayalım. Document class yazan yere de odadanKurtul yazmayı unutmayın. İlk oda “kırmızı oda” olsun. Bunun için açılan boş alanı kırmızıya boyuyorum ve bir oda derinliği ve izlenimi vermek için çizgi toolunun yardımıyla odaya derinlik veriyorum. Sıra eşyaları koymaya geldi. Eşyaları kendiniz çizebilirsiniz ama tasarım kısmıyla çok oyalanmayıp biraz kolaya kaçmak istiyorsanız benim gibi internetten eşya resimleri bulabilirsiniz. Ben odamı şöyle dizayn ettim.

Senaryosunu ise, ilk oda olduğu için basit bir şey düşündüm. Kapıyı açmak için oyuncunun bulması gereken anahtar tablonun arkasında duruyor. Oyuncu tabloya tıklarsa tablo yana dönecek ve arkasındaki anahtar gözükecek. Anahtarı alan oyuncu, kapıyı anahtarla açıp odadan çıkabilecek. Bunun için öncelikle flashta tablomuzun yana dönme moviesini hazırlayalım.

Resmi seçelim, üstteki movie çubuğunda resmin ikinci frameine gelelim ve sağ tıklayarak insert keyframe diyelim. Sonra da soldaki toolboxtan üçüncü sıradaki free transform toolunu seçin. Resmin sol üst köşesi sabit kalsın ve resmi aşağı doğru çevirelim istiyoruz. Bunun için resmin ortasında beliren yuvarlağı resmin sol üst köşesine taşıyın, böyle yaparak resmin sol üst köşesini sabitliyoruz. Resmin sağ alt kısmına geldiğinizde bir çevirme simgesi göreceksiniz. Resmi aşağı doğru çevirin. Tam bu sırada tablonun arkasına gelecek şekilde anahtarı buraya koyun. Bu şekilde tabloyu aşağı kaydırma moviesini tamamlamış olduk.

Tablo gibi aynı şekilde kapı için de bu yöntemi kullanarak bir açılma görüntüsü verip moviesini hazırlayın.

Bir de odada bulduğumuz nesneler gözümüzün önünde olsun diye bunları koymak için sağ alt köşeye kare çizme tooluyla bir inventory kutucuğu çizelim.

Bu arada odadaki bazı eşyaları yani odayı, kapıyı, tabloyu, anahtarı ve inventory kutusunu kod kısmında kullanacağız bunun için bu öğelerin üstüne sağ tıklayıp convert to symbol deyin ve birer isim verin. Bu şekilde bu nesnelere actionscriptle erişebileceğiz. Ben bu ilk odamıza room1, kapıya kapi1Mov, tabloya tabloMov, inventory kutusuna env ve anahtara keyMov isimlerini verdim, kod kısmında bunları bu isimlerle kullanacağım.

Şimdi kod kısmına geçelim ve kafamızdaki senaryoyu adım adım koda dökelim. Önce tabloya tıklandığında çağrılacak movie eventının kodunu yazalım. Uygulanan eventlar birbirine bağlı ve iç içe olduğundan birinden diğerine geçeceğiz.

En son odadan çıkmadan önceki son ekran görüntüsü şöyle olacak:

Bir sonraki yazıda diğer odaya geçeceğiz. İkinci oda daha farklı, bizi biraz daha uğraştıracak bir senaryo olacak. Herkese kolay gelsin.

AS3ten, .NET veya php de olabilir, webserviceler aracılığıyla bağlanmak için şöyle bir fonksiyon kullanıyoruz. Diyelim ki ben asp.net projeme bağlanmak istiyorum. Bunun için bağlantı yoluna .asmx uzantılı dosyamdaki bağlanmak istediğim webmethodun adını yazıyorum.

function sendService (id,cmd,args)

{

            //bağlantı yolu

            var scriptRequest:URLRequest = new URLRequest(“http://localhost:81/ws.asmx/sendCMD”);

            var scriptLoader:URLLoader = new URLLoader();

            var Vars:URLVariables = new URLVariables();

            scriptLoader.addEventListener(Event.COMPLETE, handleLoadSuccessful);

            scriptLoader.addEventListener(IOErrorEvent.IO_ERROR, handleLoadError);

            //methoda gönderecegimiz parametreler                  

            Vars.to =id;

            Vars.cmd=cmd;

            Vars.args=args;

//post olarak gönderiyoruz veri alacaksak get kullanıyoruz             

            scriptRequest.method = URLRequestMethod.POST;

            scriptRequest.data = Vars;

            scriptLoader.load(scriptRequest);

            function handleLoadSuccessful(e:Event):void

            {

                         trace(“mesaj gönderildi.”);

                        //eger kullandıgınız method bir şey döndürüyorsa bunu kullanmak için söyle yazın

                         trace(e.target.data);

            }

            function handleLoadError(e:IOErrorEvent):void

            {

                         trace(“mesaj gönderilemedi.”);

            }

}

AS nin mantığını iyice öğrenebilmek için basit bir oyun yazmakla işe başlayabilirsiniz. Bunun için örnek olarak Action Script 3.0 ve flash kullanarak bir oyun hazırlayacağız. Oyunumuz şöyle olsun: karelerden oluşan bir platform çizelim ve oyuncu, bu platform üzerinde gizleyeceğimiz bir kareyi kendi koyduğumuz belli zaman dilimi içersinde platforma tıklayarak bulmaya çalışsın. Bulduğunda bir üst levela geçsin ve bir üst levelda gizlediğimiz bu kare bir önceki levela göre daha küçük olsun. Öncelikle platformumuzun ve gizleyeceğimiz karenin çiziminden başlayalım. Bir flash dosyası açıp ekrana soldaki menüden çizgi çizme kısayolunun yardımıyla aralıkları sabit 45×45 olan kareler çizelim. Platformumuzun görüntüsü şöyle olacak:

Daha sonra platformda bulmaya çalışacağımız 45×45 boyutundaki gizli kareyi çizelim. Bu karenin gizli olmasını istediğimiz için alphasını 0 yaparak görünmez hale getirelim. Bu çizdiğimiz iki nesneyi de, platform ve gizli kareyi, action script kısmında bir class olarak tanımlayıp kullanabilmek için “convert to symbol” seçeneğiyle movie clip haline getirelim. Ben burada oluşturduğum bu karenin ismini “kare” yaptım, kodda kullanırken bu isimle çağıracağız. Bir de oyunda gizli kare bulunduğunda ekranda level tamamlandığı için bir atraksiyon yapalım, mesela bir anda büyüyen kırmızı bir balon olsun. Bunun için 15sn süren bir movie hazırlayalım. 1. snye soldaki menüden daire kısayoluyla şekli çizelim ve boyutunu olabilecek en küçük hale getirelim. 15.snye de istediğimiz boyutta aynı daireden çizelim ve 1-15 sn arasını seçerek create motion tween diyelim. Hazırladığım bu ufak efekte “success” ismini verdim kod kısmında bu isimle çağıracağım. Bu şekilde oyunumuzun tasarım kısmı tamamlanmış oldu.

Şimdi de oyunumuzun kod kısmına bakalım. Öncelikle kullanacağımız özelliklere ve eventlara göre kodun çalışması için gereken classları çağıralım, gerekli değişkenleri tanımlayalım ve ardından “kareler” ismini verdiğimiz classın constructorını yazalım. İçine kullanacağımız fonksiyonları tek tek tanımlayalım ve ardından fonksiyonları yazalım.

package {                 import flash.display.Sprite;                 import flash.display.MovieClip;                 import flash.text.TextField;                 import flash.utils.*;                 import flash.events.MouseEvent;                 import flash.events.TimerEvent;                                 public class kareler extends Sprite                 {                                var karemiz:kare;                                var currentFrame:int = 1;                                var countdownTimer:Timer;                                var kacSaniyeGecmis:int = 0;                                var countdownTimer2:Timer;                                var tField1:TextField;                                var tField2:TextField;                                var tField3:TextField;                                var level:int = 1;                                                               var now:Date;                                var endTime:Number;                                var j:int = 6;                                                               var bitti:Boolean = false;                                var timerBitti:Boolean = true;                                                               public function kareler()                               {                                                //gizli kareyi oluştur karemiz = new kare();                                                //ekrana ekle                                                addChild(karemiz);                                                //kullanacagımız fonksiyonları sırasıyla cagır                                                init();                                                timer();                                                imgClick();                                }                                                                                              function init()                                {                                                                                               var rand:Number = Math.random();   //gizli karenin yerini random ayarla                                                var degerx:int = rand * 450;                                                                                      var bolumx:int = int(degerx/45);                                                var xpos:int = bolumx*45;                                                karemiz.x = xpos;                                                                                               var degery:int = rand * 355;                                                var bolumy:int = int(degery/45);                                                var ypos:int = bolumy*45;                                                karemiz.y = ypos;                                                //x ve y koordinatlarını random olusturduk                                                 }                                                               function timer()                                {                                                                                               countdownTimer = new Timer(1000);  //her 1 snde                                                countdownTimer.addEventListener(TimerEvent.TIMER, updateTime);                                                now = new Date();                                                endTime = now.getTime() + 15*1000;                                                  kacSaniyeGecmis = 0;                                                j = 6;                      //karenin boyutu icin                                                karemiz.width = 45*j;                                                karemiz.height = 45*j;                                                                                               bitti = false;                                                countdownTimer.start();                                }                                                                               function updateTime(event:TimerEvent):void                                                {                                                                kacSaniyeGecmis++;                                                                                                                               var gecenZaman:Number = now.getTime() + kacSaniyeGecmis*1000;                                                                                if(gecenZaman >= endTime)                                                                {                                                                               bitti = true;                                                                               tField2 = new TextField();                                                                              tField2.autoSize = “center”;                                                                               tField2.background = true;                                                                               tField2.border = true;                                                                               tField2.x = 200;                                                                               tField2.y = 230;                                                                               tField2.text = “GAME OVER!”;                                                                               addChild(tField2);                                                                               countdownTimer.stop();                                                                                                                                              }                                                                                               }                                                                                              function imgClick()                                {                                                karemiz.addEventListener(MouseEvent.CLICK,mouse);                                }                                                               function updateTime2(event:TimerEvent):void                                {                                                timerBitti = true;                                                                                               countdownTimer2.stop();                                                j–;                                                if(j==0)                                                {                                                                bitti = true;                                                           //alttaki contains kod parcacıgı level atlama yazısı cıktıgında ekranı dondurmak için                                                                if(contains(tField1))                                                                               removeChild(tField1);                                                                if(contains(tField2))                                                                               removeChild(tField2);                                                                                                                               tField3 = new TextField();                                                                tField3.autoSize = “center”;                                                               tField3.background = true;                                                                tField3.border = true;                                                                tField3.x = 200;                                                                tField3.y = 200;                                                                tField3.text = “KAZANDINIZ!”;                                                                addChild(tField3);                                                                countdownTimer.stop();                                                }                                                                                                                                                now = new Date();                                                endTime = now.getTime() + 15*1000;                                                kacSaniyeGecmis = 0;                                                init();                                                                                               bitti = false;                                                                                               karemiz.width = 45*j;                                                karemiz.height = 45*j;                                                                                                                                                                             if(contains(tField1))                                                                removeChild(tField1);                                                if(contains(tField2))                                                                removeChild(tField2);                                                                                                                               }                                                                private function mouse(event:MouseEvent):void                                {                                                if(!bitti && timerBitti)                                                                {                                                                    var bitisMov:success = new success();                                                                               bitisMov.x = 50;                                                                               bitisMov.y = 50;                                                                               this.addChild(bitisMov);                                                                                                                                                             if(tField1 != null)                                                                                               if(contains(tField1))                                                                                                               removeChild(tField1);                                                                                                                                                                                             tField1 = new TextField();                                                                              tField1.autoSize = “center”;                                                                               tField1.background = true;                                                                               tField1.border = true;                                                                               tField1.x = 200;                                                                               tField1.y = 200;                                                                              tField1.text = “BULUNDU!!”;                                                                                                                                                          addChild(tField1);                                                                               level++;                                                                               levelAtlaText();                                                                                                                                                             timerBitti = false;                                                                               countdownTimer2 = new Timer(1000);                                                                                countdownTimer2.addEventListener(TimerEvent.TIMER, updateTime2);                                                                               countdownTimer2.start();                                                                                                                                              }                                                                   }                    function levelAtlaText():void                    {                                if(tField2 != null)                                       if(contains(tField2))                                                removeChild(tField2);                                                                                                                                              tField2 = new TextField();                                tField2.autoSize = “center”;                                tField2.background = true;                                tField2.border = true;                                tField2.x = 200;                                tField2.y = 230;                                tField2.text = “LEVEL “+level;                                addChild(tField2);                                                                        }                   } }

Oyunumuzun görüntüsü şöyle olacak:

7 leveldan oluşan basit bir kareli platformda belirli bir süre içinde  her levelda küçülen gizli bir kareyi bulma oyunu yapmış olduk. Action scriptin mantığını öğrenmek için bununla başlayabilirsiniz. Kolay gelsin.

AS3te movie clip haline getirilmiş bir nesneyi sürükle bırak (drag n drop) yapmak için, öncelikle key ismini verdiğim movie clipi nesnesini oluşturuyorum.

MyKey = new key();

MyKey.x = 5;

MyKey.y = 15;

addChild(MyKey);

Ardından nesnemiz için sürükle bırak eventlarını tanımlıyorum.    

MyKey.addEventListener(MouseEvent.MOUSE_DOWN, dragStarter);

MyKey.addEventListener(MouseEvent.MOUSE_UP, dragStopper);

function dragStarter(e:MouseEvent)

{

           foundKey.startDrag();

}

Burada herhangi bir koordinat belirleyelim ve eğer nesne bu koordinatlar içerisinde bir yere sürüklendiyse bırakılmasını isteyelim.

function dragStopper(e:MouseEvent)

{

            if(MyKey.x > 180 && MyKey.x < 200 && MyKey.y > 100 && MyKey.y < 150)

            {

                        MyKey.stopDrag();

            }

}