24a2, JavaScript programcıları için çok basit, ancak tamamen işlevsel bir oyun motorudur. Alışılmadık bir görünümü ve hissi var ama oyun programlamanın temellerini öğrenmek için kullanabilirsiniz.
Oyun döngüsü desteği, renkli grafikler ve basit giriş ile 24a2, minimum çabayla küçük oyunlar oluşturmak için ihtiyacınız olan her şeye sahiptir.
24a2'ye göz atın ve tam oyun geliştirme yolculuğunuza bugün başlayın.
24a2 Nedir?
24a2 temel oyunlar oluşturmanıza yardımcı olan küçük, açık kaynaklı bir motordur. Öğrenmesi çok kolay ve oyunlarınızı oluşturmaya başlamak için ihtiyacınız olan tek şey bir web tarayıcısı ve bir metin düzenleyici.
24a2, adını çözünürlüğünden alır: 24 x 24. Hatta diğerlerine kıyasla PICO-8 gibi minimalist motorlar128 x 128 çözünürlüğü ile bu küçücük! 24a2, aralarında büyük boşluklar olan dairesel "pikseller" kullanır, bu nedenle oldukça farklı bir görünüme sahiptir.
Muhtemelen bir sonraki hit video oyununu bulmak için 24a2'yi kullanmayacaksınız, ama asıl mesele bu değil. 24a2 yeni başlayanlar için mükemmeldir ve onu oyun geliştirmenin ardındaki bazı temel kavramları öğrenmek için kullanabilirsiniz.
Temel bir konseptin prototipini oluşturmak için de harikadır. Karmaşık oyun fiziği veya sprite animasyonları ile dikkatinizin dağıldığını fark ederseniz, tüm bunları ortadan kaldırmak odaklanmanıza yardımcı olacaktır.
Dahası, 24a2 kaynak kodu bir tek TypeScript dosyası. Kendi, daha gelişmiş oyun motorunuzu oluşturmak için ilham almak için kullanabilir veya hatta değiştirebilirsiniz.
24a2'yi Nasıl Kullanıyorsunuz?
Oyununuz için temel bir şablonla başlayın:
<html>
<KAFA>
<senaryo
kaynak=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
senaryo>
<senaryokaynak="oyun.js">senaryo>
KAFA>
<vücut>vücut>
html>
Bunun kaynak sağlamak için bir içerik dağıtım ağını (cdn.jsdelivr.net) nasıl kullandığına dikkat edin. motor.js dosya, böylece hiçbir şey indirmeniz veya yüklemeniz gerekmez.
ikinci senaryo, oyun.js, kendi oyun kodunuz içindir. Her şeyin düzgün çalıştığını kontrol etmek için mutlak minimum çalışma koduyla başlayın:
yeni Oyun({}).run();
Bu küçük program, web tarayıcınızda varsayılan 24a2 kılavuzunu görüntüler:
Ardından, motorun çekirdeğini oluşturan 24a2'nin geri arama işlevlerine aşina olmak isteyeceksiniz. Bu kavramlar oyun motorları arasında aktarılabilir, dolayısıyla nasıl çalıştıklarını öğrenmek size 24a2 kullanımınızın ötesinde fayda sağlayacaktır.
Tanımlayabileceğiniz ve Game() yapıcısına iletebileceğiniz bir dizi temel işlev vardır. yapılandırma nesne.
izin vermek yapılandırma = {
oluşturmak: oluşturmak,
güncelleme: güncelleme,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
izin vermek oyun = yeni Oyun (yapılandırma);
oyun.çalıştır();
24a2, başladığında config.create'de belirttiğiniz işlevi çağırır. Bunu, oyununuzun kendi yapılandırmasını başlatmak, veri yapılarını kurmak vb. için kullanabilirsiniz.
işlevyaratmak(oyun) {}Güncelleme işlevi, oyununuz süresince periyodik olarak çalışır. Bu ana oyun döngüsü diğer motorlarda genellikle oyun durumunu güncellemek ve ekranı yeniden çizmek için ayrı adımlardan oluşur. 24a2 ile bu fonksiyonda her iki işlemi de halledeceksiniz.
işlevgüncelleme(oyun) {}Son olarak, girişi yakalamak için ok tuşlarına basmayı, fare tıklamalarını veya her ikisini birden işlemek isteyeceksiniz. 24a2, oynatıcı bir ok tuşuna bastığında onKeyPress işlevinize bir yön iletir. Farelerini kullanarak bir noktayı tıklatırlarsa, x ve y koordinatlarını onDotClicked'a iletir.
işlevonKeyPress'te(yön) {}
işlevonDotClicked(x, y) {}
24a2 ile Ne Tür Oyunlar Yaratabilirsiniz?
bu 24a2 sitesi bir öğretici dahil olmak üzere üç örnek oyun içerir. Gösterdiği diğerleri basit bir Yılan oyunu ve bir Kayak mücadelesidir.
bu GitHub deposu Space Invaders, Tic-Tac-Toe ve minimal Paint programı dahil olmak üzere diğer bazı oyunlara bağlantılar içerir. You Killed a Bear daha gelişmiştir ve Maze Craze, standart ızgaranın üzerine ek grafiklerin nasıl katmanlandırılacağının iyi bir gösterimidir.
24MadRush, renk paletinden harika bir şekilde yararlanan bir Tetris "klonudur". Ayrıca, özelliklerini gösteren yenilikçi bir oynanabilir öğretici ile başlar.
24a2 Oyunlarının Teknik Özellikleri
24a2, tasarım gereği çok sınırlıdır. Ancak bu, yaratıcılık için mükemmel bir fırsat sağlar. Biri daha yaratıcı olmak için en iyi ipuçları kısıtlamaları benimsemektir.
Sınırlı çözünürlüğünün yanı sıra, 24a2 sizi şu şekilde kısıtlar:
- Yalnızca dokuz renkten oluşan bir renk paleti: gökkuşağı artı siyah ve gri olanlar.
- Çok basit giriş: nokta ızgarasında ok tuşlarına basma ve fare tıklamaları.
- Sessizlik: Müzik veya ses efektleri için herhangi bir destek yoktur.
Ancak, oyununuzu bu sınırlamaların ötesine taşımak için her zaman ek JavaScript kodu yazabilirsiniz. Ve motor açık kaynak olduğundan, onu uygun gördüğünüz şekilde geliştirmekte özgürsünüz.
24a2 ile Kendinizi Daha Büyük Şeylere Teşvik Edin
Kendinizi 24a2 ile test etmeyi deneyin. Klasik bir oyunu yeniden yaratın veya kendi oyununuzu icat edin. Tahta oyunları gibi sıra tabanlı oyunlar, motorla çok iyi çalışacaktır.
24a2, oyun geliştirme tutkunuzu ateşliyorsa, yolculuğa devam etmek için pek çok fırsat vardır. PICO-8, Godot, Unity ve GameMaker popüler seçimlerdir.