Tarayıcıda Pixel Art Oyun Geliştirme Rehberi: Fikirden Yayınlamaya

Giriş

Kod bilginiz kısıtlı olabilir; ancak doğru araç setiyle 30 gün içinde oynanabilir bir tarayıcı oyunu yayınlamak mümkün. Bu rehberde fikri kağıda dökmekten PixelliOyun.com vitrinine yerleştirmeye kadar tüm adımları bulacaksınız.

---

1. Konsept ve Dokümantasyon

• Elevator‑Pitch: “Tek cümlede oyun” – “Kayıp astronom, 8‑bit evrende sonsuz atış platformu.”
• GDD (Game Design Document) İskeleti
  1. Tema & Hikâye
  2. Çekirdek Mekanik → jump‑shoot‑loot
  3. Hedef Kitle & Oturum Süresi (5‑10 dk)
  4. Monetizasyon Modeli (kozmetik, sezon bileti)

2. Grafik Üretimi

Araç	Lisans	Artıları
Aseprite	$19 tek sefer	Zaman çizelgesi, onion‑skin
Piskel	Ücretsiz Web	Katmanlı çalışma, Google Drive entegresi
Pixilart	Freemium	Topluluk içi paylaşım, çevrim içi yarışmalar

Öneri: Sprite boyutunu 32×32 yerine 48×48 seçmek → modern ekranlarda temiz görünüm, yine de retro ruha sadık.

3. Oyun Motoru Seçimi

Phaser 3

• JS tabanlı; CDN ile dosya boyutu < 1 MB.
• İdeal: arcade, platform, mini‑RPG.

Godot 4 Web

• GDScript veya C# desteği.
• WebAssembly çıktısı → FPS artışı %15.

Unity WebGL (yalnızca 2D URP profili)

• Büyük topluluk; boyut şişkinliği var (10‑15 MB).

4. Kodla! (Örnek Phaser Snippet)

jsKopyalaDüzenleconst config = {
  width: 800, height: 600,
  type: Phaser.AUTO,
  physics: { default: 'arcade' },
  scene: { preload, create, update }
};
new Phaser.Game(config);
function preload(){ this.load.spritesheet('hero','hero.png',{frameWidth:48,frameHeight:48}); }
function create(){ this.player=this.physics.add.sprite(100,450,'hero').setBounce(0.1); }
function update(){ /* input logic */ }

Not: Kodun her 200 satırda bir ‘checkpoint’ build’i al → regresyonsuz ilerleme.

5. Performans ve Optimizasyon

1. Sprite atlas kullan → HTTP request sayısı ↓.
2. Görünüm alanı dışında kalan objeleri setActive(false) ile uyut.
3. Ses dosyalarını Ogg Vorbis 96 kbps’ye sıkıştır → boyut %70 düşer.

6. Mobil Uyumluluk

• Touch‑controls layer: JavaScript ile dinamik; masaüstünde gizli.
• FPS testini gerçek cihaz → Chrome DevTools throttling yanıltıcı olabilir.

7. Entegrasyon: PixelliOyun API’si

Modül	Fonksiyon	Örnek Çağrı
Auth	OAuth2 ile token	POST /v1/auth
Scoreboard	Puan ekle	POST /v1/score
Badge	Rozet tetikle	POST /v1/badge

Dakika başı 100 istek limiti; sunucu yanıt süresi < 60 ms.

8. Yayınlama ve CDN Dağıtımı

• Oyun dosyalarını dist/ klasörüne minify + gzip.
• GitHub Actions ile otomatik build → main branch’e push’ta Netlify deploy.
• index.html başlığı: “Ücretsiz [Oyun Adı] Oyna – PixelliOyun”.

9. SEO & Ads İçin İlerleme Takvimi

Gün	Görev	Hedef
1‑3	GDD + Mockup	Konsept onayı
4‑10	Temel mekanikler	İlk oynanabilir demo
11‑17	Level tasarımı	10 dakika içerik
18‑24	Optimizasyon & mobil test	FPS > 55
25‑27	API entegrasyonu	Skor tabloları
28‑30	Landing‑page + SEO	Google dizinleme

10. Lansman Sonrası: Topluluk ve Gelir

• Discord kanalını lansmandan 1 hafta önce aç → hype.
• İlk ay kozmetik gelir modelini kapalı tut, önce kitle topla.
• A/B testi: Ana menüde “Mağaza” konumu ⬌ “Günlük Görevler” karşılaştır → tıklama ↑ %22.

Sonuç & Davet

Kısıtlı bütçe, sınırsız yaratıcılıkla birleşince ortaya pixel art mucizesi çıkıyor. Kendi oyununuzu 30 gün içinde tarayıcıda çalışır hâle getirmek için bu rehberi adım adım izleyin ve PixelliOyun.com’un vitrinine taşıyın.

🎮 Hemen Başla! PixelliOyun.com/oyun‑ekle sayfasına göz at, taslak formunu doldur ve topluluğumuzun bir sonraki başarı hikâyesi ol.