Tarayıcı oyunları programlamak

Kısaca: Tarayıcı oyunu, tamamen bir web sayfasında çalışan bir oyundur — kurulum ve indirme olmadan HTML, CSS ve JavaScript ile yazılır.

Biraz daha ayrıntılı: Çoğu basit tarayıcı oyunu, bir piksel yüzeyi sağlayan bir <canvas> öğesine çizer. Özünde bir oyun bir oyun döngüsünden oluşur: girişi okur, oyun durumunu (konumlar, puan, çarpışmalar) günceller ve görüntüyü yeniden çizer — tarayıcıda tipik olarak requestAnimationFrame ile saniyede yaklaşık 60 kez.

Bizim bağlamımız: /games altındaki oyunlar (Snake, Flappy Börek, 2048, Börek Clicker) public/play/<ad>/ altında tek HTML dosyalarıdır. Siteye ait oturum açma ve çerezlere erişemesinler diye kapalı bir iframe içinde çalışırlar. Yeni bir oyun için yalnızca bir klasör ve oyun listesinde bir kayıt gerekir.

Ayrıntılı

Oyun döngüsü

1. Giriş: klavyeyi (keydown), fare/dokunmayı değerlendir…

Ayrıca bak: HTML, CSS, Tarayıcı, Önbellekleme