En İyi Dört Modelin Karşılaşması! Bir İnceleme Deepseek R1'in Ne Kadar Güçlü Olduğunu Gösteriyor

Geçtiğimiz günlerde Deepseek-R1 0528 resmi olarak açık kaynaklı hale getirildi.

LiveCodeBench'te performansı OpenAI'nin o3 (yüksek) seviyesine yakın; Aider'in çok dilli kıyaslama testinde ise Claude Opus'a rakip oluyor.

Resmi web sitesinde piyasaya sürüldüğünde, ön uç yeteneklerini hızla test ettik ve bunların olağanüstü güçlü olduğunu gördük, bu da bu makalede ele alınan testlere yol açtı. Farklı modellerin belirli performanslarını sizinle paylaşmayı amaçlıyoruz.

Bu testin öncelikli olarak ön uç yeteneklerine odaklandığını ve bu nedenle farklı modellerin performansını nesnel olarak incelemenin önemli olduğunu belirtmek önemlidir. Kendi testlerinizi yürütmek ve içgörülerinizi ve bulgularınızı paylaşmak için sağladığımız istemleri kullanabilirsiniz.

Aynı istemi kullanarak bunu Claude Opus 4, Sonnet 4, Gemini 2.5 Pro ve DeepSeek R1-0528ve giderek zorlaşan altı ön uç geliştirme görevinde yarışmalarını sağladık.

Sabırsızlananlar için sonuç şu şekilde:

Deepseek-R1-0528, ön uç yeteneklerinde Opus 4'ün biraz gerisinde kalıyor ancak daha iyi performans gösteriyor Sone 4 ve Gemini 2.5 Pro.

Temel olarak, Opus'un tamamlayabildiği herhangi bir görevi R1 de tamamlayabilir ve hatta Opus 4'ün tamamlayamadığı görevleri bile R1 halledebilir, ancak tamamlanma oranları ve sonuç kalitesi biraz daha düşük olur.

R1 ile diğer üçü arasındaki fiyat farkını düşündüğümüzde bu performansın zaten mükemmel olduğunu görüyoruz, R2'nin ne kadar etkileyici olacağını ise ancak tahmin edebiliyoruz.

Test 1: Depo Yönetim Sistemi

İstem: Lütfen aşağıdaki gereksinimleri karşılayan eksiksiz bir web tabanlı ürün yönetim aracı oluşturmama yardım edin:

İşlevsel Gereksinimler

1. Ürün Yönetimi

• Ürün Bilgi Girişi: Ürün adı, türü/kategorisi, SKU numarası, fiyatı, stok miktarı
• Ürün görsel yönetimi: Resim yükleme ve önizleme desteği (bir dosya seçiciyle simüle edilmiştir)
• Ürün listesi görüntüleme: Tüm ürünleri tablo biçiminde, arama ve filtreleme desteğiyle görüntüleyin
• Ürün düzenleme: Ürün bilgisi değişikliğini destekleyin
• Ürün silme: Ürün silme desteği (onay istemiyle)

2. Envanter yönetimi

• Gelen operasyonlar: Ürün stok miktarını artırın, gelen zamanı ve miktarı kaydedin
• Giden operasyonlar: Ürün stok miktarını azaltın, çıkış zamanını ve miktarını kaydedin
• Envanter kayıtları: Her ürün için envanter değişikliği geçmişini görüntüler

3. Arayüz özellikleri

• Gösterge Tablosu: Toplam ürün sayısı, toplam stok değeri, düşük stok uyarıları vb. gibi istatistikleri görüntüler.
• Duyarlı tasarım: Masaüstü ve mobil cihazlara uyarlanabilir
• Veri kalıcılığı: Verileri kaydetmek için localStorage'ı kullanır

Teknik gereksinimler

Stiller ve simgeler

• CSS çerçevesi: TailwindCSS 3.0+ CDN'yi kullanır
• Simge kütüphanesi: Heroicons veya Feather Icons CDN'yi kullanır
• Yazı tipi: Google Fontlarını Kullan

Kod Yapısı

• Tek sayfalık başvuru: HTML + CSS + JavaScript
• Modüler tasarım: Fonksiyonları farklı JavaScript modüllerine ayırın
• Veri biçimi: Ürün verilerini depolamak için JSON formatını kullanın

Arayüz Tasarım Gereksinimleri

• Modern kullanıcı arayüzü: Basit ve güzel arayüz tasarımı
• Renk düzeni: Profesyonel iş renk kombinasyonlarını kullanın
• Etkileşimli geri bildirim: Düğme tıklamaları, form doğrulaması ve diğer etkileşimli efektler
• Form doğrulaması: Gerekli alan doğrulaması, veri biçimi doğrulaması

Veri Yapısı Örneği

Lütfen tüm özelliklerin işlevsel olduğundan ve doğrudan tarayıcıda çalışabildiğinden emin olarak, gerekli tüm CSS ve JavaScript kodlarını içeren eksiksiz bir HTML dosyası oluşturun.

Test sonuçlarına bir bakalım. Mantık aslında oldukça karmaşıktır, modelin bağlam uzunluğunu, estetik duygusunu ve mantıksal işleme yeteneklerini test eder.

Bu durumda Deepseek haricindeki tüm modeller başarısız oldu. Claude 4'ün çevirisi Dürüst olmak gerekirse pek de öyle değildi.

Derin Arama-R1-0528: R1'in yükseltilmiş sürümü çok güçlü. Gördüğünüz gibi, arayüz çok profesyonel ve ayrıca yeni ürünler yaratabilir, normal giden ve gelen işlemleri gerçekleştirebilir ve ürün, envanter yönetimi ve envanter raporlarını üç sayfaya bölebilirsiniz, bu da genel olarak çok açıktır. Ayrıca özel bir gösterge paneli sayfası var ve test için bazı örnek veriler yazdı. Diğer modellerde veri yok ve ürün eklemek işe yaramıyor, bu nedenle test etmek tamamen imkansız.

Claude'un Eseri 4: SaaS platformlarında yaygın olan kenar çubuğu yerine üst gezinme çubuğunu kullanan, çok basit, büyük bir arayüzle başlar. Ürün eklemek, kaydederken bir hataya neden olur ve test etmeyi imkansız hale getirir.

Claude Sone 4: Opus 4 ile karşılaştırıldığında, arayüz daha da basit. "Ürün Ekle" düğmesine tıklamak yanıt vermiyor ve hiçbir form açılır penceresi görünmüyor. Diğer sayfalar esasen sadece yer tutucular.

İkizler 2.5 Pro: Google'ın sürümü Claude'unkinden daha iyi. Ürün eklemeye ve çalıştırmaya izin veriyor, ancak hatalar var. İlk denediğimde çalışıyordu, ancak video kaydettiğimde çalışmıyordu. Ancak, Gemini'nin etkileşim tasarımı oldukça karmaşık, envanter yönetimi ve kayıt tutmanın hepsi tek bir tabloda, bu da biraz zorluk yaratıyor.

Test 2: Piksel Animasyon Düzenleyicisi

Sırada görsel yetenek testi var. Onlardan P5.js kullanarak hareket modlarını destekleyen, nokta şekillerini, boyutlarını, hızlarını ve diğer koşulları ayarlayan bir piksel sanat animasyon editörü oluşturmalarını istedim.

Komut: Aşağıdaki teknik gereksinimleri karşılayan, P5.js tabanlı tam ekran etkileşimli piksel sanat animasyon oluşturucusu oluşturun:

Temel Özellikler

• P5.js kullanarak tam ekran piksel sanat animasyonu uygulayın, animasyon tüm görüntüleme alanını kaplasın
• Piksel ızgarasının toplam alanı, en küçük ızgara aralığında bile tam kapsama sağlamak için görünür alanın en az 10 katı olmalıdır
• Birden fazla animasyon modu sağlayın: Dalga, Darbe, Dalgalanma, Gürültü
• Birden fazla nokta şekli seçeneğini destekler: daire, kare, çarpı, üçgen, elmas vb.
• Tüm kontrol panelleri sayfanın sağ tarafına yerleştirilmiştir ve mobil cihazlarda alt tarafa daraltılabilir

Ayarlanabilir Parametreler

• Nokta yoğunluğu: Satır/sütun başına nokta sayısını kontrol edin
• Şekil boyutu: Noktaların boyutunu ayarlayın
• Animasyon hızı: Animasyon efektinin hızını ve genliğini kontrol edin
• Izgara aralığı: Noktalar arasındaki mesafeyi ayarlayın

Teknik Özellikler

• HTML5, TailwindCSS 3.0+ (CDN aracılığıyla tanıtıldı) ve P5.js kullanın
• Sistem ayarlarına varsayılan olarak tam karanlık/aydınlık mod değiştirme işlevselliğini uygulayın
• Kod, yalnızca görünür alandaki ve kenarlara yakın noktaları işleyen performans optimizasyon mantığını içermelidir
• Animasyonlar gecikme olmadan sorunsuz bir şekilde çalışmalıdır

Duyarlı tasarım

• Sayfalar tüm cihazlarda (mobil, tablet, masaüstü) kusursuz bir şekilde görüntülenmelidir
• Kontrol panelleri mobil görünümde daraltılabilir/genişletilebilir olmalıdır
• Farklı ekran boyutları için düzeni ve yazı tipi boyutlarını optimize edin
• Mobil cihazlarda iyi bir dokunmatik deneyimi sağlayın

Arayüz Elemanları

• Animasyon modu seçici (dalga, darbe, dalgalanma, gürültü)
• Şekil seçici (çeşitli şekilleri simgelerle görüntüler)
• Kaydırıcı denetimleri: yoğunluk, boyut, hız, aralık
• Tema değiştirme düğmesi
• Matris kaplama bilgilerini ve toplam nokta sayısını görüntüle

Sonuçlara bir göz atın. Dürüst olmak gerekirse, diğer modellerin bu testte bu kadar kötü performans göstereceğini beklemiyordum. Deepseek-R1 hariç, diğer modellerin animasyonları hiç çalışmadı.

Derin Arama-R1-0528: Kusursuz. Her düğme ve kaydırıcı normal şekilde çalışıyor ve noktalar düzgün bir şekilde hareket ediyor. Hatta nokta matrisi verisi bile ekledi ve renkler gece moduna geçtikten sonra bile tutarlı kalıyor. Tek küçük sorun, renk seçiminin seçili durumunda ufak bir sorun olması ancak bu, diğer modellerin feci performansıyla karşılaştırıldığında önemsiz.

Claude'un Eseri 4: İyi haber: piksel sanatı var. Kötü haber: hareket etmiyor. Sağ taraftaki içerik normal şekilde çalıştırılabiliyor ancak gece moduna geçtikten sonra renk şeması yanlış.

Claude Sone 4: Bu bir felaket. Piksel sanatı yok ve hatta düğme seçimi durumu bile eksik. Kaydırıcılar sadece noktalardan oluşuyor—varsayılan bileşenleri kullanabilirsiniz.

İkizler 2.5 Pro: Ayrıca piksel ızgarası olmayan bir hata bildiriyor. Sağ taraftaki içerik normal şekilde çalıştırılabiliyor ve tema değiştirme iyi çalışıyor, ancak varsayılan bileşenler biraz çirkin.

Test 3: Görüntü gradyan renk çıkarma aracı

Bu daha önce yazdığım bir araçtır. Mantığın çok fazla açıklaması yoktur, ancak stilin daha fazla açıklaması vardır. Ana işlevi bir görüntüden beş set degrade renk çıkarmaktır.

İstem: Aşağıdaki dosya içeriğine dayalı bir HTML web sayfası oluşturun, yüklenen resimlerden beş set degrade renginin çıkarılmasını destekleyin ve kullanıcıların beş set onaltılık degrade rengini doğrudan kopyalamasına izin verin. Renk çıkarma işlevinin uygulanması gerekir.

1. NetEase Cloud Music tarzı görsel tasarımını kullanın, vurgu olarak #FE1110'a benzer bir renkle beyaz arka plan kullanın
2. Önemli noktaları vurgulamak için büyük yazı tiplerini veya sayıları vurgulayın. Odak alanlarını vurgulamak için büyük boyutlu görsel öğeler ekleyin ve daha küçük öğelerle kontrast yaratın.
3. Çince ve İngilizce metinleri karıştırın. Kalın, büyük Çince karakterler ve daha küçük İngilizce metinleri vurgu olarak kullanın.
4. Veri görselleştirme veya dekoratif öğeler olarak basit çizgi çizilmiş grafikler kullanın.
5. Teknolojik bir etki yaratmak için vurgu renklerinin şeffaflık geçişini kullanın; ancak farklı vurgu renklerinin birbirine karışmamasına dikkat edin.
6. Apple'ın resmi web sitesi animasyonlarını taklit edin, fare kaydırma animasyonları tetikler
7. Veriler, temayla tutarlı stiller ile çevrimiçi grafik bileşenlerinden referans alınabilir
8. Framer Motion'ı kullanın (CDN aracılığıyla)
9. HTML5, TailwindCSS 3.0+ (CDN aracılığıyla) ve gerekli JavaScript'i kullanın
10. Font Awesome veya Material Icons (CDN aracılığıyla) gibi profesyonel simge kitaplıklarını kullanın
11. Birincil simgeler olarak emojileri kullanmaktan kaçının
12. Sol alt köşedeki kapsül düğmesi yazarın Twitter kullanıcı adını görüntüler

Bu durumda Claude sonunda harika bir iş çıkardı. Deepseek-R1-0528'in sayfa detayları ve estetiği etkileyici, ancak işlevsellik uygulanmamış. Opus 4 ve Sonnet 4 sayfaları daha basit ama en azından işlevsel, Gemini ise hiç işlevsel değil.

Derin Arama-R1-0528: İstemimi tekrar kullandıktan sonra Deepseek'in sayfa estetiği gerçekten eşsiz. Ayrıca sayfaya uygulama senaryoları ve işlem süreleri gibi çok sayıda SEO dostu içerik ekledi. Gradyan renkli ekran kartları da oldukça ayrıntılı, ancak renk seçimi mantığı uygulanmamış.

Claude'un Eseri 4: Bu sefer Claude sonunda hayal kırıklığına uğratmadı ve sayfa işlevselliğini tamamladı, ancak sayfa içeriği çok basit, yalnızca görselleri ve sonuçları yüklemek için bir yer var ve renk seçme mantığı da zayıf. Ancak, en azından işe yarıyor.

Claude Sone 4: Sonnet 4'te de işlevsellik tamamlanmış durumda ve hatta Sonnet'in sonuçlarının Opus'unkinden daha iyi olduğunu düşünüyorum, yine de Deepseek kadar zengin değil.

İkizler 2.5 Pro: En kötüsü bu. Sadece sayfa detayları ve estetiği eksik değil, aynı zamanda işlevsellik de uygulanmamış ve başlangıçta çöküyor.

Test 4: Beyaz Gürültü Günlük Alıntı Web Sitesi

Sırada yeni bir sekme sayfası eklentisi için mükemmel olan beyaz gürültü günlük alıntı web sitesi oluşturucusu var. Spotify'dan beyaz gürültü çalmayı destekler ve web sayfası görüntülenir

Komut: Lütfen aşağıdaki gereksinimleri karşılayan basit ve şık bir günlük alıntı web sitesi oluşturmama yardım edin:

Görsel Tasarım

• Arkaplan Görüntüsü: Aşağıdaki bağlantılardan rastgele yüksek kaliteli manzara resimlerini arka plan resmi olarak seçin
• Resim Bağlantıları:XXXXXX
• Görüntü İşleme: Metnin net ve okunabilir kalmasını sağlamak için 25% siyah maske ve hafif bir Gauss bulanıklığı ekleyin
• Genel Stil: Minimalist ve modern, web sayfasının arka planında yer alan manzara resimleriyle daldırma hissini arttırın
• Animasyon çerçevesi için anime.js'i (CDN aracılığıyla tanıtıldı: JsDelivr jsdelivr.com), HTML5'i, TailwindCSS 3.0+'ı (CDN aracılığıyla tanıtıldı) ve gerekli JavaScript'i kullanın ve Font Awesome veya Material Icons (CDN aracılığıyla tanıtıldı) gibi profesyonel simge kütüphanelerini kullanın.

Zaman görüntüleme modülü

• Tepe: Ay ve gün biçimini (örneğin, "29 Mayıs") daha küçük bir yazı tipinde, ortada görüntüleyin
• İkinci sıra: “Hafta X · Ay takvimi X. ay X. gün” biçimini daha küçük bir yazı tipinde görüntüler
• Merkez: Güncel tarihi büyük beyaz yazı tipiyle, ortada vurgular

Teklif görüntüleme modülü

• İçerik: Çinli ve yabancı filozof ve yazarların klasik alıntılarını rastgele görüntüler
• Düzen: Alıntılar ortalanmış, yazı tipi boyutu orta ve satır aralığı rahat
• Atıf: “Yazar, XXX” veya “Filozof, XXX” sağ altta görüntülenir
• Alıntı Kütüphanesi: Motivasyon, yaşam içgörüleri ve bilgelik gibi çeşitli konularda alıntılar içerir

Müzik Çalma İşlevi

• Konum: Sayfanın sol alt köşesi, varsayılan olarak daraltılmıştır
• İçerik: Spotify beyaz gürültü çalma listesini yerleştir
• Kod:

Teknik Uygulama

• Duyarlı Tasarım: Masaüstü ve mobil cihazlara uyarlanmıştır
• Yazı Tipi Seçimi: Google Fonts tarafından sunulan zarif Çince yazı tiplerini kullanın
• Renk Şeması: Her türlü arka planda okunabilirliği sağlamak için çoğunlukla beyaz metin kullanın
• Yükleme Optimizasyonu: Sayfa performansını iyileştirmek için görsellerin tembel yüklenmesi

Etkileşimli Özellikler

• Otomatik Yenileme: Arka plan resmini ve alıntıyı her gün otomatik olarak değiştirir
• Manuel Yenileme: Kullanıcıların içeriği manuel olarak değiştirmesine olanak tanıyan bir yenileme düğmesi sağlar

Metin Yazarlığı Stili

• Teklif Seçimi: Kısa, olumlu ve felsefi alıntıları tercih ederim
• Dil Stili: Öz ve güçlü, aşırı uzunluktan kaçınılmış
• Tema Sınıflandırması: Yaşam anlayışları, ilham verici gelişim, bilge düşünceler, duygusal ifade vb.

Lütfen yukarıdaki gereksinimlere uygun, arayüzün estetik açıdan hoş, işlevsel olmasını ve iyi bir kullanıcı deneyimi sağlamasını sağlayarak eksiksiz bir HTML/CSS/JavaScript web sitesi oluşturun.

Bu test tamamen her modelin estetik anlayışını değerlendirmek içindir. Bu tür görüntüleme odaklı web sayfaları genellikle elde edilebilir.

Claude Opus 4'ün bu alanda hala oldukça yetkili olduğunu, ayrıntılara mükemmel dikkat gösterdiğini söylemek gerekir. Gemini 2.5 Pro da iyidir, hatta görüntü geçişlerine animasyon efektleri ekler. Deepseek ve Sonnet 4 aynı seviyededir.

Derin Arama-R1-0528: Önce Deepseek'i çalıştırdım ve zaten oldukça iyi olduğunu düşündüm. Genel estetikle ilgili ilk sorun, sol alt köşedeki müzik düğmesiydi, biraz fazla düzdü. Alıntı bölümünde de sorunlar vardı—siyah maske eklenmemeliydi ve metin hizalaması biraz bozuktu. Ancak, yenileme için bir animasyon efekti ekledi.

Claude'un Eseri 4: Opus 4'ün estetiği gerçekten kusursuz. Tüm yazı tiplerinin boyutu ve aralıkları çok rahat ve ünlü sözlerin alıntıları hem alıntı metni hem de tırnak işaretleri için şeffaflıkla işlenmiş. Spotify oynatıcısı bile genişletme/daraltma animasyonlu bir kullanıcı arayüzüne sarılmış. Mükemmel.

Claude Sone 4: Sonnet 4'ün etkisi Deepseek'in sorununa benzer. Müzik çalma düğmesi, metin boyutu, hizalama ve aralık daha da optimize edilebilir.

İkizler 2.5 Pro: Gemini'nin efekti de iyi, ancak metin gölgesini kaldırmak daha iyi olurdu. Ayrıca Spotify oynatıcı kullanıcı arayüzünü özelleştirdi ve metin ayrıntıları iyi. Geçiş efekti fark edilir, görüntüde bir germe efekti var.

Test 5: Uyku uygulaması sayfası oluşturma

Sırada mobil uygulama testi var. Her birinin bir uyku izleme uygulaması oluşturmasını sağlayın. İstem, teknik yığını ve tasarım gereksinimlerini belirleyecek ve birden fazla etkileşimli sayfanın oluşturulmasını gerektirecektir.

İstem: Uyku izleme uygulaması geliştirme gereksinimleri

Proje genel bakışı

Lütfen dört ana işlevsel sayfadan oluşan eksiksiz bir uyku izleme uygulaması oluşturmama yardım edin. Arayüz estetik açıdan hoş ve profesyonel olmalıdır.

Teknik yığın gereksinimleri

Önyüz teknolojileri

– HTML5 – Sayfa yapısı

– TailwindCSS v3.0+ – Stil çerçevesi (CDN aracılığıyla tanıtıldı)

– JavaScript – Gerekli etkileşim mantığı

– Anime.js v4.0.2 – Animasyon efekt kütüphanesi

• Kanada: https://cdn.jsdelivr.net/npm/animejs@4.0.2/+esm

Simgeler ve grafikler

• Simge kütüphanesi: Font Awesome veya Material Icons (CDN)
• Grafik bileşenleri: Çevrimiçi grafik bileşenleri, stilleri temayla tutarlı olmalıdır
• Veri görselleştirme: Uyku verilerinin grafiksel gösterimini destekler

Tasarım gereksinimleri

Duyarlı tasarım

• Tamamen duyarlı düzen
• Mobil öncelikli tasarım
• Hem masaüstü hem de mobil cihazlarda iyi görüntü

Etkileşim etkileri

• Düğme etkileşimi: Gezinme sırasındaki efekt biraz büyütüldü

Form etkileşimi: Giriş alanı odaklandığında bir degrade kenarlık görüntüle

Kart etkileşimi: Üzerine gelindiğinde gölgeyi koyulaştır

Animasyon efektleri: Pürüzsüz sayfa animasyonları elde etmek için Anime.js kullanın

İşlevsel Sayfa Gereksinimleri

Lütfen bir uyku izleme uygulaması için gerekli olan tüm sayfaları oluşturun. Bunlara şunlar dahildir ancak bunlarla sınırlı değildir:

• Ana sayfa/gösterge paneli
• Uyku kaydı sayfası
• Veri analizi sayfası
• Ayarlar sayfası
• Diğer ilgili işlevsel sayfalar

Kod Çıktı Gereksinimleri

• Her sayfa bağımsız bir HTML dosyasıdır
• Tam yorumlarla net kod yapısı
• Tüm CDN bağlantılarının erişilebilir olduğundan emin olun
• Tam, çalıştırılabilir kod sağlayın

Mobil mantık ve arayüz açısından Cluade Opus 4, iyi mantıkla birden fazla sayfayı tamamlayarak gücünü bir kez daha gösterdi. Diğer modeller yalnızca tek bir sayfa üretti, ancak Deepseek R1 0528 estetik açıdan aniden hedefi tutturdu, güzel bir stile sahipti. Yalnızca tek bir sayfa üretmesine rağmen çok eksiksizdi.

Derin Arama-R1-0528: Sadece tek bir sayfa oluşturuldu, ancak genel estetik iyi. Kartların detayları ve simgelerin kullanımı iyi yapılmış ve tüm sayfa tamamlanmış ve uzun. Ayrıca, gezinme için duyarlı tasarım uygulandı ve bu da mobil ve masaüstü cihazlarda tamamen farklı düzenlerle sonuçlandı.

Claude'un Eseri 4: Gerçekten güçlü, sadece Opus4 tüm sayfaları eksiksiz oluşturuyordu, ancak bu seferki estetik tasarım çok iyi değil, web sayfası mantığı kullanılıyor ve gezinme ikonları çok küçük.

Claude Sone 4: Sadece tek bir sayfa oluşturuldu ve hatalar bildirildi, estetik açıdan kötü bir tasarıma sahip olmasına rağmen görev tamamlandı.

İkizler 2.5 Pro: Google her zaman işleri farklı yapar. Her sayfayı ayrı ayrı oluşturur ve birbirleriyle etkileşime giremeyen dört dosya sağlar. Ek olarak, tüm sayfalar hatalar bildirdi, her sayfa yalnızca gezinme içeriyordu ve içerik içermiyordu, bu da oldukça hayal kırıklığı yarattı.

Test 6: Karmaşık İşlevsellik—Tetris

Son olarak, küçük bir oyun testiyle bitirdim. Özel bloklar, tema değiştirme, blok iniş tahmini, blok depolama ve daha fazlasıyla nispeten karmaşık bir Tetris oyunu tasarladım - gerçek bir nihai meydan okuma.

Komut: Lütfen aşağıdaki gereksinimleri karşılayan, tam işlevli, görsel olarak çekici bir Tetris web oyunu oluşturmama yardım edin:

Temel oyun özellikleri

1. Tam Tetris mekanizması: 7 standart blok (I, O, T, S, Z, J, L)
2. Pürüzsüz kontroller: sola ve sağa hareket, dönme, hızlı bırakma, anında bırakma
3. Akıllı eleme sistemi: Özel animasyon efektleriyle aynı anda 1-4 satırın ortadan kaldırılmasını destekler
4. Aşamalı zorluk sistemi: otomatik olarak ortadan kaldırılan satır sayısına bağlı olarak düşme hızını ve seviyesini artırır

Gelişmiş özellikler

1. Önizleme sistemi: sonraki ve sonraki-sonraki blokları görüntüler
2. Tutma Fonksiyonu: Mevcut bloğu geçici olarak saklamak için Hold tuşuna basılı tutun. Tur başına yalnızca bir kez kullanılabilir
3. Hayalet Blokları: Blokların iniş pozisyonunu yarı saydam biçimde görüntüler
4. Kombo Sistem: Sürekli temizleme ekstra puan ve görsel efektler sağlar
5. Özel Beceriler:
   1. Bomba Bloğu (çevreyi temizler)
   2. Lazer Temizle (tüm satırı temizler)
   3. Zaman Duraklatma (bloklar 3 saniyeliğine düşmeyi durdurur)

Görsel Tasarım Gereksinimleri

1. Modern UI Arayüzü:
   1. Gradyan arka plan veya parçacık efektleri
   2. Cam efektli oyun paneli
   3. Pürüzsüz animasyon geçişleri
   4. Farklı ekranlara duyarlı tasarım
2. Zengin görsel efektler:
   1. Blokların düşmesi ve dönmesinin düzgün animasyonu
   2. Ortadan kaldırıldığında patlama veya flaş efektleri
   3. Kombo elde edildiğinde ekran titremesi efekti
   4. Seviye yükseltildiğinde kutlama animasyonu
3. Tema sistemi: En az 3 farklı görsel tema arasında geçiş yapılabilir

Ses efekti sistemi

1. Tam ses geri bildirimi: hareket, dönme, iniş, eleme, oyun sonu, vb.
2. Arka plan müziği: döngülü oyun BGM'si
3. Ses kontrolü: Bağımsız olarak ayarlanabilen ses efektleri ve arka plan müziği ses seviyesi

Oyun modları

1. Klasik mod: Geleneksel Tetris oyun tarzı
2. Zaman sınırlı mod:belirli bir zaman sınırı içinde en yüksek puanı elde etmek
3. Meydan okuma modu: zorluğu artırmak için önceden ayarlanmış engeller
4. Zen modu: zaman baskısı yok, oyunun saf keyfi

Veri istatistikleri özellikleri

1. Gerçek zamanlı istatistikler: mevcut skor, seviye, temizlenen hat sayısı, oyun süresi
2. Tarih: en yüksek skor, en iyi seviye, toplam oyun süresi
3. Başarı sistemi: Çeşitli oyun başarılarının kilidini açın
4. Yerel depolama: oyun kayıtlarını ve ayarlarını kaydet

Teknik gereksinimler

1. Saf HTML5/CSS3/JavaScript kullanır, harici çerçevelere gerek yok
2. Net kod yapısı: nesne yönelimli programlama, modüler tasarım
3. Performans optimizasyonu: akıcı 60FPS animasyon, gecikme yok
4. Uyumluluk: ana akım modern tarayıcıları destekler
5. Duyarlı tasarım: Bilgisayarlar ve mobil cihazlarla uyumludur

Kullanıcı deneyimi

1. Sezgisel talimatlar: Dahili öğretici ve düğme istemleri
2. Duraklatma/devam ettirme işlevi: Oyunu istediğiniz zaman duraklatabilirsiniz
3. Ayarlar menüsü: Oyun zorluğunu, ses efektlerini, görsel efektleri vb. ayarlayın.
4. Oyun durumu kaydediliyor: Oyunu kaydetmeyi ve devam ettirmeyi destekler

Kod kalitesi gereksinimleri

1. Ayrıntılı yorumlar: Her fonksiyon ve önemli kod parçasının bir açıklaması olmalıdır
2. Hata işleme: Kapsamlı istisna yakalama ve işleme mekanizması
3. Zarif kod: En iyi uygulamaları takip edin, anlaşılması ve bakımı kolaydır
4. Genişletilebilirlik: Gelecekte yeni özellikler eklemek kolaydır

Lütfen doğrudan bir tarayıcıda çalıştırılabilmelerini sağlamak için tüm CSS ve JavaScript kodlarını içeren eksiksiz HTML dosyaları sağlayın. Kod, profesyonel programlama becerilerini ve oyun geliştirme konusunda derin bir anlayışı göstermelidir.

Mini oyunda Claude'un bir işi var. Hem Opus hem de Sonnet, özellikle özel bloklar için mantık olmak üzere, gereken şekilde karşılık gelen Tetris bloklarını üretti. Deepseek, Claude'un gözden kaçırdığı temayı ele aldı ancak özel blokları kaçırdı ve bunun sonucunda Gemini 2.5 Pro oynanamaz bloklar üretti.

Derin Arama-R1-0528: Görev çok iyi ve özelliklere uygun şekilde tamamlandı, ancak özel blok tasarımı atlandı ve hiç uygulanmadı. Bu, komut istemi sözcüklerini takip etmeyle ilgili sorunlardan kaynaklanıyor olabilir. Tüm web sayfası bir oyun arayüzüne benziyor ve tüm düğmeler standart bileşenler gibi görünüyor.

Claude'un Eseri 4: Özel bloklar ve diğer mantıklar için mantığı sorunsuz bir şekilde tamamladı, ancak uygulamadığı tema değiştirme istemini görmezden geldi. DeepSeek'nin sorunlarıyla karşılaştırıldığında, bu daha küçük bir sorun, ancak arayüz yanıt veren bir mantık olmadan sabit kodlanmış, bu nedenle oranlar biraz bozuk, bu da bazı düğmelerin tıklanamaz hale gelmesine neden oluyor.

Claude Sone 4: Opus'a benzer, ancak bence Sonnet 4 Opus'tan daha iyi. Sayfa uyarlaması da iyi. Bu, Sonnet'in kazandığı hissi uyandırıyor, çünkü gerekli tüm işlevleri tamamlamış.

İkizler 2.5 Pro: Gemini sürekli olarak karmaşık mantıkla mücadele eder. Bu sefer, tuğla yerleşiminde bir hata olduğu için tamamen kullanılamazdı, bu da nereye ineceklerini tahmin etmeyi imkansız hale getiriyordu. En kötüsü.

Sanırım artık siz de benim kadar DeepSeek-R1'in performansına hayran kalmışsınızdır.

Bunun sadece küçük bir model yükseltmesi olduğuna inanmak zor. Bu modellerin fiyatlarını DeepSeek R1 0528 ile karşılaştıralım.

Opus 4, Openrouter'ın fiyatlandırmasını kullanarak 30 kat daha pahalıdır; resmi fiyat daha da şaşırtıcı olacaktır.

model	Bağlam uzunluğu	Giriş fiyatı ($/M token)	Çıkış fiyatı ($/M token)	resim fiyatı($/K token)
DeepSeek R1 0528	160 bin	0.50	2.18	–
Gemini 2.5 pro önizleme	1000 bin	1.25	10	5.16
Claude Sone 4	200 bin	3.00	15	4.80
Claude Opus 4	200 bin	15.00	75	24.00

Günlük olarak AI haberleriyle uğraşan biri olarak, sonunda "hayal kırıklığı" yaratan sayısız "atılım"a tanık oldum. Ancak bu sefer farklı. DeepSeek-R1 bana gerçek umut verdi.

30 kat fiyat farkı ama neredeyse aynı performans.

Artık en iyi AI programlama modellerini kullanmak için fahiş fiyatlar ödememize gerek yok, maliyet ve kalite arasında acı verici uzlaşmalar yapmamız da gerekmiyor. Daha da ilham verici olan şey, bunun bizim kendi modelimiz olması.

Bu cümleyi yapay zeka yazmış ve bence harika: Gerçek devrim genellikle sıradan insanların yıldızlara ulaşabildiği zaman başlar.