Confruntarea celor mai bune patru modele! O recenzie demonstrează cât de puternic este Deepseek R1

În ultimele zile, Deepseek-R1 0528 a fost oficial disponibil ca versiune open-source.

Pe LiveCodeBench, performanța sa este aproape la egalitate cu o3 (ridicat) al OpenAI; în testul de referință multilingv al Aider, se menține ferm în fața lui Claude Opus.

Când a fost lansat pe site-ul oficial, am testat rapid capacitățile sale front-end și le-am constatat a fi excepțional de puternice, ceea ce a dus la testele prezentate în acest articol. Ne propunem să împărtășim cu dumneavoastră performanța specifică a diferitelor modele.

Este important de menționat că acest test se concentrează în principal pe capacitățile front-end, așadar este esențial să se analizeze performanța diferitelor modele în mod obiectiv. Puteți folosi instrucțiunile pe care le oferim pentru a vă realiza propriile teste și a vă împărtăși perspectivele și constatările.

Folosind aceeași solicitare, l-am trimis către Claude Opus 4, Sonnet 4, Gemini 2.5 Pro și DeepSeek R1-0528și i-a pus să concureze în șase sarcini de dezvoltare front-end din ce în ce mai dificile.

Pentru cei care abia așteaptă, iată concluzia:

Deepseek-R1-0528 este ușor în urma Opus 4 în ceea ce privește capacitățile front-end, dar îl depășește în performanță. Sonetul 4 și Gemini 2.5 Pro.

Practic, orice sarcină pe care Opus o poate finaliza, R1 o poate finaliza și ea, și chiar și sarcinile pe care Opus 4 nu le poate finaliza, R1 le poate gestiona, deși cu rate de finalizare și o calitate a rezultatelor puțin mai mici.

Având în vedere diferența de preț dintre R1 și celelalte trei, această performanță este deja excelentă și ne putem doar imagina cât de impresionant va fi R2.

Testul 1: Sistem de gestionare a depozitului

Solicitare: Vă rog să mă ajutați să creez un instrument complet de gestionare a produselor bazat pe web, cu următoarele cerințe:

Cerințe funcționale

1. Managementul Produselor

• Introducerea informațiilor despre produsNume produs, tip/categorie, număr SKU, preț, cantitate din stoc
• Gestionarea imaginii produsuluiSuport pentru încărcarea și previzualizarea imaginilor (simulate cu un selector de fișiere)
• Afișarea listei de produseAfișați toate produsele într-un format tabelar, cu suport pentru căutare și filtrare
• Editarea produsului: Suport pentru modificarea informațiilor despre produs
• Ștergerea produsului: Suport pentru ștergerea produselor (cu solicitare de confirmare)

2. Gestionarea stocurilor

• Operațiuni de intrareCreșterea cantității de produse din stoc, înregistrarea timpului de intrare și a cantității
• Operațiuni de ieșireReduceți cantitatea de produse din stoc, înregistrați timpul și cantitatea de ieșire
• Înregistrări de inventarAfișează istoricul modificărilor stocului pentru fiecare produs

3. Caracteristici ale interfeței

• Tablou de bordAfișează statistici precum numărul total de produse, valoarea totală a stocului, alertele de stoc scăzut etc.
• Design responsivAdaptabil la desktop și dispozitive mobile
• Persistența datelorFolosește localStorage pentru a salva datele

Cerințe tehnice

Stiluri și pictograme

• Cadrul CSSFolosește TailwindCSS 3.0+ CDN
• Bibliotecă de pictogrameFolosește Heroicons sau Feather Icons CDN
• FontFolosește fonturi Google

Structura codului

• Aplicație pe o singură paginăHTML + CSS + JavaScript
• Design modularÎmpărțiți funcțiile în diferite module JavaScript
• Formatul datelorFolosește formatul JSON pentru stocarea datelor despre produse

Cerințe de design al interfeței

• Interfață utilizator modernăDesign de interfață simplu și frumos
• Schema de culoriFolosește combinații de culori profesionale pentru afaceri
• Feedback interactivClicuri pe butoane, validare formulare și alte efecte interactive
• Validarea formularuluiValidarea câmpurilor obligatorii, validarea formatului datelor

Exemplu de structură de date

Vă rugăm să generați un fișier HTML complet care să conțină tot codul CSS și JavaScript necesar, asigurându-vă că toate funcțiile sunt funcționale și pot rula direct într-un browser.

Să aruncăm o privire la rezultatele testelor. Logica este de fapt destul de complexă, testând lungimea contextului modelului, simțul estetic și capacitățile de procesare logică.

În acest caz, toate modelele, cu excepția Deepseek, au eșuat. Traducerea lui Claude 4 a fost destul de ciudat, ca să fiu sincer.

Deepseek-R1-0528: Versiunea actualizată a R1 este foarte puternică. După cum puteți vedea, interfața este foarte profesională și puteți crea produse noi, puteți efectua operațiuni normale de ieșire și intrare și puteți împărți rapoartele de produs, gestionare a stocurilor și inventar în trei pagini, ceea ce este foarte clar per total. Există, de asemenea, o pagină dedicată tabloului de bord și a scris câteva date exemplu pentru testare. Celelalte modele nu au date, iar adăugarea de produse nu funcționează, așa că testarea este complet imposibilă.

Claude Opus 4: Începe cu o interfață mare, foarte simplă, folosind o bară de navigare superioară în loc de bara laterală comună în platformele SaaS. Adăugarea de produse duce la o eroare la salvare, ceea ce face imposibilă testarea.

Sonetul 4 al lui Claude: Comparativ cu Opus 4, interfața este și mai simplă. Nu se răspunde la clicul pe butonul „Adăugați produs” și nu apare nicio fereastră pop-up de formular. Celelalte pagini sunt practic doar spații temporare.

Gemini 2.5 Pro: Versiunea Google este mai bună decât cea a lui Claude. Permite adăugarea de produse și rulări, dar există erori. A funcționat când am încercat-o prima dată, dar nu și când am înregistrat un videoclip. Cu toate acestea, designul de interacțiune al lui Gemini este destul de complex, cu gestionarea inventarului și evidența tuturor într-un singur tabel, ceea ce adaugă o oarecare dificultate.

Testul 2: Editor de animații pixel

Urmează un test de abilitate vizuală. Le-am cerut să creeze un editor de animație pixel art folosind P5.js, care să accepte moduri de mișcare, să ajusteze formele punctelor, dimensiunile, vitezele și alte condiții.

Prompt: Creați un generator de animații pixel art interactive pe ecran complet bazat pe P5.js, îndeplinind următoarele cerințe tehnice:

Caracteristici principale

• Implementează o animație pixel art pe tot ecranul folosind P5.js, animația acoperind întreaga zonă a ferestrei de vizualizare.
• Suprafața totală a grilei de pixeli trebuie să fie de cel puțin 10 ori mai mare decât suprafața vizibilă pentru a asigura o acoperire completă chiar și la cea mai mică distanță dintre grile.
• Oferă mai multe moduri de animație: Undă, Puls, Ondulație, Zgomot
• Acceptă mai multe opțiuni de formă a punctelor: cerc, pătrat, cruce, triunghi, romb etc.
• Toate panourile de control sunt plasate în partea dreaptă a paginii și pot fi restrânse în partea de jos pe dispozitivele mobile.

Parametri reglabili

• Densitatea punctelor: Controlează numărul de puncte pe rând/coloană
• Dimensiunea formei: Ajustați dimensiunea punctelor
• Viteză de animație: Controlează viteza și amplitudinea efectului de animație
• Spațierea grilei: Ajustați distanța dintre puncte

Specificații tehnice

• Folosește HTML5, TailwindCSS 3.0+ (introdus prin CDN) și P5.js
• Implementează funcționalitatea completă de comutare a modului întunecat/luminos, implicit la setările de sistem
• Codul trebuie să includă logică de optimizare a performanței, redând doar punctele din zona vizibilă și din apropierea marginilor.
• Animațiile trebuie să ruleze fără probleme, fără întârzieri

Design responsiv

• Paginile trebuie să se afișeze perfect pe toate dispozitivele (mobil, tabletă, desktop)
• Panourile de control ar trebui să fie pliabile/extensibile în vizualizarea mobilă
• Optimizați aspectul și dimensiunile fontului pentru diferite dimensiuni ale ecranului
• Asigurați o experiență tactilă bună pe dispozitivele mobile

Elemente de interfață

• Selector mod animație (undă, puls, ondulație, zgomot)
• Selector de forme (afișează diverse forme cu pictograme)
• Controale glisante: densitate, dimensiune, viteză, spațiere
• Buton de comutare a temei
• Afișează informațiile suprapuse ale matricei și numărul total de puncte

Uitați-vă la rezultate. Ca să fiu sincer, nu mă așteptam ca celelalte modele să aibă performanțe atât de slabe în acest test. Cu excepția Deepseek-R1, animațiile celorlalte modele nu au funcționat deloc.

Deepseek-R1-0528: Perfect impecabil. Fiecare buton și slider funcționează normal, iar punctele se mișcă lin. A adăugat chiar și date cu matrice de puncte, iar culorile rămân consistente după trecerea la modul nocturn. Singura problemă minoră este că starea selectată a selecției de culori are o mică problemă, dar aceasta este neglijabilă în comparație cu performanța dezastruoasă a celorlalte modele.

Claude Opus 4: Veste bună: are pixel art. Veste proastă: nu se mișcă. Conținutul din partea dreaptă poate fi utilizat normal, dar schema de culori este incorectă după trecerea la modul nocturn.

Sonetul 4 al lui Claude: Asta e un dezastru. Nu are pixel art și chiar și starea de selectare a butonului lipsește. Sliderele sunt doar puncte - la fel de bine ar fi să folosești componentele implicite.

Gemini 2.5 Pro: De asemenea, raportează o eroare fără grilă de pixeli. Conținutul din partea dreaptă poate fi utilizat normal, iar schimbarea temei funcționează bine, dar componentele implicite sunt puțin cam urâte.

Testul 3: Instrument de extragere a culorilor în gradientul de imagine

Acesta este un instrument pe care l-am scris mai devreme. Nu există prea multe descrieri ale logicii, dar există mai multe descrieri ale stilului. Funcția principală este de a extrage cinci seturi de culori gradient dintr-o imagine.

Solicitare: Generați o pagină web HTML pe baza următorului conținut al fișierului, permiteți extragerea a cinci seturi de culori gradient din imaginile încărcate și permiteți utilizatorilor să copieze direct cele cinci seturi de culori gradient hexazecimale. Funcția de extragere a culorilor trebuie implementată.

1. Folosește designul vizual în stil NetEase Cloud Music, fundal alb cu o culoare similară cu #FE1110 ca element evidențiator.
2. Accentuați fonturile mari sau cifrele pentru a evidenția punctele cheie. Includeți elemente vizuale supradimensionate pentru a accentua zonele de interes, creând contrast cu elementele mai mici.
3. Combină textul chinezesc cu cel englezesc. Folosește caractere chinezești mari și îngroșate și text englezesc mai mic ca accente.
4. Folosește grafică simplă trasată cu linii pentru vizualizarea datelor sau ca elemente decorative.
5. Folosește gradientul de transparență al culorilor de evidențiere pentru a crea un efect inspirat din tehnologie, dar asigură-te că diferitele culori de evidențiere nu se amestecă între ele.
6. Imită animațiile site-ului oficial al Apple, cu derularea mouse-ului care declanșează animații
7. Datele pot fi consultate din componente de diagrame online, cu stiluri compatibile cu tema.
8. Folosește Framer Motion (prin CDN)
9. Folosește HTML5, TailwindCSS 3.0+ (prin CDN) și JavaScript-ul necesar
10. Folosește biblioteci profesionale de pictograme, cum ar fi Font Awesome sau Material Icons (prin CDN)
11. Evitați să folosiți emoji-uri ca pictograme principale
12. Butonul capsulă din colțul din stânga jos afișează numele de utilizator Twitter al autorului

În acest caz, Claude a făcut în sfârșit o treabă excelentă. Detaliile și estetica paginii Deepseek-R1-0528 sunt impresionante, dar funcționalitatea nu este implementată. Paginile Opus 4 și Sonnet 4 sunt mai simple, dar cel puțin funcționale, în timp ce Gemini nu este deloc funcțional.

Deepseek-R1-0528: După ce am folosit din nou promptul meu, estetica paginii lui Deepseek este cu adevărat de neegalat. De asemenea, a adăugat mult conținut optimizat pentru SEO pe pagină, cum ar fi scenarii de aplicare și timpi de procesare. Fișele de afișare în gradient de culori sunt, de asemenea, foarte detaliate, dar logica de selecție a culorilor nu este implementată.

Claude Opus 4: De data aceasta, Claude nu a dezamăgit în sfârșit, completând funcționalitatea paginii, dar conținutul paginii este foarte simplu, cu doar un loc pentru încărcarea imaginilor și a rezultatelor, iar logica de alegere a culorilor este, de asemenea, slabă. Cu toate acestea, cel puțin funcționează.

Sonetul 4 al lui Claude: Sonnet 4 a completat și funcționalitatea, și chiar cred că rezultatele lui Sonnet sunt mai bune decât cele ale lui Opus, deși tot nu este la fel de bogat ca Deepseek.

Gemini 2.5 Pro: Aceasta este cea mai proastă variantă. Nu numai că detaliile și estetica paginii lipsesc, dar nici funcționalitatea nu este implementată și se blochează la pornire.

Testul 4: Site web cu citate zilnice despre zgomot alb

Următorul este un generator de site-uri web cu citate zilnice cu zgomot alb, perfect pentru un plugin pentru o pagină cu filă nouă. Acesta acceptă redarea zgomotului alb de pe Spotify, iar pagina web se afișează.

Prompt: Vă rog să mă ajutați să creez un site web simplu și elegant cu cotații zilnice, cu următoarele cerințe:

Design vizual

• Imagine de fundalSelectați aleatoriu imagini de peisaj de înaltă calitate din următoarele linkuri ca imagine de fundal
• Linkuri de imaginiXXXX
• Prelucrarea imaginilorAdăugați o mască neagră 25% și o ușoară estompare gaussiană pentru a vă asigura că textul rămâne clar și lizibil
• Stil generalMinimalist și modern, cu imagini peisaje ca fundal pentru pagina web, pentru a spori imersiunea
• Folosește anime.js (introdus prin CDN: JsDelivr jsdelivr.com) pentru framework-ul de animație, HTML5, TailwindCSS 3.0+ (introdus prin CDN) și JavaScript-ul necesar și folosește biblioteci profesionale de pictograme, cum ar fi Font Awesome sau Material Icons (introduse prin CDN).

Modul de afișare a timpului

• Top: Afișează formatul lunii și zilei (de exemplu, „29 mai”), cu un font mai mic, centrat
• Al doilea rândAfișează formatul „Săptămâna X · Calendar lunar A X-a lună A X-a zi” cu un font mai mic
• CentruEvidențiază data curentă cu font alb mare, centrată

Modul de afișare a cotațiilor

• ConţinutAfișează aleatoriu citate clasice de la filozofi și scriitori chinezi și străini
• AspectCitatele sunt centrate, dimensiunea fontului este moderată, iar spațierea între rânduri este confortabilă
• Atribuire„Scriitor, XXX” sau „Filosof, XXX” este afișat în partea dreaptă jos
• Bibliotecă de citateConține citate pe diverse teme, cum ar fi motivația, perspective asupra vieții și înțelepciunea

Funcție de redare a muzicii

• LocaţieColțul din stânga jos al paginii, restrâns în mod implicit
• ConţinutÎncorporați lista de redare cu zgomot alb Spotify
• Cod:

Implementare tehnică

• Design responsivAdaptat pentru desktop și dispozitive mobile
• Selecție fontFolosește fonturi chinezești elegante, introduse de Google Fonts
• Schemă de culoriFolosește în principal text alb pentru a asigura lizibilitatea pe toate fundalurile
• Optimizarea încărcăriiÎncărcare lentă a imaginilor pentru îmbunătățirea performanței paginii

Funcții interactive

• Reîmprospătare automatăModifică automat imaginea de fundal și citatul în fiecare zi
• Reîmprospătare manualăOferă un buton de reîmprospătare pentru a permite utilizatorilor să modifice manual conținutul

Stil de copywriting

• Selecție de cotațiiPreferă citate scurte, pozitive și filozofice
• Stilul lingvisticConcis și puternic, evitând lungimea excesivă
• Clasificarea temelorPerspective despre viață, creștere inspirațională, gânduri înțelepte, exprimare emoțională etc.

Vă rugăm să generați un site web HTML/CSS/JavaScript complet conform cerințelor de mai sus, asigurându-vă că interfața este plăcută din punct de vedere estetic, funcțională și oferă o experiență bună pentru utilizator.

Acest test are scopul exclusiv de a evalua înțelegerea esteticii de către fiecare model. Acest tip de pagină web orientată spre afișare este, în general, realizabilă.

Trebuie spus că Claude Opus 4 este încă destul de autoritar în acest domeniu, cu o atenție excelentă la detalii. Gemini 2.5 Pro este și el bun, adăugând chiar și efecte de animație la tranzițiile de imagini. Deepseek și Sonnet 4 sunt la același nivel.

Deepseek-R1-0528: Am rulat Deepseek mai întâi și mi s-a părut deja destul de bun. Prima problemă cu estetica generală a fost butonul de muzică din colțul din stânga jos, care era puțin prea plat. Secțiunea de citate avea și ea probleme - masca neagră nu ar fi trebuit adăugată, iar alinierea textului era puțin greșită. Cu toate acestea, a adăugat un efect de animație pentru reîmprospătare.

Claude Opus 4: Estetica lui Opus 4 este cu adevărat impecabilă. Dimensiunea și spațierea tuturor fonturilor sunt foarte confortabile, iar citatele celebre au fost gestionate cu transparență, atât pentru textul citatului, cât și pentru ghilimele. Chiar și playerul Spotify a fost încorporat într-o interfață cu o animație de extindere/restrângere. Este perfect.

Sonetul 4 al lui Claude: Efectul Sonnet 4 este similar cu cel al problemei Deepseek. Butonul de redare a muzicii, dimensiunea textului, alinierea și spațierea pot fi optimizate în continuare.

Gemini 2.5 Pro: Efectul lui Gemini este, de asemenea, bun, dar eliminarea umbrei textului l-ar îmbunătăți. De asemenea, a personalizat interfața playerului Spotify, iar detaliile textului sunt bune. Efectul de tranziție este vizibil, cu un efect de întindere a imaginii.

Testul 5: Generarea paginii aplicației de somn

Urmează testul aplicației mobile. Rugați-i pe fiecare să creeze o aplicație de monitorizare a somnului. Solicitarea va specifica cerințele tehnice și de design și va necesita generarea mai multor pagini interactive.

Cerințe de dezvoltare pentru aplicații de monitorizare a somnului

Prezentare generală a proiectului

Vă rog să mă ajutați să creez o aplicație completă de monitorizare a somnului, cu patru pagini funcționale principale. Interfața ar trebui să fie plăcută din punct de vedere estetic și profesională.

Cerințe tehnice pentru stiva

Tehnologii frontend

– HTML5 – Structura paginii

– TailwindCSS v3.0+ – Framework de stil (introdus prin CDN)

– JavaScript – Logica de interacțiune necesară

– Anime.js v4.0.2 – Bibliotecă de efecte de animație

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

Pictograme și diagrame

• Bibliotecă de pictograme: Font Awesome sau Material Icons (CDN)
• Componente ale diagramei: Componentele diagramei online, stilurile trebuie să fie în concordanță cu tema
• Vizualizare date: Acceptă afișarea grafică a datelor despre somn

Cerințe de proiectare

Design responsiv

• Aspect complet responsiv
• Design axat pe mobil
• Afișaj bun atât pe desktop, cât și pe dispozitive mobile

Efecte de interacțiune

• Interacțiune cu butoanele: Efect ușor mărit la trecerea cu mouse-ul

Interacțiune cu formularul: Afișați o bordură cu gradient atunci când câmpul de introducere este focalizat

Interacțiune cu cardul: Întunecă umbra la trecerea cu mouse-ul

Efecte de animație: Folosește Anime.js pentru a obține animații fluide ale paginii

Cerințe funcționale ale paginii

Vă rugăm să generați toate paginile necesare pentru o aplicație de monitorizare a somnului, inclusiv, dar fără a se limita la:

• Pagina principală/tabloul de bord
• Pagina de înregistrare a somnului
• Pagina de analiză a datelor
• Pagina de setări
• Alte pagini funcționale conexe

Cerințe de ieșire a codului

• Fiecare pagină este un fișier HTML independent
• Structură clară a codului cu comentarii complete
• Asigurați-vă că toate linkurile CDN sunt accesibile
• Furnizați cod complet, rulabil

În ceea ce privește logica și interfața mobilă, Cluade Opus 4 și-a demonstrat încă o dată puterea, completând mai multe pagini cu o logică bună. Celelalte modele au generat o singură pagină, dar Deepseek R1 0528 a nimerit brusc ținta în ceea ce privește estetica, cu un stil frumos. Deși a generat o singură pagină, a fost foarte completă.

Deepseek-R1-0528: Am generat o singură pagină, dar estetica generală este bună. Detaliile cardurilor și gestionarea pictogramelor sunt bine realizate, iar întreaga pagină este completă și lungă. În plus, a fost implementat un design responsiv pentru navigare, rezultând layout-uri complet diferite pe dispozitivele mobile și desktop.

Claude Opus 4: Într-adevăr puternic, doar Opus4 a generat toate paginile complet, dar designul estetic de data aceasta nu este grozav, folosind logica paginilor web, cu pictograme de navigare prea mici.

Sonetul 4 al lui Claude: A generat o singură pagină și a raportat erori, cu un design estetic slab, doar finalizarea sarcinii.

Gemini 2.5 Pro: Google procedează întotdeauna diferit. Generează fiecare pagină individual, oferind patru fișiere care nu pot interacționa între ele. În plus, toate paginile au raportat erori, fiecare pagină conținând doar navigare și fără conținut, ceea ce este destul de dezamăgitor.

Testul 6: Funcționalitate complexă — Tetris

În cele din urmă, am încheiat cu un mic test. Am conceput un joc Tetris relativ complex, cu blocuri speciale, schimbare de teme, predicție a aterizării blocurilor, stocare de blocuri și multe altele - o adevărată provocare supremă.

Întrebare: Vă rog să mă ajutați să creez un joc web Tetris complet funcțional și atractiv din punct de vedere vizual, cu următoarele cerințe:

Caracteristici principale ale jocului

1. Mecanismul complet al jocului Tetris7 blocuri standard (I, O, T, S, Z, J, L)
2. Controale fluidemișcare stânga și dreapta, rotație, cădere rapidă, cădere instantanee
3. Sistem inteligent de eliminare: permite eliminarea a 1-4 rânduri simultan cu efecte speciale de animație
4. Sistem de dificultate progresivă: crește automat viteza de cădere și nivelul în funcție de numărul de rânduri eliminate

Funcții avansate

1. Sistem de previzualizare: afișează blocurile următor și următorul-următor
2. Funcția HoldȚineți apăsată tasta Hold pentru a salva temporar blocul curent. Poate fi folosită o singură dată pe rundă.
3. Blocuri fantomăAfișează poziția de aterizare a blocurilor într-o formă semitransparentă
4. Sistem combinatCurățarea continuă oferă puncte suplimentare și efecte vizuale
5. Abilități speciale:
   1. Blocarea Bombelor (curăță zona înconjurătoare)
   2. Ștergere cu laser (șterge întregul rând)
   3. Pauză temporală (blocurile se opresc din cădere timp de 3 secunde)

Cerințe de design vizual

1. Interfață UI modernă:
   1. Fundal cu gradient sau efecte de particule
   2. Panou de joc cu efect de sticlă
   3. Tranziții line de animație
   4. Design responsiv pentru diferite ecrane
2. Efecte vizuale bogate:
   1. Animație fluidă a blocurilor care cad și se rotesc
   2. Efecte de explozie sau flash atunci când sunt eliminate
   3. Efect de tremurare a ecranului când se realizează combinația
   4. Animație de sărbătoare la modernizarea nivelului
3. Sistem tematicCel puțin 3 teme vizuale diferite între care să comutați

Sistem de efecte sonore

1. Feedback sonor complet: mișcare, rotație, aterizare, eliminare, sfârșit de joc etc.
2. Muzică de fundal: BGM de joc în buclă
3. Controlul volumuluiefecte sonore reglabile independent și volumul muzicii de fundal

Moduri de joc

1. Mod clasicjoc tradițional Tetris
2. Mod limitat în timp: obține cel mai mare scor într-un interval de timp specificat
3. Modul Provocareobstacole prestabilite pentru creșterea dificultății
4. Mod Zenfără presiunea timpului, plăcere pură a jocului

Funcții de statistică a datelor

1. Statistici în timp realscor curent, nivel, număr de linii curățate, timp de joc
2. Istorie: cel mai mare scor, cel mai bun nivel, timpul total de joc
3. Sistem de realizări: deblochează diverse realizări în joc
4. Stocare locală: salvează înregistrările și setările jocului

Cerințe tehnice

1. Folosește HTML5/CSS3/JavaScript pur, nu sunt necesare cadre externe
2. Structură clară a coduluiprogramare orientată pe obiecte, design modular
3. Optimizarea performanțeianimație fluidă la 60FPS, fără lag
4. Compatibilitate: acceptă browsere moderne obișnuite
5. Design responsivCompatibil cu PC-uri și dispozitive mobile

Experiența utilizatorului

1. Instrucțiuni intuitiveTutorial încorporat și instrucțiuni de utilizare a butoanelor
2. Funcția de pauză/reluareÎntrerupeți jocul în orice moment
3. Meniul Setări: Ajustați dificultatea jocului, efectele sonore, efectele vizuale etc.
4. Salvarea stării jocului: Acceptă salvarea și reluarea jocului

Cerințe de calitate a codului

1. Comentarii detaliateFiecare funcție și segment de cod important trebuie să aibă o descriere
2. Gestionarea erorilorMecanism complet de captare și gestionare a excepțiilor
3. Cod elegantUrmați cele mai bune practici, ușor de înțeles și de întreținut
4. ExtensibilitateUșor de adăugat noi funcții în viitor

Vă rugăm să furnizați fișiere HTML complete care să conțină tot codul CSS și JavaScript pentru a vă asigura că acestea pot fi rulate direct într-un browser. Codul trebuie să demonstreze abilități profesionale de programare și o înțelegere aprofundată a dezvoltării de jocuri.

În mini-joc, Claude are ceva în cale. Atât Opus, cât și Sonnet au generat blocurile Tetris corespunzătoare, așa cum era necesar, în special logica pentru blocurile speciale. Deepseek a gestionat tema pe care Claude a trecut-o cu vederea, dar a ratat blocurile speciale, ceea ce a dus la generarea de blocuri neluabile în Gemini 2.5 Pro.

Deepseek-R1-0528: Sarcina a fost finalizată foarte bine și conform specificațiilor, dar designul special al blocurilor a fost omis și nu a fost implementat deloc. Acest lucru se poate datora unor probleme legate de respectarea cuvintelor cheie. Întreaga pagină web seamănă cu o interfață de joc, toate butoanele apărând ca componente standard.

Claude Opus 4: A finalizat logica pentru blocuri speciale și alte logici fără probleme, dar a ignorat solicitarea pentru schimbarea temei, pe care nu a implementat-o. Comparativ cu problemele lui DeepSeek, aceasta este o problemă mai mică, dar interfața este hardcodată, fără logică responsivă, așa că proporțiile sunt ușor dezechilibrate, făcând ca unele butoane să nu fie accesibile.

Sonetul 4 al lui Claude: Similar cu Opus, dar cred că Sonnet 4 este mai bun decât Opus. Adaptarea paginii este, de asemenea, bună. Se simte ca și cum Sonnet a câștigat, deoarece a îndeplinit toate funcțiile necesare.

Gemini 2.5 Pro: Gemenii se luptă constant cu logica complexă. De data aceasta, a fost complet inutilizabilă deoarece plasarea cărămizilor avea o eroare, făcând imposibilă prezicerea locului unde vor ateriza. E cel mai rău lucru.

Până acum, cred că ești la fel de uimit ca și mine de performanța lui DeepSeek-R1.

E greu de crezut că este doar o mică îmbunătățire a modelului. Să comparăm prețurile acestor modele cu cele ale modelului DeepSeek R1 0528.

Opus 4 este de 30 de ori mai scump, iar asta folosind prețurile Openrouter - prețul oficial ar fi și mai uimitor.

model	Lungimea contextului	Preț de intrare (jetoane $/M)	Preț de ieșire (jetoane $/M)	preț imagine ($/K token-uri)
DeepSeek R1 0528	160k	0.50	2.18	–
Previzualizare Gemini 2.5 Pro	1000k	1.25	10	5.16
Sonetul 4 al lui Claude	200.000	3.00	15	4.80
Claude Opus 4	200.000	15.00	75	24.00

Ca persoană care se ocupă zilnic de știri despre inteligența artificială, am fost martor la nenumărate „descoperiri” care, în cele din urmă, s-au dovedit a fi „dezamăgitoare”. Dar de data aceasta este diferit. DeepSeek-R1 mi-a dat o speranță reală.

O diferență de preț de 30 de ori, dar performanțe aproape echivalente.

Nu mai trebuie să plătim prețuri exorbitante pentru a utiliza cele mai bune modele de programare bazate pe inteligență artificială și nici nu trebuie să facem compromisuri dureroase între cost și calitate. Ceea ce este și mai inspirator este că acesta este propriul nostru model.

Această propoziție a fost scrisă de AI și cred că este grozavă: Adevărata revoluție începe adesea atunci când oamenii obișnuiți pot ținti stele.