Bunun için eski projemiz üzerinden devam ediyoruz ve önceki projemizi açıyoruz. Bu projemize daha önceden ayarladığımız yön butonları olarak kullandığımız ve boyutu ile transparan özellikli görselleri projemize ekliyoruz.

Daha önceki yazıda yaptığımız şekilde görselleri projemizin içindeki “Content” klasörüne ekliyoruz.

Görselleri ekrana uçak nesnemizi çizdirdiğimiz şekilde tekrardan çizdiriyoruz.

Yukarı da gördüğünüz gibi buton resmimizi ve konumunu oluşturup daha önceden deneyerek belirlediğim konumları ekliyorum.

Daha sonra ise tanımlamış olduğumuz buton görsellerine resimlerimizi “Initialize()” metodu içinde tanımlıyoruz.

En son olarak ta tanımlamış olduğumuz bu bilgiler doğrultusunda butonları ekrana çizdiriyoruz.

Evet gördüğünüz gibi butonları istediğim konumda ekrana çizdirmeyi başardık. Dediğim gibi buraya kadar olan kısım daha önce bahsettiğimiz XNA de Ekrana Resim Çizdirme kısmıyla birebir aynı.

Asıl iş şimdi başlıyor. İlk olarak butonlara bastığımızda uygulamamız da bunun algılanması ve buna bağlı olarak uçak görselinin hareketinin sağlanmasını yapmamız gerekecek.

“Update()” metodumuzun içine geliyoruz ve burada butonların alanlarını belirliyoruz. Çünkü biz bu buton alanlarına bastığımız zaman hareket işlemini gerçekleştirmesini istiyoruz.

Bildiğiniz gibi telefonumuz dokunmatik ekran olduğundan bizim ekranda parmağımızın temas ettiği yer ile butonların alanlarının aynı olup olmadığını kontrol etmemiz gerekiyor.

Bunu da “TouchLocation” ile dokunulan yerin koordinatlarını alır ve onun içinde de “Contains” ile dokunduğumuz yerin buton alanlarının içinde olup olmadığını kontrol ederiz. Eğer buton alanlarına temasımız olmuş ise uçak resmimizin konumunu değiştiriyoruz.

NOT: Bura da dikkat etmeniz gereken nokta biz uygulamayı dik şekilde yazdığımız için ve normal şartlar da ise uygulama da ekranın (0,0) noktasını emülatörü sola döndürdüğünüz haldeki sol üst köşenin olduğunu unutmayın !!!

En son olarak ta uygulama da resmimizin ekranın dışına çıkmasını engellemek için yaptığımız bir kontrol olacaktır. Resminde telefon gibi (0,0) noktası emülatörün sola döndürdüğünüz haldeki sol üst köşesidir.

Bu açıdan bakarsak;

• Uçak resmimizin Y koordinatı sıfırdan küçük olduğu zaman resmimiz ekranın sağ tarafından çıkacaktır. Bunun için Y koordinatı sıfırdan küçük olduğu zaman resmimizi devamlı sıfır koordinatında tutmamız gerekiyor.
• Birde uçak resminin Y koordinatı ekranın uzunluğundan büyük olduğu zamanı düşünürsek ki uçak tam ekranın sol tarafından çıktığı zaman her ikisininde Y koordinatları aynı olacaktır. Bu yüzden ekranın yüksekliğinden uçağımızın yüksekliğini çıkararak bu kontrolü sağlıyoruz ki uçağımız devamlı ekranda kalabilsin.

Yukarıda bahsettiğim önemli noktalara dikkat ederek ayarlamalarınızı yaptıktan sonra uçak görseli ne kadar butonlara basarsak basalım devamlı ekranımızda kalacaktır.

The post XNA de Resmi Hareket Ettirme appeared first on Yunus Emre Araç.

İlk olarak projemizi oluşturuyoruz.

Visual Studio 2012 yi açıyoruz ve oradan “New Project…” diyoruz.

Açılan ekrandan ise “XNA Game Studio 4.0″ ı ve oradan “Windows Phone Game (4.0)” ı seçiyoruz. Ben proje adını “XNAResimCizdirme” olarak yapıyorum ve burada isim size kalmıştır. En son olarak ise “OK” butonuna basarak projemizi oluşturuyoruz.

Projemiz açıldıktan sonra content kısmından kullanacağımız resmi projeye ekliyoruz. “XNAResimCizdirmeContent(Content)” kısmına sağ tıklıyoruz. Oradan “Add” diyoruz ve sonra da“Existing item…” e tıklıyarak projemize ekleyeceğimiz resmi seçip ekliyoruz.

Gördüğünüz gibi yukarıda resim dosyamız projeye eklenmiştir.

NOT: Burada resimde dikkat etmeniz gereken önemli bir nokta da resim transparan olacak ve .png  uzantılı olarak kullanman gerekiyor.

ilk olarak iki boyutlu resim dosyamızı oluşturuyoruz ve bunun bulunacağı konumu belirliyoruz. Konumu ayarlarken deneme yanılma yöntemini kullanmak zorunda kalıyoruz.

Emülatör yukarı da ki gibi iken resim çizileceği konum sol üst köşe (0, 0) konumu olarak alınır ve ona göre konumu belirlenip çizdirilir.

Şimdi ise yukarıdaki gibi Intialize() metodunun içine tanımladığımız uçak nesnesine resim dosyasını tanımlıyoruz.

En son olarak ta resmimizi ekrana çizdiriyoruz.

NOT: Bura da spriteBatch.Begin() ve spriteBatch.End() metodlarını kullanmanız gerekecek ve bunları tanımladıktan sonra bütün resim çizimlerini bu metodların arasına yazıyoruz. Eğer bunları eklemezsek resmimizi ekrana gelmeyecektir.

Bu metodların da arasına yukarıda ki gibi resim çizdirme kodumuzu yazıyoruz ve projemiz bitiyor.

Evet gördüğünüz gibi arkadaşlar yukarıda ki gibi uçağımızı istediğimiz konumda ve şekilde ekranımıza çizdirmiş bulunmaktayız.  

The post XNA de Ekrana Resim Çizdirme appeared first on Yunus Emre Araç.

Bilgisayarımıza Visual Studio yüklediysek eğer ve sonrasında windows phone sdk yüklediyseniz bunu da yanında Windows Phone Xna Game yüklenmiş olacaktır.

İlk olarak Visual Studio muzu açıyoruz.

Ana ekran da “New Project…” diyoruz.

Gelen ekranda eğer dediğim gibi windows phone sdk yı yüklediysek eğer sol taraftaki liste de “XNA Game Studio 4.0″ geldiğini göreceksiniz.

XNA Game Studio ya tıkladıktan sonra açılacak pencereden “Windows Phone Game (4.0)” kısmını seçiyoruz.

Ben sadece XNA projesini incelemek için açtığımdan projeye “StartXNAGame” adını veriyorum. Siz ne isterseniz verebilirsiniz.

“OK” butonuna bastığımız zaman projemiz oluşacaktır.

Projemiz açıldı ve projemizin içeriğine bir göz atalım.

İlk başta sağ tarafta bulunan projemizin solution dosyasına bakıyoruz. Gördüğünüz gibi iki klasörden oluşmaktadır.

Bunlar;

StartXNAGame : Projemizin bütün sınıflarının oluşturduğu bir klasördür.

StartXNAGameContent(Content) : Bu klasörde ise projemizde kullanacağımız resim, ses gibi dosyalarımızı tutuyoruz ve buralardan çekerek kullanıyoruz.

Şimdi projemiz açıldığında Game1.cs adı ile gelen sınıfımızı inceleyelim. Gördüğünüz gibi içinde çeşitli metodlar bulunmakta ve bunların çeşitli özellikleri vardır. Bu Metodlar;

Initialize() : Bu metodun içinde uygulamamızın içerisinde kullanacağımız nesneleri oluşturuyoruz.

LoadContent() : Bu metodun içinde ise uygulamamız başladığı zaman kullanacağımız nesnelerin resim, ses gibi dosyalarını tanıtıyoruz ve bu dosyaların ekrandaki konumlarını ayarlayabiliyoruz.

UnloadContent() : Bu metod ise LoadContet metodumuzun tam tersini yapmaktadır yani uygulamamız kapanacağı zaman göstereceğimiz nesnelerin resim. ses dosyalarını tanımlıyoruz ve bunların neredeki konumda gösterileceğini ayarlıyoruz.

Update(GameTime gameTime) : Bu metod için ise kısaca aksiyon metodu diyebiliriz. Yani uygulamamız çalıştığı zaman uygulamamızda gerçekleşecek olan bütün işleri biz bu metod içerisinde tanımlıyoruz.

Draw(GameTime gameTime) : Bu metod ise uygulamamızın ekranında çıkacak resimlerin ekrana çizilmesini sağlamaktadır. Resimin yanın da yazı ve arka plan gibi bütün görsellerin ekranda çizilmesini gerçekleştirir.

Eğer uygulamamızın kod kısmında hiç bir değişiklik yapmadan uygulamamızı çalıştırırsak uygulamamızın ekranı aşağıdaki gibi olacaktır.

Burada ekranın mavi olmasını da yine Draw metodu içindeki bir kod parçacığı sağlamaktadır ve biz bunu sayesinde arka plandaki mavi rengi istediğimiz gibi değiştirebileceğiz.

İleri ki konularında bu metodlar ile nasıl oyun uygulamaları yazabileceğimizi ve daha farklı neler yapabileceğimizi göstereceğim.

The post XNA Giriş appeared first on Yunus Emre Araç.