Eğitimler
RSS ile abone olunWeb oyunları geliştirmeye yönelik uygulamalı rehberler. Her eğitim bağımsızdır ve kopyalayıp yapıştırabileceğiniz kodlar içerir.
Başlangıç
Canvas 2D oyun döngüsünün temelleri requestAnimationFrame, delta time ve sabit zaman adımıyla kare hızından bağımsız bir oyun döngüsü oluşturun; sprite'lar, çarpışmalar ve kamera ekleyin. Devamını okuyun →
Oyun geliştiricileri için WebGL temelleri GLSL gölgelendiricileri, tamponlar, dokular ve bir render döngüsüyle ilk üçgeninizi çizerek ham WebGL 2'yi öğrenin. Devamını okuyun →
WebGPU'ya başlangıç Bir WebGPU aygıtı kurun, canvas'ı yapılandırın, WGSL gölgelendiricileri yazın ve modern GPU API'siyle ilk üçgeninizi render edin. Devamını okuyun →
Fizik
Web oyunları için oyun fiziği Oyununuz için doğru fizik motorunu seçebilmek üzere Rapier, Cannon-es, Ammo.js, Matter.js ve daha fazlasını gerçek kodlarla karşılaştırın. Devamını okuyun →
Giriş ve Kontroller
Oyun girdilerini işleme (klavye, fare, dokunma, oyun kumandası) Klavye, fare, dokunma ve oyun kumandası girdilerini, oyun döngünüzün her karede okuduğu tek bir giriş durumu nesnesinde birleştirin. Devamını okuyun →
Web oyunları için Gamepad API Düğme eşleme, analog ölü bölgeler, titreşim ve dört oyuncuya kadar yerel çok oyunculu mod ile konsol kalitesinde kumanda desteği ekleyin. Devamını okuyun →
FPS oyunları için Pointer Lock Akıcı FPS görüşü için fareyi yakalayın; ardından yaw/pitch kamerası, WASD hareketi ve hızlandırmasız ham nişan alma sistemi oluşturun. Devamını okuyun →
Grafikler ve Render
Duyarlı oyun canvas'ı devicePixelRatio, letterboxing, tam sayılı piksel sanatı ölçeklendirmesi ve takılmasız yeniden boyutlandırma yönetimiyle canvas'ınızı Retina ekranlarda net görünecek şekilde ölçeklendirin. Devamını okuyun →
Piksel sanatı render etme Tam sayılı ölçeklendirme ve devre dışı bırakılmış yumuşatmayla bulanıklığı ortadan kaldırın; ardından sprite animasyonu, palet değiştirme, tilemap ve ekran sarsıntısı ekleyin. Devamını okuyun →
Oyunlarda metin render etme Canvas dolguları, bitmap yazı tipleri ve SDF ile net oyun metinleri çizin; ayrıca daktilo efektli diyalog kutuları ve havada beliren hasar sayıları oluşturun. Devamını okuyun →
Ses
Oyunlar için Web Audio API Yeniden kullanılabilir bir ses yöneticisi, döngüsel müzik, 3B uzamsal kaydırma ve ses havuzlama ile oyun sesleri için Web Audio API'yi yapılandırın. Devamını okuyun →
Oyun sesleri için Tone.js Tone.js sentezleyicileriyle oyun ses efektleri ve tepkisel müzik üreterek ses dosyalarına ihtiyaç duymayın ve her oynatmada farklılık yaratın. Devamını okuyun →
Veri ve Depolama
IndexedDB ile kaydetme ve yükleme Kayıt yuvalarını, ayarları ve ikili varlıkları; asenkron kalıplar, otomatik kaydetme ve silinmeye karşı dayanıklı kalıcı depolama kullanarak IndexedDB'de saklayın. Devamını okuyun →
Akış yoluyla oyun varlıklarını yükleme Oyuncuların hızla başlayabilmesi için oyun varlıklarını gerçek ilerleme çubukları, eşzamanlılık kuyruğu ve IndexedDB önbelleklemesiyle öncelik katmanlarına göre yükleyin. Devamını okuyun →
Performans ve Optimizasyon
Hızlı yüklenen bir web oyunu yayınlama Yükleme bütçeleri, Brotli ve Zstandard sıkıştırması, KTX2 dokuları, kod bölme ve önbellekleme konularını kapsayan pratik bir kontrol listesi. Devamını okuyun →
Oyun mantığı için Web Workers Worker havuzları, aktarılabilir nesneler ve OffscreenCanvas kullanarak fizik, A* yol bulma ve prosedürel üretimi bir arka plan iş parçacığında çalıştırın. Devamını okuyun →
Wasm iş parçacıklarını etkinleştirme (SharedArrayBuffer) SharedArrayBuffer ve Wasm iş parçacıklarının gerçekten çalışması için kaynaklar arası izolasyonu etkinleştiren COOP ve COEP başlıklarını ayarlayın. Devamını okuyun →
Ağ İletişimi
WebSocket ile çok oyunculu oyunların temelleri Yetkili bir sunucu üzerinden yeniden bağlanma, istemci taraflı tahmin, anlık görüntü enterpolasyonu ve ikili mesajlarla gerçek zamanlı çok oyunculu sistem kurun. Devamını okuyun →
Mobil ve Platform
Mobil uyumlu web oyunları Oyununuzun telefonlarda kusursuz çalışması için dokunmatik kontroller, sanal joystick, görünüm alanı ve yönlendirme yönetimi ile pil durumunu gözeten performans özellikleri ekleyin. Devamını okuyun →
Çevrimdışı oyunlar için PWA Manifest, service worker önbelleklemesi, güncelleme istemleri ve arka planda skor eşitleme ile oyununuzu kurulabilir ve çevrimdışı oynanabilir hâle getirin. Devamını okuyun →
Oyun önbelleklemesi için service worker'lar Oyun varlıklarını önce önbellek, önce ağ ve eski içeriği sunarken yeniden doğrulama stratejileriyle önbelleğe alın; ayrıca sürümleme ve ses dosyaları için aralık istekleri ekleyin. Devamını okuyun →
Iframe ile yerleştirme için en iyi uygulamalar Doğru izinler, üst pencereye postMessage gönderimi, tam ekran, odak düzeltmeleri ve platform SDK'larıyla oyununuzu iframe'lere sorunsuz biçimde yerleştirin. Devamını okuyun →
VR/XR
VR oyunları için WebXR temelleri Bir WebXR VR oturumu kurun, her göz için render alın, kumandaları okuyun ve hem el hem de bakışla kontrol edilen başlıklarda çalışan ışınlanma ve akıcı hareket sistemleri ekleyin. Devamını okuyun →
Analiz ve İzleme
Web oyunları için analiz Oturumlar, seviye hunileri, FPS, hatalar, A/B testleri ve izinle etkinleştirilen gizlilik için toplu bir olay izleyici oluşturun. Devamını okuyun →
Araçlar ve İş Akışı
Otonom yapay zekâ kodlama araçları Claude Code, Cursor ve Copilot'ı karşılaştırın; ardından ajanların gerçek kodu düzenleyip test etmesini sağlayan plan modu iş akışlarını, onay aşamalarını ve istemleri öğrenin. Devamını okuyun →