p5.js ile Oyun Geliştirme · Kitap 1

Ders sunumları

Sunumlar kitabın sırasını izler. Her slayt, derste nerede durup neyi anlatacağınızı gösterir; kodlar slaytın içinde çalışır, kopyalanır ve düzenlenir.

Bölüm 1 ve 2 şimdilik iki sürüm hâlinde: v1 ilk hâli; v2 aynı sunumun oyun dünyasından örnekler, canlı gösteriler, karikatürler ve kaynak bağlantılarıyla genişletilmiş hâli. Her sunumun PDF’i de var; PDF’te canlı gösteriler tek bir kare olarak görünür.

Bölüm 1

Programlamaya giriş ve ilk oyun · Kitaptaki bölüm →

1

Programlama, p5.js ve ilk sketch

Algoritma, yaratıcı kodlama, Web Editor, yorum satırları, ilk tuval.

2

Koordinat, şekiller ve renkler

(0, 0) nerede? rect, ellipse, line; fill, stroke; RGB ve alfa.

3

setup, draw ve ilk animasyon

Frame, FPS, width / height, frameCount ve modulo.

4

Değişkenler ve operatörler

Kutu benzetmesi, let / const, veri türleri, ===, &&, ||, !

5

Koşullar: if / else

Girinti, else if zinciri, trafik ışığı, iç içe koşullar.

6

Fare ve Daire Tıklama

mouseX / mouseY, dist, mousePressed ve adım adım ilk oyun.

Bölüm 2

Döngüler, fonksiyonlar ve oyun döngüsü · Kitaptaki bölüm →

1

Döngüler: for ve while

Üç parça, izleme tablosu, sonsuz döngü, break ve continue.

2

Izgara ve animasyon

İç içe döngü, dama tahtası, sin / cos, düzgün çokgen, debug.

3

Fonksiyonlar ve modüler kod

Tanım, çağrı, parametre, return, yardımcı çizim fonksiyonları.

4

Kapsam: global ve yerel

Değişken nerede yaşar? Argüman kopyası ve gölgeleme.

5

Oyun döngüsü ve FPS

Güncelle / çiz ayrımı, frameRate, Hz ile FPS farkı.

Bölüm 3

Zaman, diziler ve klavye · Kitaptaki bölüm →

1

deltaTime: her bilgisayarda aynı hız

Frame’e bağlı hareketin sorunu, piksel / saniye, hareketli top.

2

Diziler

İndeks, for ile dolaşma, paralel diziler, push / pop ve yığın.

3

Sabit kapasite ve balonlar

tepe ve BOS ile envanter, paralel dizilerle sahne, splice.

4

Klavye

keyIsDown, keyPressed, key / keyCode, ASCII, kontrol edilen kare.

Bölüm 4

Çarpışmalar, oyun durumları ve XOX · Kitaptaki bölüm →

1

Çarpışma ve sekme

Tuval sınırı, AABB, daire çarpışması, hitbox, seken top.

2

Durum makinesi

Durum, geçiş, diyagram, oyunDurumu, geçiş tablosu.

3

Kaç-Kaç Top

Menü, oyun, bitiş: ilk tam oyun ve Hafıza kartları projesi.

4

XOX

İki boyutlu dizi, tıklamadan hücreye, kazanan ve beraberlik.

← → slayt F tam ekran T açık / koyu tema Z kodu büyüt Esc slayt ızgarası S konuşmacı notları Görsele tıkla: büyüt Düzenle: kodu değiştir, yeniden çalıştır