Bu yazıda basitçe phaser 3 oyun kütüphanesi ile bazı temel işlemlerin nasıl yapıldığını anlatmaya çalışacağım. Phaser hakkında bilginiz yoksa Phaser’ın ne olduğu, nereden indirileceği vs. hakkında bilgiler içeren yazımı okuyabilirsiniz. Öncelikle phaser sahne sisteminden (scene) bahsetmek istiyorum. Phaser 3’de oyunun her ekranına scene ismi veriliyor(phaser 2’de state diye adlandırılıyordu). Mesela menü ekranı, level seçme […]
Phaser kütüphanesinin bir hafta kadar önce 3. versiyonu çıktı. Hakkında Türkçe kaynak gördüğüm kadarıyla pek olmadığı için ucundan kıyısından Phaser 3 oyun yapımı ile ilgili yazılar yazmayı düşündüğümü önceki yazımda söylemiştim. Bu yazıda basitçe “Hello World!” diye bilinen türde bir başlangıç yapmayı düşünüyorum. İlk olarak phaser’ın js dosyasını indirmemiz gerekiyor. Son yayınlanan Phaser 3.1.0 – […]
Geliştirme aşamasında kendi bilgisayarımızda php dosyalarını çalıştırmak, veritabanı kullanmak ve phaser ile oyun geliştirmek gibi işlemleri yapmak istediğimizde bir web server’ına ihtiyaç duymaktayız. Bu yazıda basitçe 2 alternatiften bahsedeceğim. Php ve mysql söz konusu ise XAMMP’yi önerebilirim. Sitesi: https://www.apachefriends.org/tr/index.html Sitesinden indirdikten sonra herhangi bir özel ayar yapmadan kuruyoruz. Programı çalıştırdığınızda web server’ını çalıştırmak […]
Phaser photonstorm tarafından geliştirilen bir 2d oyun kütüphanesi. Şu anda github üzerinde en çok yıldız a sahip oyun kütüphanelerinden birisi konumunda. HTML5 oyun geliştirme işine başladığım zamanlarda değişik kütüphaneleri incelerken Phaser en çok dikkatimi çeken kütüphaneydi. O zamanlar sadece Phaser 2 mevcuttu ve yakında(2017 sonunda) phaser 3’ün çıkacağı söyleniyordu (sitesinde de yazıyordu). İkisi arasında API […]
Javascript ve CSS kullanarak üzerine gelince dönen kareler yapımını anlatmaya çalışacağım. Aşağıda uygulamanın tamamlanmış hali mevcut. İmleç ile üzerinde gezindirdikçe karelerin renkleri değişecek. Öncelikle body’nin içerisine kareler id’li bir div eklememiz gerekiyor. <div id=”kareler”></div> Daha sonra javascript kodlarını harici bir js dosyasına ya da html’de script tag’ının içine yerleştirebilirsiniz. Js kodları şu şekilde:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
var kareler=document.getElementById("kareler"); //kare Genişliğini ve bu genişliğe göre satır ve sütunda //kaç tane kare olacağını hesaplıyoruz var kareGenislik=50; var satirSayisi=Math.ceil(kareler.offsetWidth/kareGenislik); var sutunSayisi=Math.ceil(kareler.offsetHeight/kareGenislik); var str=""; ///For döngüsüyle bütün satır ve sütun dolacak şekilde //kareleri ekliyoruz for(var i=0;i< satirSayisi ;i++){ for(var j=0;j< sutunSayisi ;j++){ var posx=j*50; var posy=i*50; str+="<div class='box' style='left:"+posx+"px;top:"+posy+"px'></div>" } } kareler.innerHTML+=str; //imleç ile kareler objesinin üzerine gelinince boxAnimate //sınıfı ekli değilse ekliyoruz, ekliyse siliyoruz. kareler.onmouseover=function(e){ if(e.target==kareler){return} e.target.classList.toggle("boxAnimate"); } |
[…]
Son zamanlarda yavaş yavaş backend kısmına da el attığım için biraz php öğrendikten sonra soluğu wordpress’te aldım. Bu yazıda bildiğim kadarıyla wordpress tema yapımını anlatmaya çalışacağım. Gördüğüm kadarıyla wordpress tema yapımı ile ilgili yazılarda gereksiz bir çok detay yer alıyor. Bu tarz işler yeni başlayanlar için zaten kafa karıştırıcı olabiliyor. İlk başladığımda ben de bu […]