OYUN MENÜSÜ. Şimdi size FIFA 07 oyununun, menü görüntüsünü sunuyorum:

Transkript

1 OYUN MENÜSÜ Oyun menüsü; herkesin bildiği gibi oyuna girmeye yarayan veya oyunun bazı ayarlarına ulaşılmasını sağlayan sisteme denir. Bunu yapmanın amacı ise; hem şık görünümlü bir oyun yaratmak, hem de oyunla ilgili daha çok detaya ulaşabilmektir. Bu detaylar ayarlar, ekstralar, çıkış, oyuna giriş vb. olabilir. Oyunlarda menü tasarımı grafik ve kod ile ilgilidir. Eğer ki kod yazmazsanız; menünün hiçbir işlevi olmaz. Eğer grafik tasarlamazsanız; kullanıcılar hiçbir şey göremez ve böylelikle menünün anlamı kalmaz. Menü olmadan oyun olur mu peki sizce? Tabi ki de olur. Çünkü isterseniz direk oyuna girdiğinizde, direk olarak oyuna giriş de yapabilirsiniz. Ama o zaman ayarlar gibi şeyleri yapma şansınız kalmaz. Şimdi size FIFA 07 oyununun, menü görüntüsünü sunuyorum: Burada gördüğünüz şunla olsa gerek: Bir arka plan resmi. Bir alt ve üst panel. Bir normal panel ve menü butonları. Son olarak da işaret butonları ve textler. Burada bunları görüyorsunuz. Bu menü biraz gelişmiş. Yani biz şu an bunu değil, daha klasiğini yapacağız. Bunun için, bu dersin yanında gelen; menu_00.c dosyasını açıp, inceleyelim: 1

2 #include <acknex.h> #include <default.c> ////////////////////////////////////////// BMAP* menu = "ana.pcx"; BMAP* imlec = "mouse.pcx"; ////////////////////////////////////////// function main() video_set(1024,768,16,2); screen_color.green=140; mouse_mode=4; mouse_map= imlec; / PANEL* pan_00 = pos_x=0; pos_y=0; bmap= "menu"; layer=1; button(350,300,mc2.pcx,mc.pcx,mc2.pcx,cal,null,null); button(350,500,c2.pcx,c.pcx,c2.pcx,quit,null,null); flags= VISIBLE OVERLAY; function cal() media_play("",null,100); function quit() while (key_any) wait (1); sys_exit(null); Burada gördüğünüz tüm ifadeleri, yavaş yavaş açıklayalım. Şimdi ilk olarak, en baştan başlıyoruz. Đlk kodumuz her kodda olması gereken include dur. Bu kodu şimdi inceleyelim: #include <acknex.h> #include <default.c> include: Dahil, içerir anlamını taşır. Lite-C de, bir koda başlamadan önce, o kodu ne içereceği yazılır. Đlk olarak kare işareti konur ve bu ifade yazılır. Daha sonra ise büyüktürküçüktür işaretinin içine, dahil olan dosyanın adı ve uzantısı yazılır. Her kod parçasından sonra karıştırmamak anlamıyla istediğiniz kadar eğik çizgi (/) işareti koyulur. Bunu yaparsanız sizin yararınıza olur. Bu include kodlarından sonra, sıra geldi ana fonksiyon koduna. Buradaki ana fonksiyon kodu ve elemanlarını inceleyelim: 2

3 BMAP* menu = "ana.pcx"; BMAP* imlec = "mouse.pcx"; ////////////////////////////////////////// function main() video_set(1024,768,16,2); screen_color.green=140; mouse_mode=4; mouse_map= imlec; Ama o da ne! Ana fonksiyon kodundan önce bir kod var. Bu nedir acaba? Hemen telaşa kapılmayın Bu sadece resim tanımlama kodu ve anlamı çok basit. BMAP: resim tanımlamak için kullanılan komuttur. Bu koddan sonra yıldız işareti konularak, herhangi bir isim yazılır. Bu isim Bitmap ın kodda yer alan ismi olur. Đstediğiniz bir isim yazdıktan sonra sıra gelir dosyayı tanımlamaya. Eşittir işaretinden sonra, iki tırnak içine dosyanın adı ve uzantısı yazılarak, noktalı virgül koyulur ve resim tanımlanmış olur. Ama dosyanın kod ile aynı klasörde olmasına dikkat edin. Bundan sonra ana fonksiyonu yazmaya geldi sıra. Zaten function main() in, ana fonksiyon anlamına geldiğini ve yukarıdaki gibi yazıldığını biliyoruz. Şimdi biz bu ana fonksiyonun alt terimlerini açıklayalım. video_set: Bu komut, koddaki ekran ile ilgili tüm ana ayarların yapılmasını sağlar. Parantez içindeki rakamların ne anlama geldiği ise sırasıyla şöyle yazılır: (Ekran Genişliği, Ekran Yüksekliği, Kaç BIT Olacağı, Ekran Tipi) Ekran Genişliği: Ana ekranın kaç pixel genişlikte olacağını açıklar. Ekran Yüksekliği: Ana ekranın kaç pixel yükseklikte olacağını açıklar. Kaç BIT Olacağı: Ekranın kaç BIT olacağını açıklar.(16, 32 vb.) Ekran Tipi: Ekranın pencere modunda mı, yoksa tam ekran mı olacağını açıklar. 1 Yazarsanız tam ekran olur. 2 Yazarsanız pencere modunda olur. Bu komut yazıldıktan sonra, iki parantez arasına bu terimlerin değerleri yazılır ve sonuna noktalı virgül koyularak, komut tamamlanır. screen_color: Bu komut ise ekran rengini belirler. Bundan sonra nokta koyulur ve hangi ana rengin yer alacağı yazılır. Kırmızı için red, yeşil için green, mavi için ise blue yazılır. Bunlar yazıldıktan sonra eşittir koyulur ve ne kadar değerde o rengin bulunacağı yazılır. Standart 150 dir. Her şeyden sonra noktalı virgül koyulur ve kod ile iş bitirilir. 3

4 mouse_mode: Bu komutun görevi birazcık farklıdır. Bununla, bir imleci butona tıklanabilir hale getirtebilirsin. Bunun için bu kodu yazman şart. Yoksa hiçbir şekilde butona tıklanamaz. Bunun için en standart yol; bu komut yazıldıktan sonra eşittir koyularak 4 rakamı yazılır. Standart olan rakam budur yani. Ondan sonra noktalı virgül ile kod sonlandırılır. mouse_map: Bu aslında daha çok tam ekranlarda işe yarar. Tam ekranda imleciniz gözükmez. Bunun için sizin yaptığınız bir imleci projeye koymanız gerekmektedir. Bunu yapmak için bu koda ihtiyacınız vardır. Yalnızca eşittir işareti koyarak, BMAP taki imleç resminin yazılı olduğu resmin ismi, buraya yazılır ve daha sonra her zamanki gibi noktalı virgül koyulur. Tabi hemen bu sadece tam ekranlarda geçerlidir sanmayın. Tüm modlarda geçerlidir. Ama en çok tam ekranlarda kullanılır. Çünkü tam ekranda imleç hiç gözükmez. Şimdi, asıl önemli olan panellere geçelim. Panel, oyunlardaki iki boyutlu özelliklerin çoğunu sağlayan komutlara denir. Panellerde genellikle butonlar, kaydırma çubukları ve sayı değişkenleri gibi şeyler vardır. Bir panelde bunları istediğiniz kadar kullanabilirsiniz. Şimdi ise oyunumuzdaki panele bakarak, paneldeki nesneleri ve panelin işlevlerini açıklayalım: / PANEL* pan_00 = pos_x=0; pos_y=0; bmap= "menu"; layer=1; button(350,300,mc2.pcx,mc.pcx,mc2.pcx,cal,null,null); button(350,500,c2.pcx,c.pcx,c2.pcx,quit,null,null); flags= VISIBLE OVERLAY; Çok görünüyor diye sakın korkmayın. Aslında burada çok kolay ifadeler var. Yalnız buton biraz kafanızı karıştırabilir. Ama o da o kadar zor değildir. Buradaki nesneleri yavaş yavaş açıklayalım: 4

5 Yukarıdaki resimde x ve y düzlemlerini görmektesiniz. Şimdi burada açıklayacak olduğum pos_x ve pos_y, aslında buna bağlı bir şeydir. Yani nesne dikey yönde itiliyorsa, bunu y düzlemi yapıyor demektir. Fakat yatay yönde itiliyorsa x düzlemi yapıyor demektir. Şimdi bundan yola çıkarak pos_x ve pos_y yi açıklayalım: pos_x: Bir panelin yatay yönde kaç pixel itileceği buraya yazılır. Bunun açılımı aslında position_x dir. Yani bu x pozisyonunda ne kadar itileceğini yazmamız anlamına gelir. Bu ifade yazıldıktan sonra eşittir işareti koyulur ve panelin yatay yönde kaç pixel itileceği yazılır. Ama bu itme mesafesi, ekranın büyüklüğünü geçerse, cismin azıcığı gözükür veya hiç gözükmez. pos_y: Bir panelin dikey yönde kaç pixel itileceği ise buraya yazılır. Bunun da işlevi pos_x ile aynıdır. Tek farklılığı dikey yön olmasıdır. bmap: Bu ise arka plana hangi resmin koyulacağıdır. Yani ilk olarak daha önce öğrendiğimiz gibi, projeye bir Birmap eklenir. Daha sonra ise bu Bitmap ın ismi buraya yazılır. Tabi bu isim iki tırnak işaretinin arasına yazılır. Artık bundan sonra noktalı virgül koymalısınız demeyeceğim. Çünkü bunu artık bir alışkanlık haline getirin. Çünkü tüm alt komutlarda noktalı virgül kullanılmaktadır. Bu Bitmap ın işlevi ise; panelin arka planını oluşturmaktır. Yani panelin büyüklüğü, koyulacak resmin büyüklüğüne bağlıdır. pos_x ve pos_y, işte bu Bitmap ı iter. Yani dolayısıyla, buraya koyulan resim, panelin ana resmidir. layer: Yukarıdaki resimde gördüğünüz gibi; mavi, sarının üstünde, sarı ise kırmızının üstündedir. Böyle durumlarda, hangi panelin üstün olduğunu belirtmek için layer kullanılır. Layer ın Türkçede karşılığı katman dır. En aşağıdaki katman 1 dir. Yani layer ı 1 olan bir panel, an altta olur. Daha fazlası ise en üstte görünür. Layer yazıldıktan sonra eşittir koyulur ve katman değeri yazılır. button: Đşte geldik en önemli menü elemanlarından biri olan butonlara. Butonlarda kafanız karışabilir demiştim. Ama bunu anlatarak halledebiliriz. Daha önce dediğimiz gibi buton, kaydırma çubukları vb. bir panelde birden fazla kullanılabilir. Şimdi butonların yapısını inceleyelim: buton(x_düzlemi, y_düzlemi, Tıklanmış Haldeki Resim, Tıklanmamış Haldeki Resim, Üstüne Gelinmiş Haldeki Resim, Tıklanmış Haldeki Fonksiyon, Tıklanmamış Haldeki Fonksiyon, Üstüne Gelinmiş Haldeki Fonksiyon) 5

6 x_düzlemi: Butonun panel içinden, x düzleminde kaç pixel itileceği yazılır. y_düzlemi: Butonun panel içinden, y düzleminde kaç pixel itileceği yazılır. Tıklanmış Haldeki Resim: Butona tıklandığında hangi resmin devreye girecekse o resmin adı ve uzantısı yazılır. Remi BMAP ta tanıtmaya gerek yoktur. Fakat resimlerin kod ile aynı klasörde bulunması gerekmektedir. Tıklanmamış Haldeki Resim: Butona tıklanmadığında hangi resmin devreye girecekse o resmin adı ve uzantısı yazılır. Remi BMAP ta tanıtmaya gerek yoktur. Fakat resimlerin kod ile aynı klasörde bulunması gerekmektedir. Üstüne Gelinmiş Haldeki Resim: Butonun üstüne gelindiğinde hangi resmin devreye girecekse o resmin adı ve uzantısı yazılır. Remi BMAP ta tanıtmaya gerek yoktur. Fakat resimlerin kod ile aynı klasörde bulunması gerekmektedir. Tıklanmış Haldeki Fonksiyon: Butona tıklandığında ne yapılması gerektiğini söyleyen fonksiyonun adı yazılır. Tıklanmamış Haldeki Fonksiyon: Butona tıklanmadığında ne yapılması gerektiğini söyleyen fonksiyonun adı yazılır. Üstüne Gelinmiş Haldeki Fonksiyon: Butonun üstüne gelindiğinde ne yapılması gerektiğini söyleyen fonksiyonun adı yazılır. Button yazısı yazıldıktan sonra, parantez içine, aralarına birer virgül koyarak bu değerler yazılır. Daha sonra noktalı virgül koyularak kod tamamlanır. Oraya yazdığım NULL u açıklayacağım şimdi size. NULL, boş anlamına gelir. Kümelerin içindeki komutların kümelerin içindeki değerlere, herhangi bir değer atanmak istenmiyorsa NULL yazılır. flags: Panelin içindeki resmin veya butonların özellikleriyle ilgili komutlar yazdıran ifadeye flags denir. Bundan sonra yazılacakları size şöyle bir açıklayayım: VISIBLE: Bazı yerlerde SHOW olarak geçer. Paneldeki resmi ve butonları görünür yapmak için bu komut kesinlikle gereklidir. Yani kıascası bu komut paneldeki her şeyi görünür yapar. OVERLAY: Bir Bitmap kesinlikle kare şeklindedir. Bu kare şeklindeki renkli kısımları bırakmak ve geriye kalana siyah (0,0,0) kısımları atmak amacıyla bu komut kullanılır. Bununla butondaki veya panelin ana resmindeki siyahlıkları şeffaf yapabilirsiniz. Yani panelin tüm siyah renklerini saydam yapar. Bu komutlar yazılırken aralarına kesinlikle işareti konulmalıdır. Birinci komut yazıldıktan sonra bir boşluk bırakılarak bu işaret koyulur. Daha sonra ise tekrar bir boşluk bırakarak, ikinci komut yazılır ve noktalı virgül de unutmadan konulur. Bu işareti Alt Gr + - tuşlarına basarak çıkarabilirsiniz. 6

7 Tüm bunlardan sonra sıra geldi butonun fonksiyonlarına. Şimdi buton 1 ve botun 2 nin, 2 ayrı fonksiyonu bulunmaktadır. Şimdi bunlara bir göz atalım: function cal() media_play("",null,100); function quit() while (key_any) wait (1); sys_exit(null); Şimdi ilk olarak cal fonksiyonunu eklemiştik. Bu fonksiyon ile MÜZĐĞĐ ÇAL butonuna tıkladığında, müzik çalması gerekiyor. Ama burada bir eksiklik var. Gelin media_play fonksiyonunu açıkladıktan sonra bu eksikliği söyleyelim: media_play: Bu komut ile ne zaman isterseniz o zaman istediğiniz bir müziği projenizde çalabilirsiniz. Şimdi gelin media_play komutunun alt elemanlarını inceleyelim: (Dosya Adı ve Uzantısı, Hedef, Ses) Dosya Adı ve Uzantısı: Đki tırnak işareti arasına, oynatılacak dosyanın adı ve uzantısı yazılır. Ama dosyanın kod ile beraber oluşuna dikkat edin. Hedef: Bu da oynatılacak şeyin hedefini belirtilir. (Burayı boş bıraksanız daha iyi olur.) Ses: Oynatılacak şeyin ses miktarını belirtir. (Max. 100) Tüm bunlar yazıldıktan sonra medya oynamaya başlar. Şimdi size eksiği söyleyeyim. Eksik olan şarkı. Yani siz bilgisayarınızdan bir şarkıyı buraya koyacaksınız. Đlk olarak bir şarkı seçip, onu kodun bulunduğu klasöre kopyalayın. Daha sonra ise şarkının adını kopyalayıp, uzantısını da öğrenin. En son olarak da, adını ve uzantısını belirtilen yere yazın. Şarkının sesleri kulağınıza geliyor olsa gerek Şimdi geldik en son fonksiyonumuza. Şimdi size çıkış fonksiyonu nasıl yapılır, onu göstereceğim. Şimdi size sys_exit komutunu açıklayayım. sys_exit: Sistemden çıkış anlamına gelir. Oyun veya yaptığınız çalışmadan çıkmaya yarar. Bu komut yazıldıktan sonra, iki komut arasına bir String yazmayacaksanız, oraya daha demin öğrendiğimiz NULL yazınız. Orayı boş bırakırsanız garip bir hata alırsınız. Daha sonra noktalı virgülü koyun ve projenizi bitirin. 7

8 Menü yapma dersimiz bu kadar arkadaşlar. Umarım size yararlı bir doküman hazırlamışımdır. Sitemizi ziyaret etmeyi sakın unutmayın. HEPĐNĐZE KOLAY GELSĐN HAZIRLAYAN: MUSTAFA YEMURAL ADRESLER: