HTML, CSS ve JS Pratiği
Tetris
Sıfırdan yazdığım klasik bir Tetris: parça döndürme, satır temizleme, skor sistemi, hepsi tarayıcıda çalışan saf HTML, CSS ve JavaScript ile. Cursor'da Claude ve Codex'ten destek alarak hayata geçirdim.
OynaŞimdilik sadece masaüstünde, klavye ile oynanabiliyor.
Proje
Hakkında
Tetris, elimi kod üzerinde tutmak için yaptığım kişisel bir proje: tamamen tarayıcıda, saf JavaScript ile çalışan, baştan sona oynanabilir klasik bir Tetris.
Ne bir framework var ne de bir oyun motoru. Sadece bir ızgara, birkaç parça şekli ve onları düşüren, döndüren, yerine kilitleyen ve dolan bir satırı temizleyen mantık. Basit görünen ama gerçekten oturup yazmaya kalkınca öyle olmadığını anladığın projelerden biri.
Rol: Front-End Tasarım ve Geliştirme (Pratik)
Yapay Zekâ ile
Geliştirmek
Bunu Cursor'da yazdım. Bu tarz bir oyunda gerçekten zorlayıcı olan kısımlarda, mesela bir parçanın duvara yakınken takılmadan dönmesinde, dolan bir satırın anında fark edilmesinde, skor ve seviye eğrisinin tahta doldukça doğru hissetmesinde, Claude ve Codex'ten destek aldım.
Yapay zeka araçları oyunu benim yerime yazmadı. Bana üzerinde çalışabileceğim bir ilk versiyon verdiler; test edip bozup yeniden düzenleyebileceğim, çarpışma kontrolü sağlam hissedene ve sert düşüş gerçekten tatmin edici olana kadar. Bu gidiş gelişte oyun mantığını sadece yazmayı değil, gerçekten okumayı da öğrendim.
Ayrıca deneyimi tek başıma gidebileceğimden daha ileri taşıdı: sıradaki parça önizlemesi, duraklatma ekranı, istatistik paneli. Küçük detaylar ama teknik olarak çalışan bir ızgara ile oynaması gerçekten keyifli bir oyun arasındaki fark tam da bunlar.
Kendin
Oyna
Ekran görüntüsü bir oyunu tam anlatamaz. Birkaç parça düşür, bir satır temizle, nasıl hissettirdiğine kendin bak.
Oyna