Obračun četiri najbolja modela! Recenzija pokazuje koliko je Deepseek R1 moćan

Tijekom proteklih nekoliko dana, Deepseek-R1 0528 je službeno postao dostupan za korištenje.

Na LiveCodeBenchu, njegove performanse su gotovo na razini OpenAI-jevog o3 (visokog); u Aiderovom višejezičnom benchmark testu, drži se ravnopravno s Claude Opusom.

Kada je pokrenut na službenoj web stranici, brzo smo testirali njegove mogućnosti prednjeg dijela i utvrdili da su iznimno jake, što je dovelo do testova obuhvaćenih ovim člankom. Cilj nam je s vama podijeliti specifične performanse različitih modela.

Važno je napomenuti da se ovaj test prvenstveno fokusira na mogućnosti prednjeg dijela sustava, stoga je bitno objektivno sagledati performanse različitih modela. Možete koristiti upute koje pružamo za provođenje vlastitih testova i dijeljenje svojih uvida i nalaza.

Koristeći isti prompt, poslali smo ga Claudeu Opusu 4, Sonnetu 4, Geminiju 2.5 Pro i DeepSeek R1-0528, i natjerali ih da se natječu u šest sve izazovnijih zadataka razvoja front-enda.

Za one koji jedva čekaju, evo zaključka:

Deepseek-R1-0528 neznatno zaostaje za Opusom 4 u front-end mogućnostima, ali ga nadmašuje. Sonet 4 i Gemini 2.5 Pro.

U osnovi, svaki zadatak koji Opus može dovršiti, može dovršiti i R1, pa čak i zadatke koje Opus 4 ne može dovršiti, R1 može podnijeti, iako s nešto nižim stopama dovršenosti i kvalitetom rezultata.

S obzirom na razliku u cijeni između R1 i ostala tri, ove performanse su već izvrsne, a možemo samo zamisliti koliko će impresivan biti R2.

Test 1: Sustav upravljanja skladištem

Upit: Molim vas, pomozite mi izraditi cjelovit web-alat za upravljanje proizvodima sa sljedećim zahtjevima:

Funkcionalni zahtjevi

1. Upravljanje proizvodima

• Unos informacija o proizvoduNaziv proizvoda, vrsta/kategorija, SKU broj, cijena, količina na zalihama
• Upravljanje slikom proizvodaPodrška za prijenos i pregled slika (simulirano pomoću birača datoteka)
• Prikaz popisa proizvodaPrikažite sve proizvode u tablici, s podrškom za pretraživanje i filtriranje
• Uređivanje proizvodaPodrška za izmjenu informacija o proizvodu
• Brisanje proizvodaPodrška za brisanje proizvoda (uz upit za potvrdu)

2. Upravljanje zalihama

• Dolazne operacijePovećati količinu zaliha proizvoda, zabilježiti vrijeme i količinu dolaska
• Izlazne operacijeSmanjite količinu zaliha proizvoda, zabilježite vrijeme i količinu otpreme
• Zapisi o inventaru: Prikazuje povijest promjena zaliha za svaki proizvod

3. Značajke sučelja

• Nadzorna ploča: Prikazuje statistiku kao što su ukupan broj proizvoda, ukupna vrijednost zaliha, upozorenja o niskim zalihama itd.
• Responzivni dizajnPrilagodljivo za stolna računala i mobilne uređaje
• Trajnost podatakaKoristi lokalnu pohranu za spremanje podataka

Tehnički zahtjevi

Stilovi i ikone

• CSS okvirKoristi TailwindCSS 3.0+ CDN
• Biblioteka ikonaKoristi Heroikone ili Ikone Perja CDN
• FontKoristite Google fontove

Struktura koda

• Aplikacija na jednoj straniciHTML + CSS + JavaScript
• Modularni dizajnRastavite funkcije u različite JavaScript module
• Format podatakaKoristite JSON format za pohranu podataka o proizvodu

Zahtjevi za dizajn sučelja

• Moderno korisničko sučeljeJednostavan i lijep dizajn sučelja
• Shema bojaKoristite profesionalne poslovne kombinacije boja
• Interaktivne povratne informacijeKlikovi na gumbe, validacija obrasca i drugi interaktivni efekti
• Validacija obrascaValidacija obaveznih polja, validacija formata podataka

Primjer strukture podataka

Molimo vas da generirate cjelovitu HTML datoteku koja sadrži sav potreban CSS i JavaScript kod, osiguravajući da su sve značajke funkcionalne i da se mogu pokretati izravno u pregledniku.

Pogledajmo rezultate testa. Logika je zapravo prilično složena, testira duljinu konteksta modela, estetski osjećaj i mogućnosti logičke obrade.

U ovom slučaju, svi modeli osim Deepseeka nisu uspjeli. Prijevod Claudea 4 bilo je prilično čudno, iskreno.

Deepseek-R1-0528: Nadograđena verzija R1 je vrlo moćna. Kao što vidite, sučelje je vrlo profesionalno, a možete i kreirati nove proizvode, obavljati uobičajene izlazne i ulazne operacije te podijeliti proizvode, upravljanje zalihama i izvješća o zalihama na tri stranice, što je općenito vrlo jasno. Postoji i namjenska stranica nadzorne ploče, a napisao je i neke uzorke podataka za testiranje. Ostali modeli nemaju podatke, a dodavanje proizvoda ne radi, pa je testiranje potpuno nemoguće.

Claudeov opus 4: Počinje s velikim, vrlo jednostavnim sučeljem, koje koristi gornju navigacijsku traku umjesto bočne trake uobičajene u SaaS platformama. Dodavanje proizvoda rezultira pogreškom prilikom spremanja, što testiranje čini nemogućim.

Claude Sonnet 4: U usporedbi s Opusom 4, sučelje je još jednostavnije. Klikom na gumb "Dodaj proizvod" ne reagira se i ne pojavljuje se nikakav skočni prozor obrasca. Ostale stranice su u biti samo rezervirana mjesta.

Gemini 2.5 Pro: Googleova verzija je bolja od Claudeove. Omogućuje dodavanje proizvoda i serija, ali ima grešaka. Radilo je kad sam prvi put probao, ali ne i kad sam snimio video. Međutim, dizajn interakcije u Geminiju je prilično složen, s upravljanjem zalihama i vođenjem evidencije u jednoj tablici, što dodaje određene poteškoće.

Test 2: Uređivač piksel animacije

Sljedeći je test vizualnih sposobnosti. Zamolio sam ih da izrade uređivač animacija piksel arta koristeći P5.js, koji podržava načine kretanja, prilagođava oblike točaka, veličine, brzine i druge uvjete.

Uputa: Izradite interaktivni generator piksel art animacija preko cijelog zaslona temeljen na P5.js-u, koji zadovoljava sljedeće tehničke zahtjeve:

Osnovne značajke

• Implementirajte piksel art animaciju preko cijelog zaslona koristeći P5.js, s animacijom koja pokriva cijelo područje prikaza.
• Ukupna površina pikselne mreže mora biti najmanje 10 puta veća od vidljive površine kako bi se osigurala potpuna pokrivenost čak i pri najmanjem razmaku mreže.
• Omogućuje više načina animacije: Val, Puls, Mrijest, Šum
• Podržava više opcija oblika točke: krug, kvadrat, križ, trokut, dijamant itd.
• Sve kontrolne ploče nalaze se na desnoj strani stranice i mogu se sažeti na dno na mobilnim uređajima

Podesivi parametri

• Gustoća točaka: Kontrolirajte broj točaka po retku/stupcu
• Veličina oblika: Prilagodite veličinu točaka
• Brzina animacije: Kontrolirajte brzinu i amplitudu animacijskog efekta
• Razmak mreže: Prilagodite udaljenost između točaka

Tehničke specifikacije

• Koristite HTML5, TailwindCSS 3.0+ (uveden putem CDN-a) i P5.js
• Implementirajte potpunu funkcionalnost prebacivanja tamnog/svijetlog načina rada, s postavkama sustava koje su zadane
• Kod mora uključivati logiku optimizacije performansi, renderirajući samo točke unutar vidljivog područja i blizu rubova
• Animacije moraju raditi glatko, bez kašnjenja

Responzivni dizajn

• Stranice se moraju savršeno prikazivati na svim uređajima (mobilni telefoni, tableti, računala)
• Kontrolne ploče trebaju biti sklopive/proširive u mobilnom prikazu
• Optimizirajte izgled i veličinu fonta za različite veličine zaslona
• Osigurajte dobro iskustvo dodira na mobilnim uređajima

Elementi sučelja

• Odabir načina animacije (val, puls, mreškanje, šum)
• Odabir oblika (prikazuje različite oblike s ikonama)
• Kontrole klizača: gustoća, veličina, brzina, razmak
• Gumb za promjenu teme
• Prikaži informacije o prekrivanju matrice i ukupan broj točaka

Pogledajte rezultate. Iskreno, nisam očekivao da će ostali modeli tako loše proći u ovom testu. Osim Deepseek-R1, animacije ostalih modela uopće nisu radile.

Deepseek-R1-0528: Potpuno besprijekorno. Svaka tipka i klizač funkcioniraju normalno, a točke se glatko pomiču. Čak su dodani i matrični podaci, a boje ostaju konzistentne nakon prebacivanja na noćni način rada. Jedini manji problem je što odabrano stanje odabira boja ima mali problem, ali to je zanemarivo u usporedbi s katastrofalnim performansama ostalih modela.

Claudeov opus 4: Dobre vijesti: ima piksel art. Loše vijesti: ne pomiče se. Sadržajem na desnoj strani može se normalno upravljati, ali shema boja je netočna nakon prebacivanja na noćni način rada.

Claude Sonnet 4: Ovo je katastrofa. Nema piksel arta, a nedostaje čak i odabir gumba. Klizači su samo točkice - mogli bi koristiti zadane komponente.

Gemini 2.5 Pro: Također prijavljuje grešku bez piksel mreže. Sadržaj na desnoj strani može se normalno koristiti, a promjena tema radi dobro, ali zadane komponente su malo ružne.

Test 3: Alat za ekstrakciju boja gradijenta slike

Ovo je alat koji sam ranije napisao. Nema puno opisa logike, ali ima više opisa stila. Glavna funkcija je izdvojiti pet setova gradijentnih boja iz slike.

Upit: Generirajte HTML web stranicu na temelju sljedećeg sadržaja datoteke, podržite izdvajanje pet skupova gradijentnih boja iz prenesenih slika i omogućite korisnicima izravno kopiranje pet skupova heksadecimalnih gradijentnih boja. Potrebno je implementirati funkciju izdvajanja boja.

1. Koristite vizualni dizajn u stilu NetEase Cloud Music, bijelu pozadinu s bojom sličnom #FE1110 kao istaknuti element
2. Naglasite velike fontove ili brojeve kako biste istaknuli ključne točke. Uključite prevelike vizualne elemente kako biste naglasili područja fokusa, stvarajući kontrast s manjim elementima.
3. Miješajte kineski i engleski tekst. Koristite podebljane, velike kineske znakove i manji engleski tekst kao naglaske.
4. Koristite jednostavne linijske grafike za vizualizaciju podataka ili kao dekorativne elemente.
5. Upotrijebite gradijent prozirnosti boja isticanja kako biste stvorili tehnološki inspiriran efekt, ali pazite da se različite boje isticanja ne stapaju jedna s drugom.
6. Imitirajte animacije službene Appleove web stranice, s animacijama koje se pokreću pomicanjem miša
7. Podaci se mogu pozivati iz online komponenti grafikona, sa stilovima koji su u skladu s temom
8. Koristi Framer Motion (putem CDN-a)
9. Koristite HTML5, TailwindCSS 3.0+ (putem CDN-a) i potreban JavaScript
10. Koristite profesionalne biblioteke ikona kao što su Font Awesome ili Material Icons (putem CDN-a)
11. Izbjegavajte korištenje emojija kao primarnih ikona
12. Gumb kapsule u donjem lijevom kutu prikazuje autorov Twitter profil

U ovom slučaju, Claude je konačno odradio sjajan posao. Detalji stranice i estetika Deepseek-R1-0528 su impresivni, ali funkcionalnost nije implementirana. Stranice Opusa 4 i Sonneta 4 su jednostavnije, ali barem funkcionalne, dok Gemini uopće nije funkcionalan.

Deepseek-R1-0528: Nakon što sam ponovno upotrijebio moj upit, estetika Deepseekove stranice je zaista neusporediva. Također je na stranicu dodao puno SEO-prilagođenog sadržaja, poput scenarija aplikacija i vremena obrade. Kartice s gradijentom boja također su vrlo detaljne, ali logika odabira boja nije implementirana.

Claudeov opus 4: Ovaj put, Claude napokon nije razočarao, dovršivši funkcionalnost stranice, ali sadržaj stranice je vrlo osnovni, s mjestom za prijenos slika i rezultata, a logika odabira boja je također loša. Međutim, barem radi.

Claude Sonnet 4: Sonnet 4 je također dovršio funkcionalnost, i čak mislim da su Sonnetovi rezultati bolji od Opusovih, iako još uvijek nije tako bogat kao Deepseek.

Gemini 2.5 Pro: Ovaj je najgori. Ne samo da nedostaju detalji i estetika stranice, već ni funkcionalnost nije implementirana, a ruši se pri pokretanju.

Test 4: Web stranica za dnevne ponude bijelog šuma

Sljedeći je generator dnevnih citata s bijelim šumom, koji je savršen za dodatak za novu karticu. Podržava reprodukciju bijelog šuma sa Spotifyja, a web stranica se prikazuje

Upit: Molim vas, pomozite mi da napravim jednostavnu i elegantnu web stranicu za dnevne ponude sa sljedećim zahtjevima:

Vizualni dizajn

• Pozadinska slikaNasumično odaberite visokokvalitetne slike krajolika sa sljedećih poveznica kao pozadinsku sliku
• Veze slikaXXXX
• Obrada slikeDodajte crnu masku 25% i lagano Gaussovo zamućenje kako biste osigurali da tekst ostane jasan i čitljiv.
• Sveukupni stilMinimalistički i moderni, s pejzažnim slikama kao pozadinom web stranice za pojačano uranjanje
• Koristite anime.js (uveden putem CDN-a: JsDelivr jsdelivr.com) za animacijski okvir, HTML5, TailwindCSS 3.0+ (uveden putem CDN-a) i potreban JavaScript, te koristite profesionalne biblioteke ikona kao što su Font Awesome ili Material Icons (uvedene putem CDN-a).

Modul za prikaz vremena

• Vrh: Prikaži format mjeseca i dana (npr. „29. svibnja“), manjim fontom, centrirano
• Drugi red: Prikazuje format „Tjedan X · Lunarni kalendar X. mjesec X. dan“ manjim fontom
• CentarIstiče trenutni datum velikim bijelim fontom, centriran

Modul za prikaz ponuda

• SadržajNasumično prikazuje klasične citate kineskih i stranih filozofa i pisaca
• IzgledCitati su centrirani, veličina fonta je umjerena, a razmak između redaka ugodan
• Atribucija„Pisac, XXX“ ili „Filozof, XXX“ prikazuje se u donjem desnom kutu
• Biblioteka citataSadrži citate o raznim temama kao što su motivacija, životni uvidi i mudrost

Funkcija reprodukcije glazbe

• MjestoDonji lijevi kut stranice, sažet prema zadanim postavkama
• SadržajUgradi Spotify popis za reprodukciju bijelog šuma
• Kodirati:

Tehnička implementacija

• Responzivni dizajnPrilagođeno za stolna računala i mobilne uređaje
• Odabir fontaKoristite elegantne kineske fontove koje je uveo Google Fonts
• Shema bojaUglavnom koristite bijeli tekst kako biste osigurali čitljivost na svim pozadinama
• Optimizacija učitavanjaLijeno učitavanje slika radi poboljšanja performansi stranice

Interaktivne značajke

• Automatsko osvježavanje: Automatski mijenja pozadinsku sliku i citat svaki dan
• Ručno osvježavanje: Pruža gumb za osvježavanje koji korisnicima omogućuje ručnu promjenu sadržaja

Stil pisanja tekstova

• Odabir ponudePreferirajte kratke, pozitivne i filozofske citate
• Jezični stilSažeto i snažno, izbjegavajući pretjeranu duljinu
• Klasifikacija temaŽivotni uvidi, inspirativni rast, mudre misli, izražavanje emocija itd.

Molimo vas da generirate kompletnu HTML/CSS/JavaScript web stranicu u skladu s gore navedenim zahtjevima, pazeći da sučelje bude estetski ugodno, funkcionalno i pruža dobro korisničko iskustvo.

Ovaj test služi isključivo za procjenu razumijevanja estetike svakog modela. Ova vrsta web stranice orijentirane na prikaz općenito je ostvariva.

Mora se reći da je Claude Opus 4 i dalje prilično autoritativan u ovom području, s izvrsnom pažnjom posvećenom detaljima. Gemini 2.5 Pro je također dobar, čak dodaje animacijske efekte prijelazima slika. Deepseek i Sonnet 4 su na istoj razini.

Deepseek-R1-0528: Prvo sam pokrenuo Deepseek i mislio sam da je već prilično dobar. Prvi problem s cjelokupnom estetikom bio je gumb za glazbu u donjem lijevom kutu, koji je bio malo previše ravan. Dio s citatima također je imao problema - crna maska nije trebala biti dodana, a poravnanje teksta je bilo malo krivo. Međutim, dodao je efekt animacije za osvježavanje.

Claudeov opus 4: Estetika Opusa 4 je zaista besprijekorna. Veličina i razmak između svih fontova su vrlo udobni, a citati poznatih izreka obrađeni su transparentno i za tekst citata i za navodnike. Čak je i Spotify player umotan u korisničko sučelje s animacijom proširivanja/sažimanja. Savršeno je.

Claude Sonnet 4: Učinak Soneta 4 sličan je onome kod Deepseeka. Gumb za reprodukciju glazbe, veličina teksta, poravnanje i razmak mogu se dodatno optimizirati.

Gemini 2.5 Pro: Geminijev efekt je također dobar, ali uklanjanje sjene teksta bi ga poboljšalo. Također je prilagodio korisničko sučelje Spotify playera, a detalji teksta su u redu. Efekt prijelaza je primjetan, s efektom rastezanja na slici.

Test 5: Generiranje stranice aplikacije za spavanje

Sljedeće je testiranje mobilne aplikacije. Neka svatko od njih izradi aplikaciju za praćenje sna. U upitu će biti navedeni tehnički zahtjevi i zahtjevi za dizajn te će biti potrebno generiranje više interaktivnih stranica.

Upit: Zahtjevi za razvoj aplikacije za praćenje spavanja

Pregled projekta

Molim vas, pomozite mi da napravim kompletnu aplikaciju za praćenje sna s četiri glavne funkcionalne stranice. Sučelje bi trebalo biti estetski ugodno i profesionalno.

Tehnički zahtjevi za stog

Frontend tehnologije

– HTML5 – Struktura stranice

– TailwindCSS v3.0+ – Okvir stila (uveden putem CDN-a)

– JavaScript – Neophodna logika interakcije

– Anime.js v4.0.2 – Biblioteka efekata animacije

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

Ikone i grafikoni

• Biblioteka ikona: Font Awesome ili Material Icons (CDN)
• Komponente grafikona: Komponente online grafikona, stilovi moraju biti u skladu s temom
• Vizualizacija podataka: Podržava prikaz podataka o spavanju u obliku grafikona

Zahtjevi za dizajn

Responzivni dizajn

• Potpuno responzivni izgled
• Dizajn usmjeren na mobilne uređaje
• Dobar prikaz i na stolnim računalima i na mobilnim uređajima

Učinci interakcije

• Interakcija gumba: Blago uvećani učinak prilikom zadržavanja pokazivača miša

Interakcija s obrascem: Prikaz gradijentnog okvira kada je polje za unos fokusirano

Interakcija s karticom: Potamni sjenu prilikom zadržavanja pokazivača miša

Animacijski efekti: Koristite Anime.js za postizanje glatkih animacija stranice

Funkcionalni zahtjevi stranice

Molimo vas da generirate sve stranice potrebne za aplikaciju za praćenje sna, uključujući, ali ne ograničavajući se na:

• Početna stranica/nadzorna ploča
• Stranica sa zapisom spavanja
• Stranica za analizu podataka
• Stranica postavki
• Ostale povezane funkcionalne stranice

Zahtjevi za izlaz koda

• Svaka stranica je neovisna HTML datoteka
• Jasna struktura koda s potpunim komentarima
• Osigurajte da su sve CDN veze dostupne
• Navedite potpun, izvršavajući kod

Što se tiče mobilne logike i sučelja, Cluade Opus 4 je još jednom pokazao svoju snagu, dovršivši više stranica s dobrom logikom. Ostali modeli generirali su samo jednu stranicu, ali Deepseek R1 0528 je odjednom pogodio cilj u smislu estetike, s prekrasnim stilom. Iako je generirao samo jednu stranicu, bio je vrlo dovršen.

Deepseek-R1-0528: Generirana je samo jedna stranica, ali cjelokupna estetika je dobra. Detalji kartica i rukovanje ikonama su dobro napravljeni, a cijela stranica je cjelovita i dugačka. Osim toga, implementiran je responzivni dizajn za navigaciju, što je rezultiralo potpuno različitim izgledima na mobilnim i stolnim uređajima.

Claudeov opus 4: Zaista moćno, samo je Opus4 generirao sve stranice u potpunosti, ali estetski dizajn ovaj put nije sjajan, koristi se logika web stranice, s premalenim navigacijskim ikonama.

Claude Sonnet 4: Generirao samo jednu stranicu i prijavio greške, s lošim estetskim dizajnom, jedva dovršavajući zadatak.

Gemini 2.5 Pro: Google uvijek radi stvari drugačije. Generira svaku stranicu pojedinačno, pružajući četiri datoteke koje ne mogu međusobno komunicirati. Osim toga, sve su stranice prijavile pogreške, pri čemu je svaka stranica sadržavala samo navigaciju i nikakav sadržaj, što je prilično razočaravajuće.

Test 6: Složena funkcionalnost—Tetris

Na kraju sam završio s malim testom igre. Dizajnirao sam relativno složenu Tetris igru sa posebnim blokovima, promjenom tema, predviđanjem slijetanja blokova, pohranjivanjem blokova i još mnogo toga - pravi ultimativni izazov.

Upit: Molim vas, pomozite mi da stvorim potpuno funkcionalnu, vizualno privlačnu Tetris web igru sa sljedećim zahtjevima:

Osnovne značajke igre

1. Potpuni Tetris mehanizam7 standardnih blokova (I, O, T, S, Z, J, L)
2. Glatke kontrole: kretanje lijevo i desno, rotacija, brzo spuštanje, trenutno spuštanje
3. Pametni sustav eliminacije: podržava uklanjanje 1-4 redaka odjednom s posebnim efektima animacije
4. Progresivni sustav težine: automatski povećava brzinu i razinu pada na temelju broja eliminiranih redova

Napredne značajke

1. Sustav pregleda: prikazuje sljedeći i sljedeći-sljedeći blok
2. Funkcija zadržavanjaDržite tipku Hold za privremeno pohranjivanje trenutnog bloka. Može se koristiti samo jednom po rundi.
3. Blokovi duhovaPrikazuje položaj slijetanja blokova u polutransparentnom obliku
4. Kombinirani sustavKontinuirano čišćenje daje dodatne bodove i vizualne efekte
5. Posebne vještine:
   1. Blokiranje bombi (čisti okolno područje)
   2. Lasersko čišćenje (čisti cijeli redak)
   3. Vremenska pauza (blokovi prestaju padati 3 sekunde)

Zahtjevi vizualnog dizajna

1. Moderno korisničko sučelje:
   1. Gradijentna pozadina ili efekti čestica
   2. Ploča za igru s efektom stakla
   3. Glatki prijelazi animacije
   4. Responzivni dizajn za različite ekrane
2. Bogati vizualni efekti:
   1. Glatka animacija pada i rotacije blokova
   2. Učinci eksplozije ili bljeska kada se eliminiraju
   3. Efekt podrhtavanja zaslona kada se postigne kombinacija
   4. Animacija proslave kada se razina nadogradi
3. Sustav temaNajmanje 3 različite vizualne teme za prebacivanje

Sustav zvučnih efekata

1. Potpuna zvučna povratna informacija: kretanje, rotacija, doskok, eliminacija, kraj igre itd.
2. Glazba u pozadini: ponovljena glazba u igri
3. Kontrola glasnoćeneovisno podesivi zvučni efekti i glasnoća pozadinske glazbe

Načini igre

1. Klasični način radatradicionalna igra Tetrisa
2. Vremenski ograničen način rada: postići najviši rezultat unutar određenog vremenskog ograničenja
3. Način izazova: unaprijed postavljene prepreke za povećanje težine
4. Zen način radaBez vremenskog pritiska, čisto uživanje u igri

Značajke statistike podataka

1. Statistika u stvarnom vremenutrenutni rezultat, razina, broj očišćenih linija, vrijeme igre
2. Povijest: najviši rezultat, najbolja razina, ukupno vrijeme igre
3. Sustav postignuća: otključajte razna dostignuća u igri
4. Lokalna pohrana: spremi zapise i postavke igre

Tehnički zahtjevi

1. Koristi čisti HTML5/CSS3/JavaScript, nisu potrebni vanjski okviri
2. Jasna struktura kodaobjektno orijentirano programiranje, modularni dizajn
3. Optimizacija performansi: glatka animacija od 60 FPS, bez kašnjenja
4. Kompatibilnost: podržava glavne moderne preglednike
5. Responzivni dizajnKompatibilno s računalima i mobilnim uređajima

Korisničko iskustvo

1. Intuitivne uputeUgrađeni vodič i upute s gumbima
2. Funkcija pauziranja/nastavkaPauzirajte igru u bilo kojem trenutku
3. Izbornik postavkiPrilagodite težinu igre, zvučne efekte, vizualne efekte itd.
4. Spremanje stanja igrePodržava spremanje i nastavak igre

Zahtjevi za kvalitetu koda

1. Detaljni komentariSvaka funkcija i važan segment koda moraju imati opis
2. Rješavanje pogrešakaSveobuhvatan mehanizam za hvatanje i obradu iznimki
3. Elegantni kodSlijedite najbolje prakse, lako za razumjeti i održavati
4. ProširivostLako dodavanje novih značajki u budućnosti

Molimo vas da dostavite potpune HTML datoteke koje sadrže sav CSS i JavaScript kod kako biste osigurali da se mogu izravno pokrenuti u pregledniku. Kod bi trebao demonstrirati profesionalne programerske vještine i duboko razumijevanje razvoja igara.

U mini-igri, Claude ima nešto za napraviti. I Opus i Sonnet generirali su odgovarajuće Tetris blokove prema potrebi, posebno logiku za posebne blokove. Deepseek je obradio temu koju je Claude previdio, ali je propustio posebne blokove, što je rezultiralo time da Gemini 2.5 Pro generira blokove koji se ne mogu igrati.

Deepseek-R1-0528: Zadatak je izvršen vrlo dobro i prema specifikacijama, ali je poseban dizajn blokova izostavljen i uopće nije implementiran. To može biti zbog problema s praćenjem riječi upute. Cijela web stranica nalikuje sučelju igre, a svi gumbi izgledaju kao standardne komponente.

Claudeov opus 4: Dovršio je logiku za posebne blokove i ostalu logiku bez problema, ali je ignorirao upit za promjenu teme, koji nije implementirao. U usporedbi s problemima DeepSeek-a, ovo je manji problem, ali sučelje je kodirano bez responzivne logike, pa su proporcije malo nepravilne, što neke gumbe čini nedostupnima.

Claude Sonnet 4: Slično Opusu, ali mislim da je Sonnet 4 bolji od Opusa. Adaptacija stranice je također dobra. Čini se da je Sonnet pobijedio, jer je ispunio sve potrebne funkcije.

Gemini 2.5 Pro: Blizanci se stalno muče sa složenom logikom. Ovaj put, bili su potpuno neupotrebljivi jer je postavljanje kockica imalo grešku, zbog čega je bilo nemoguće predvidjeti gdje će sletjeti. To je najgore.

Mislim da ste do sada jednako zadivljeni performansama DeepSeek-R1 kao i ja.

Teško je povjerovati da je ovo samo mala nadogradnja modela. Usporedimo cijene ovih modela s DeepSeek R1 0528.

Opus 4 je 30 puta skuplji, a to je ako se uzmu u obzir cijene Openroutera - službena cijena bi bila još veća.

model	Duljina konteksta	Ulazna cijena ($/M tokena)	Izlazna cijena ($/M tokena)	cijena slike ($/K tokena)
DeepSeek R1 0528	160 tisuća	0.50	2.18	–
Pregled Geminija 2.5 Pro	1000 tisuća	1.25	10	5.16
Claude Sonnet 4	200 tisuća	3.00	15	4.80
Claude Opus 4	200 tisuća	15.00	75	24.00

Kao netko tko se svakodnevno bavi vijestima o umjetnoj inteligenciji, svjedočio sam bezbrojnim „probojima“ koji su se na kraju pokazali „razočaravajućima“. Ali ovaj put je drugačije. DeepSeek-R1 mi je dao pravu nadu.

Razlika u cijeni od 30 puta, a opet gotovo jednake performanse.

Više ne moramo plaćati pretjerane cijene kako bismo koristili najbolje modele programiranja umjetne inteligencije, niti moramo praviti bolne kompromise između cijene i kvalitete. Još je inspirativnije to što je ovo naš vlastiti model.

Ovu rečenicu je napisala umjetna inteligencija i mislim da je odlična: Prava revolucija često počinje kada obični ljudi mogu dosegnuti zvijezde.