Claude.ai ile Tetris Oyunu Oluşturma
Günümüzde chatGPT, gemini çeşitli ai platformları çıktı bunlardan biride claude.ai genelde kodlama üzerine kullanılan bir yapay zeka. Bu yapay zeka platformunda ücretsiz sürümü ile klasik bir oyun olan tetris oyununu html’de çalışacak şekilde kodlamasını istedim.
Harika! Size tam çalışan bir Tetris oyunu yazdım. Oyun şu özelliklere sahip:
Özellikler:
- 7 farklı Tetris parçası (I, O, T, S, Z, L, J)
- Skor sistemi (satır temizleme ve hızlı düşürme bonusları)
- Level sistemi (her 10 satır temizlediğinizde level artar)
- Sonraki parçayı gösterme
- Oyun duraklatma özelliği
- Modern ve görsel olarak çekici tasarım
Kontroller:
- ←→ oklari: Parçayı sola/sağa hareket ettir
- ↓ ok: Parçayı hızlı düşür
- ↑ ok: Parçayı döndür
- Space: Parçayı anında düşür
- P: Oyunu duraklat/devam ettir
Oyun Kuralları:
- Parçalar yukarıdan düşer
- Tam satırlar otomatik olarak temizlenir
- Level arttıkça oyun hızlanır
- Parçalar üst kısma ulaşınca oyun biter
Oyun responsive tasarıma sahip ve modern CSS efektleriyle süslenmiş. Hemen oynamaya başlayabilirsiniz!
ve oyunun ilk sürümünü oluşturdu test etmeye başladım.
Oyunda ses özelliğinin olmadığını fark ettim ve yapay zekadan bunu eklemesini istedim.
Ancak kodlamayı yapınca ses açma kapama butonuna tıklayınca bir hata aldım ve bu hatayı yapay zekaya bildirdim. Claude.ai hata algılayıp düzeltti ve hatanın nereden kaynaklandığını yaptığı düzeltme işlemlerini açıklayarak bildirimde bulundu.
Oyunun güncellenmiş şekli aşağıdaki gibi oldu.
Oyunu oyanarak tekrar test ettim. Oyunda satırdaki tüm kareler dolunca patlama efekti olması kullanıcı adı olması gibi özellikler olmasını istedim ve güncelleme işlemini yaptı.
Tabi bu işlemleri yaparken claude.ai ücretsiz versiyonunda belirli bir kullanma limiti var limit dolunca diğer gün yeniden tetris oyunundaki güncelleme işlemlerine devam ettim.
Mükemmel! Oyuna harika yeni özellikler ekledim:
🎮 Yeni Özellikler:
✨ Görsel Efektler:
- Satır temizleme efekti: Dolu satırlar beyaz-mavi yanıp sönme efektiyle silinir
- Skor popup’ı: Satır temizlendiğinde puan gösterisi ekranın ortasında belirir
- Animasyonlu efektler: Yumuşak geçişler ve fade-out efektleri
🎵 Gelişmiş Ses Sistemi:
- 1 satır: Tek ton ses
- 2 satır: Artan tonlarla ikili akor
- 3 satır: Üçlü akor kombinasyonu
- 4 satır (Tetris): Özel melodi ve square wave ses efekti
- Ses hacmi kontrolü: Farklı aksiyonlar için optimize edilmiş ses seviyeleri
👤 Oyuncu Sistemi:
- İsim girişi: Oyuncu adını girebilme
- Kişiselleştirme: Oyun bitişinde oyuncu adı gösterimi
- Skor tablosu: Oyuncu adı, skor, level ve temizlenen satır sayısı
🎯 Puan Sistemi:
- 1 satır: 100 × level puan
- 2 satır: 300 × level puan (bonus!)
- 3 satır: 500 × level puan (büyük bonus!)
- 4 satır: 800 × level puan (Tetris bonusu!)
🎨 Görsel İyileştirmeler:
- Parlaklık efektleri: Satır temizleme sırasında parlak beyaz flash
- Renk geçişleri: Cyan-beyaz renk kombinasyonu
- Skor animasyonu: Büyüyerek yukarı çıkan puan gösterimi
Bu özellikler oyunu çok daha etkileyici ve profesyonel hale getiriyor! Artık satır temizlediğinizde harika görsel ve ses efektleri yaşayacaksınız. 🎉
Oyunda bazı ekleme çıkartmalar yapılabilirdi ama bu hali ile claude.ai kodlama deneyimi için yeterli oldu ve tetris oyunu makul bir seviye geldiği için bıraktım.
Oyunu oynamak isterseniz siteme ekledim aşağıdaki linkten oyunu deneyebilirsiniz.
https://claude.ai/public/artifacts/5a77f5bf-2a80-4452-afde-ba955625a9c3
Son yorumlar