Onyesho la Wanamitindo Wanne Bora! Mapitio Yanaonyesha Jinsi Deepseek R1 Ilivyo na Nguvu

Katika siku chache zilizopita, Deepseek-R1 0528 imefunguliwa rasmi.

Kwenye LiveCodeBench, utendakazi wake unakaribia kuwa sawa na OpenAI's o3 (juu); katika jaribio la Aider la lugha nyingi la kuigwa, inashikilia yake dhidi ya Claude Opus.

Ilipozinduliwa kwenye tovuti rasmi, tulijaribu haraka uwezo wake wa mbele na tukapata kuwa na nguvu ya kipekee, ambayo ilisababisha vipimo vilivyofunikwa katika makala hii. Tunalenga kushiriki nawe utendakazi mahususi wa miundo tofauti.

Ni muhimu kutambua kwamba jaribio hili kimsingi linazingatia uwezo wa mbele, kwa hivyo ni muhimu kutazama utendaji wa mifano tofauti kwa usawa. Unaweza kutumia madokezo tunayotoa kufanya majaribio yako mwenyewe na kushiriki maarifa na matokeo yako.

Kwa kutumia kidokezo sawa, tulituma kwa Claude Opus 4, Sonnet 4, Gemini 2.5 Pro, na DeepSeek R1-0528, na kuwafanya washindane katika kazi sita za maendeleo zinazozidi kuwa changamoto.

Kwa wale ambao hawawezi kusubiri, hapa ndio hitimisho:

Deepseek-R1-0528 inafuata kidogo Opus 4 katika uwezo wa mbele lakini inafanya vizuri zaidi Sonneti 4 na Gemini 2.5 Pro.

Kimsingi, kazi yoyote Opus inaweza kukamilisha, R1 pia inaweza kukamilisha, na hata kazi Opus 4 haiwezi kukamilisha, R1 inaweza kushughulikia, ingawa kwa viwango vya chini kidogo vya kukamilisha na ubora wa matokeo.

Kwa kuzingatia tofauti ya bei kati ya R1 na nyingine tatu, utendaji huu tayari ni bora, na tunaweza kufikiria tu jinsi R2 itakuwa ya kuvutia.

Jaribio la 1: Mfumo wa Usimamizi wa Ghala

Kidokezo: Tafadhali nisaidie kuunda zana kamili ya usimamizi wa bidhaa kwenye wavuti yenye mahitaji yafuatayo:

Mahitaji ya Utendaji

1. Usimamizi wa Bidhaa

• Uingizaji wa Taarifa ya Bidhaa: Jina la bidhaa, aina/kitengo, nambari ya SKU, bei, wingi wa hesabu
• Usimamizi wa picha ya bidhaa: Inasaidia upakiaji wa picha na hakiki (iliyoigwa na kiteuzi cha faili)
• Onyesho la orodha ya bidhaa: Onyesha bidhaa zote katika umbizo la jedwali, kwa usaidizi wa utafutaji na kichujio
• Uhariri wa bidhaa: Msaada wa urekebishaji wa habari ya bidhaa
• Ufutaji wa bidhaa: Msaada wa kufuta bidhaa (kwa uthibitisho wa haraka)

2. Usimamizi wa hesabu

• Operesheni zinazoingia: Ongeza wingi wa hesabu ya bidhaa, rekodi muda na wingi wa inbound
• Shughuli za nje: Punguza wingi wa hesabu ya bidhaa, rekodi muda wa nje na wingi
• Rekodi za hesabu: Huonyesha historia ya mabadiliko ya hesabu kwa kila bidhaa

3. Vipengele vya interface

• Dashibodi: Huonyesha takwimu kama vile jumla ya idadi ya bidhaa, jumla ya thamani ya orodha, arifa za chini za hesabu, n.k.
• Muundo msikivu: Inaweza kubadilika kwa kompyuta ya mezani na vifaa vya rununu
• Kudumu kwa data: Hutumia LocalStore kuhifadhi data

Mahitaji ya kiufundi

Mitindo na icons

• Mfumo wa CSS: Inatumia TailwindCSS 3.0+ CDN
• Maktaba ya ikoni: Hutumia Aikoni za Mashujaa au Aikoni za Manyoya CDN
• Fonti: Tumia Fonti za Google

Muundo wa Kanuni

• Programu ya ukurasa mmoja: HTML + CSS + JavaScript
• Muundo wa msimu: Vunja vitendaji katika moduli tofauti za JavaScript
• Muundo wa data: Tumia umbizo la JSON kuhifadhi data ya bidhaa

Mahitaji ya Usanifu wa Kiolesura

• UI ya kisasa: Ubunifu rahisi na mzuri wa kiolesura
• Mpango wa rangi: Tumia michanganyiko ya rangi ya biashara ya kitaalamu
• Maoni shirikishi: Mibofyo ya vitufe, uthibitishaji wa fomu, na athari zingine ingiliani
• Uthibitishaji wa fomu: Uthibitishaji wa uga unaohitajika, uthibitisho wa umbizo la data

Mfano wa Muundo wa Data

Tafadhali tengeneza faili kamili ya HTML iliyo na msimbo wote muhimu wa CSS na JavaScript, ukihakikisha kuwa vipengele vyote vinafanya kazi na vinaweza kuendeshwa moja kwa moja kwenye kivinjari.

Hebu tuangalie matokeo ya mtihani. Mantiki kwa kweli ni changamano, inajaribu urefu wa muktadha wa mfano, hisia za urembo, na uwezo wa kimantiki wa usindikaji.

Katika kesi hii, mifano yote isipokuwa Deepseek imeshindwa. Tafsiri ya Claude 4 alikuwa mbali sana, kusema ukweli.

Deepseek-R1-0528: Toleo lililoboreshwa la R1 lina nguvu sana. Kama unavyoona, kiolesura ni cha kitaalamu sana, na unaweza pia kuunda bidhaa mpya, kufanya shughuli za kawaida za kutoka na zinazoingia, na kugawanya bidhaa, usimamizi wa hesabu, na ripoti za hesabu katika kurasa tatu, ambayo ni wazi sana kwa ujumla. Pia kuna ukurasa maalum wa dashibodi, na aliandika data ya sampuli ya majaribio. Aina zingine hazina data, na kuongeza bidhaa haifanyi kazi, kwa hivyo upimaji hauwezekani kabisa.

Claude Opus 4: Huanza na kiolesura kikubwa, rahisi sana, kwa kutumia upau wa kusogeza wa juu badala ya utepe wa kawaida kwenye majukwaa ya SaaS. Kuongeza bidhaa husababisha hitilafu wakati wa kuhifadhi, na kufanya majaribio kutowezekana.

Claude Sonnet 4: Ikilinganishwa na Opus 4, kiolesura ni cha msingi zaidi. Kubofya kitufe cha "Ongeza Bidhaa" hakujibu, na hakuna dirisha ibukizi linaloonekana. Kurasa zingine kimsingi ni vishikilia nafasi tu.

Gemini 2.5 Pro: Toleo la Google ni bora kuliko la Claude. Inaruhusu kuongeza bidhaa na kukimbia, lakini kuna mende. Ilifanya kazi nilipoijaribu kwa mara ya kwanza, lakini sio niliporekodi video. Walakini, muundo wa mwingiliano wa Gemini ni ngumu sana, na usimamizi wa hesabu na uwekaji rekodi zote kwenye jedwali moja, ambayo inaongeza ugumu fulani.

Jaribio la 2: Kihariri cha Uhuishaji cha Pixel

Ifuatayo ni mtihani wa uwezo wa kuona. Niliwaomba waunde kihariri cha uhuishaji wa sanaa ya pikseli kwa kutumia P5.js, kusaidia modi za harakati, kurekebisha maumbo ya pointi, saizi, kasi na masharti mengine.

Kidokezo: Unda jenereta ya uhuishaji wa sanaa ya pikseli yenye skrini nzima inayoingiliana kulingana na P5.js, inayokidhi mahitaji yafuatayo ya kiufundi:

Vipengele vya Msingi

• Tekeleza uhuishaji wa sanaa ya saizi ya skrini nzima kwa kutumia P5.js, uhuishaji ukifunika eneo lote la tovuti ya kutazama.
• Jumla ya eneo la gridi ya pikseli lazima liwe angalau mara 10 ya eneo linaloonekana ili kuhakikisha ufunikaji kamili hata katika nafasi ndogo zaidi ya gridi ya taifa.
• Toa njia nyingi za uhuishaji: Wimbi, Mapigo, Ripple, Kelele
• Kusaidia chaguzi nyingi za sura ya nukta: mduara, mraba, msalaba, pembetatu, almasi, nk.
• Paneli zote za udhibiti zimewekwa upande wa kulia wa ukurasa na zinaweza kukunjwa hadi chini kwenye vifaa vya rununu

Vigezo vinavyoweza kubadilishwa

• Uzito wa nukta: Dhibiti idadi ya vitone kwa kila safu/safu wima
• Ukubwa wa umbo: Rekebisha ukubwa wa nukta
• Kasi ya uhuishaji: Dhibiti kasi na ukubwa wa athari ya uhuishaji
• Nafasi ya gridi: Rekebisha umbali kati ya nukta

Maelezo ya kiufundi

• Tumia HTML5, TailwindCSS 3.0+ (iliyoletwa kupitia CDN), na P5.js
• Tekeleza utendakazi kamili wa kubadili hali ya giza/mwanga, ukibadilisha mipangilio ya mfumo
• Ni lazima msimbo ujumuishe mantiki ya uboreshaji wa utendakazi, ikitoa pointi pekee ndani ya eneo linaloonekana na karibu na kingo
• Uhuishaji lazima uendeke vizuri bila kuchelewa

Muundo msikivu

• Kurasa lazima zionyeshwe kikamilifu kwenye vifaa vyote (simu ya rununu, kompyuta kibao, eneo-kazi)
• Paneli za udhibiti zinapaswa kukunjwa/kuweza kupanuka katika mwonekano wa simu ya mkononi
• Boresha mpangilio na saizi za fonti kwa saizi tofauti za skrini
• Hakikisha utumiaji mzuri wa mguso kwenye vifaa vya rununu

Vipengele vya Kiolesura

• Kiteuzi cha modi ya uhuishaji (wimbi, mapigo, ripple, kelele)
• Kiteuzi cha umbo (kinaonyesha maumbo mbalimbali na ikoni)
• Vidhibiti vya slaidi: msongamano, saizi, kasi, nafasi
• Kitufe cha kubadilisha mandhari
• Onyesha maelezo ya juu ya matrix na jumla ya idadi ya pointi

Angalia matokeo. Kuwa mkweli, sikutarajia mifano mingine kufanya vibaya katika jaribio hili. Isipokuwa kwa Deepseek-R1, uhuishaji wa aina zingine haukufanya kazi hata kidogo.

Deepseek-R1-0528: Kikamilifu bila dosari. Kila kitufe na kitelezi hufanya kazi kwa kawaida, na pointi husogea vizuri. Iliongeza hata data ya matrix ya nukta, na rangi hubaki thabiti baada ya kubadili hali ya usiku. Suala dogo tu ni kwamba hali iliyochaguliwa ya uteuzi wa rangi ina shida kidogo, lakini hii ni kidogo ikilinganishwa na utendaji mbaya wa mifano mingine.

Claude Opus 4: Habari njema: ina sanaa ya pixel. Habari mbaya: haina hoja. Maudhui yaliyo upande wa kulia yanaweza kuendeshwa kwa kawaida, lakini mpango wa rangi sio sahihi baada ya kubadili hali ya usiku.

Claude Sonnet 4: Huyu ni janga. Hakuna sanaa ya pikseli, na hata hali ya kuchagua vitufe haipo. Vitelezi ni vitone tu—huenda pia vikatumia vijenzi chaguo-msingi.

Gemini 2.5 Pro: Pia huripoti hitilafu bila gridi ya pikseli. Yaliyomo kwenye upande wa kulia yanaweza kuendeshwa kwa kawaida, na ubadilishaji wa mandhari hufanya kazi vizuri, lakini vipengee chaguo-msingi ni vibaya kidogo.

Jaribio la 3: Zana ya uchimbaji wa rangi ya gradient ya picha

Hiki ni chombo nilichoandika hapo awali. Hakuna maelezo mengi ya mantiki, lakini kuna maelezo zaidi ya mtindo. Kazi kuu ni kutoa seti tano za rangi za gradient kutoka kwa picha.

Kidokezo: Tengeneza ukurasa wa wavuti wa HTML kulingana na maudhui ya faili ifuatayo, usaidizi kutoa seti tano za rangi za gradient kutoka kwa picha zilizopakiwa, na kuruhusu watumiaji kunakili moja kwa moja seti tano za rangi za gradient ya heksadesimali. Kazi ya uchimbaji wa rangi inahitaji kutekelezwa.

1. Tumia muundo wa picha wa NetEase Cloud Music, mandharinyuma nyeupe yenye rangi sawa na #FE1110 kama kivutio.
2. Sisitiza fonti kubwa au nambari ili kuangazia mambo muhimu. Jumuisha vipengele vya kuona vilivyozidi ukubwa ili kusisitiza maeneo ya kuzingatia, na kuunda utofautishaji na vipengele vidogo.
3. Changanya maandishi ya Kichina na Kiingereza. Tumia herufi nzito, kubwa za Kichina na maandishi madogo ya Kiingereza kama lafudhi.
4. Tumia michoro rahisi inayochorwa kwa kuibua data au kama vipengee vya mapambo.
5. Tumia upenyo wa uwazi wa rangi zinazoangaziwa ili kuunda athari iliyoongozwa na teknolojia, lakini hakikisha kuwa rangi tofauti za kuangazia hazichanganyiki.
6. Iga uhuishaji wa tovuti rasmi ya Apple, ukiwa na uhuishaji wa kutembeza kwa kipanya
7. Data inaweza kurejelewa kutoka kwa vipengele vya chati mtandaoni, kwa mitindo inayoendana na mandhari
8. Tumia Framer Motion (kupitia CDN)
9. Tumia HTML5, TailwindCSS 3.0+ (kupitia CDN), na JavaScript muhimu
10. Tumia maktaba za ikoni za kitaalamu kama vile Aikoni za Font Awesome au Nyenzo (kupitia CDN)
11. Epuka kutumia emoji kama aikoni msingi
12. Kitufe cha kibonge katika kona ya chini kushoto huonyesha mpini wa Twitter wa mwandishi

Katika kesi hii, Claude hatimaye alifanya kazi nzuri. Maelezo ya ukurasa na aesthetics ya Deepseek-R1-0528 ni ya kuvutia, lakini utendaji haujatekelezwa. Kurasa za Opus 4 na Sonnet 4 ni rahisi zaidi lakini angalau zinafanya kazi, wakati Gemini haifanyi kazi hata kidogo.

Deepseek-R1-0528: Baada ya kutumia haraka yangu tena, uzuri wa ukurasa wa Deepseek haulinganishwi. Pia aliongeza maudhui mengi ya urafiki wa SEO kwenye ukurasa, kama vile matukio ya programu na nyakati za usindikaji. Kadi za kuonyesha za rangi ya gradient pia zina maelezo mengi, lakini mantiki ya uteuzi wa rangi haijatekelezwa.

Claude Opus 4: Wakati huu, Claude hatimaye hakukatisha tamaa, akikamilisha utendaji wa ukurasa, lakini maudhui ya ukurasa ni ya msingi sana, na mahali pekee pa kupakia picha na matokeo, na mantiki ya kuokota rangi pia ni duni. Walakini, inafanya kazi angalau.

Claude Sonnet 4: Sonnet 4 pia ilikamilisha utendakazi, na hata nadhani matokeo ya Sonnet ni bora kuliko ya Opus, ingawa bado sio tajiri kama Deepseek.

Gemini 2.5 Pro: Huyu ndiye mbaya zaidi. Sio tu kwamba maelezo ya ukurasa na aesthetics hazipo, lakini utendakazi hautekelezwi, na huanguka wakati wa kuanza.

Jaribio la 4: Tovuti ya Manukuu ya Kila Siku ya Kelele Nyeupe

Inayofuata ni jenereta ya tovuti ya nukuu ya kila siku ya kelele nyeupe, ambayo ni kamili kwa programu-jalizi mpya ya ukurasa wa kichupo. Inasaidia kucheza kelele nyeupe kutoka Spotify, na maonyesho ya ukurasa wa tovuti

Ushauri: Tafadhali nisaidie kuunda tovuti rahisi na maridadi ya kila siku ya kunukuu yenye mahitaji yafuatayo:

Ubunifu wa Visual

• Picha ya Mandharinyuma: Chagua bila mpangilio picha za mlalo wa hali ya juu kutoka kwa viungo vifuatavyo kama picha ya usuli
• Viungo vya Picha: XXXX
• Uchakataji wa Picha: Ongeza barakoa nyeusi ya 25% na ukungu kidogo wa Gaussian ili kuhakikisha maandishi yanasalia kuwa wazi na kusomeka
• Mtindo wa Jumla: Ya kisasa na ya kisasa, yenye picha za mlalo kama usuli wa ukurasa wa tovuti ili kuboresha uzamishaji
• Tumia anime.js (iliyoletwa kupitia CDN: JsDelivr jsdelivr.com) kwa mfumo wa uhuishaji, HTML5, TailwindCSS 3.0+ (iliyoletwa kupitia CDN), na JavaScript muhimu, na utumie maktaba ya aikoni za kitaalamu kama vile Aikoni za Font Awesome au Nyenzo (iliyoletwa kupitia CDN).

Moduli ya kuonyesha wakati

• Juu: Onyesha umbizo la mwezi na siku (kwa mfano, “Mei 29”), katika fonti ndogo zaidi, iliyowekwa katikati
• Safu ya pili: Huonyesha umbizo la “Wiki X · Kalenda ya mwandamo mwezi wa X siku ya X” katika fonti ndogo zaidi
• Kituo: Huangazia tarehe ya sasa katika fonti kubwa nyeupe, iliyo katikati

Moduli ya kuonyesha nukuu

• Maudhui: Huonyesha mara kwa mara nukuu za asili kutoka kwa wanafalsafa na waandishi wa Kichina na kigeni
• Mpangilio: Nukuu zimewekwa katikati, saizi ya fonti ni ya wastani, na nafasi ya mstari ni nzuri
• Maelezo: “Mwandishi, XXX” au “Mwanafalsafa, XXX” imeonyeshwa chini kulia
• Maktaba ya Nukuu: Ina manukuu kuhusu mada mbalimbali kama vile motisha, maarifa ya maisha, na hekima

Kazi ya Uchezaji Muziki

• Mahali: Kona ya chini kushoto ya ukurasa, iliyokunjwa kwa chaguomsingi
• Maudhui: Pachika Spotify kelele nyeupe orodha ya nyimbo
• Kanuni:

Utekelezaji wa Kiufundi

• Muundo Msikivu: Imeundwa kwa ajili ya kompyuta za mezani na vifaa vya mkononi
• Uteuzi wa herufi: Tumia fonti maridadi za Kichina, zilizoletwa na Fonti za Google
• Mpango wa Rangi: Tumia maandishi meupe hasa ili kuhakikisha usomaji wa mandharinyuma zote
• Inapakia Uboreshaji: Upakiaji wa uvivu wa picha ili kuboresha utendaji wa ukurasa

Vipengele vya Kuingiliana

• Onyesha upya Kiotomatiki: Hubadilisha picha ya usuli kiotomatiki na kunukuu kila siku
• Onyesha upya Mwongozo: Hutoa kitufe cha kuonyesha upya ili kuruhusu watumiaji kubadilisha maudhui wao wenyewe

Mtindo wa Uandishi

• Uteuzi wa Nukuu: Pendelea nukuu fupi, chanya na za kifalsafa
• Mtindo wa Lugha: Mafupi na yenye nguvu, kuepuka urefu wa kupita kiasi
• Uainishaji wa Mandhari: Mawazo ya maisha, ukuaji wa msukumo, mawazo ya busara, kujieleza kwa hisia, nk.

Tafadhali tengeneza tovuti kamili ya HTML/CSS/JavaScript kulingana na mahitaji yaliyo hapo juu, ukihakikisha kuwa kiolesura kinapendeza, kinafanya kazi, na kinatoa hali nzuri ya mtumiaji.

Jaribio hili ni la kutathmini uelewa wa kila mtindo wa aesthetics. Aina hii ya ukurasa wa wavuti unaolenga onyesho unaweza kufikiwa kwa ujumla.

Ni lazima kusema kwamba Claude Opus 4 bado ni mamlaka kabisa katika eneo hili, na tahadhari bora kwa undani. Gemini 2.5 Pro pia ni nzuri, hata kuongeza athari za uhuishaji kwa mabadiliko ya picha. Deepseek na Sonnet 4 ziko kwenye kiwango sawa.

Deepseek-R1-0528: Nilikimbia Deepseek kwanza na nilidhani tayari ilikuwa nzuri kabisa. Suala la kwanza lenye uzuri wa jumla lilikuwa kitufe cha muziki katika kona ya chini kushoto, ambacho kilikuwa tambarare kidogo. Sehemu ya kunukuu pia ilikuwa na masuala-kinyago cheusi hakikupaswa kuongezwa, na upangaji wa maandishi ulikuwa umezimwa kidogo. Walakini, iliongeza athari ya uhuishaji kwa kusasisha.

Claude Opus 4: Urembo wa Opus 4 hauna dosari kabisa. Saizi na nafasi za fonti zote ni nzuri sana, na nukuu za misemo maarufu zimeshughulikiwa kwa uwazi kwa maandishi ya nukuu na alama za nukuu. Hata kicheza Spotify kimefungwa kwenye UI na uhuishaji wa kupanua/kukunja. Ni kamilifu.

Claude Sonnet 4: Athari ya Sonnet 4 ni sawa na suala la Deepseek. Kitufe cha kucheza muziki, saizi ya maandishi, upatanishi na nafasi zote zinaweza kuboreshwa zaidi.

Gemini 2.5 Pro: Athari ya Gemini pia ni nzuri, lakini kuondoa kivuli cha maandishi kungeifanya kuwa bora. Pia imebinafsisha kiolesura cha kicheza Spotify, na maelezo ya maandishi ni sawa. Athari ya mpito inaonekana, na athari ya kunyoosha kwenye picha.

Jaribio la 5: Uundaji wa ukurasa wa programu ya kulala

Ifuatayo ni jaribio la programu ya simu. Waruhusu kila mmoja kuunda programu ya ufuatiliaji wa usingizi. Kidokezo kitabainisha rafu ya kiufundi na mahitaji ya muundo, na kuhitaji uundaji wa kurasa nyingi za mwingiliano.

Kidokezo: Masharti ya ukuzaji wa programu ya ufuatiliaji wa usingizi

Muhtasari wa mradi

Tafadhali nisaidie kuunda programu kamili ya ufuatiliaji wa usingizi na kurasa nne kuu za utendaji. Interface inapaswa kuwa ya kupendeza na ya kitaalamu.

Mahitaji ya kiufundi ya stack

Teknolojia za mbele

– HTML5 - Muundo wa ukurasa

– TailwindCSS v3.0+ - Mfumo wa mtindo (ulioanzishwa kupitia CDN)

– JavaScript - Mantiki ya mwingiliano ya lazima

– Anime.js v4.0.2 - Maktaba ya athari ya uhuishaji

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

Icons na chati

• Maktaba ya ikoni: Aikoni za Fonti za Kushangaza au Nyenzo (CDN)
• Vipengele vya chati: Vipengele vya chati ya mtandaoni, mitindo lazima ilingane na mandhari
• Taswira ya data: Inaauni onyesho la chati ya data ya usingizi

Mahitaji ya kubuni

Muundo msikivu

• Kikamilifu msikivu layout
• Muundo wa kwanza wa rununu
• Onyesho nzuri kwenye kompyuta za mezani na vifaa vya rununu

Athari za mwingiliano

• Mwingiliano wa kitufe: Athari iliyopanuliwa kidogo kwenye kuelea

Mwingiliano wa fomu: Onyesha mpaka wa gradient wakati uga wa ingizo unapolengwa

Mwingiliano wa kadi: Fanya giza kivuli wakati unaelea

Athari za uhuishaji: Tumia Anime.js kufikia uhuishaji laini wa ukurasa

Mahitaji ya Ukurasa wa Utendaji

Tafadhali tengeneza kurasa zote zinazohitajika kwa programu ya ufuatiliaji wa usingizi, ikijumuisha lakini sio tu:

• Ukurasa wa nyumbani/dashibodi
• Ukurasa wa kurekodi usingizi
• Ukurasa wa uchambuzi wa data
• Ukurasa wa mipangilio
• Kurasa zingine zinazohusiana na kazi

Mahitaji ya Pato la Msimbo

• Kila ukurasa ni faili huru ya HTML
• Futa muundo wa msimbo na maoni kamili
• Hakikisha viungo vyote vya CDN vinapatikana
• Toa msimbo kamili, unaoweza kutumika

Kwa upande wa mantiki ya rununu na kiolesura, Cluade Opus 4 ilionyesha tena uwezo wake, ikikamilisha kurasa nyingi kwa mantiki nzuri. Mifano zingine zilizalisha ukurasa mmoja tu, lakini Deepseek R1 0528 ghafla ilipiga alama kwa suala la aesthetics, na mtindo mzuri. Ingawa ilitoa ukurasa mmoja tu, ilikuwa kamili sana.

Deepseek-R1-0528: Imetoa ukurasa mmoja tu, lakini uzuri wa jumla ni mzuri. Maelezo ya kadi na utunzaji wa icons hufanywa vizuri, na ukurasa mzima umekamilika na mrefu. Zaidi ya hayo, muundo msikivu ulitekelezwa kwa urambazaji, na kusababisha mipangilio tofauti kabisa kwenye vifaa vya rununu na vya mezani.

Claude Opus 4: Hakika ni yenye nguvu, ni Opus4 pekee iliyozalisha kurasa zote kabisa, lakini muundo wa urembo wakati huu si mzuri, kwa kutumia mantiki ya ukurasa wa wavuti, na aikoni za kusogeza ambazo ni ndogo sana.

Claude Sonnet 4: Imezalisha ukurasa mmoja tu na kuripoti hitilafu, na muundo duni wa urembo, ikikamilisha tu kazi.

Gemini 2.5 Pro: Google daima hufanya mambo kwa njia tofauti. Inazalisha kila ukurasa mmoja mmoja, kutoa faili nne ambazo haziwezi kuingiliana na kila mmoja. Zaidi ya hayo, kurasa zote ziliripoti hitilafu, na kila ukurasa una urambazaji tu na hakuna maudhui, ambayo ni ya kukatisha tamaa.

Jaribio la 6: Utendaji Mgumu-Tetris

Hatimaye, nilimaliza na mtihani mdogo wa mchezo. Nilibuni mchezo changamano wa Tetris ulio na vizuizi maalum, ubadilishaji wa mandhari, utabiri wa kutua kwa block, hifadhi ya vizuizi, na zaidi—changamoto kuu ya kweli.

Ushauri: Tafadhali nisaidie kuunda mchezo wa wavuti wa Tetris unaofanya kazi kikamilifu, unaoonekana kuvutia na mahitaji yafuatayo:

Vipengele kuu vya mchezo

1. Kamilisha utaratibu wa Tetris: Vitalu 7 vya kawaida (I, O, T, S, Z, J, L)
2. Vidhibiti laini: harakati za kushoto na kulia, mzunguko, kushuka kwa haraka, kushuka kwa papo hapo
3. Mfumo wa kuondoa mahiri: inasaidia kuondoa safu mlalo 1-4 kwa wakati mmoja na athari maalum za uhuishaji
4. Mfumo wa ugumu unaoendelea: huongeza kiotomati kasi ya kushuka na kiwango kulingana na idadi ya safu zilizoondolewa

Vipengele vya hali ya juu

1. Hakiki mfumo: huonyesha vizuizi vinavyofuata na vinavyofuata
2. Kushikilia Kazi: Shikilia kitufe cha Kushikilia ili kuhifadhi kizuizi cha sasa kwa muda. Inaweza kutumika mara moja tu kwa mzunguko
3. Vizuizi vya Roho: Inaonyesha nafasi ya kutua ya vitalu katika fomu ya uwazi nusu
4. Mfumo wa Mchanganyiko: Usafishaji unaoendelea hutoa pointi za ziada na athari za kuona
5. Ujuzi Maalum:
   1. Kizuizi cha Bomu (husafisha eneo linalozunguka)
   2. Laser Clear (hufuta safu mlalo nzima)
   3. Sitisha Muda (vizuizi vinaacha kuanguka kwa sekunde 3)

Mahitaji ya Muundo wa Visual

1. Kiolesura cha kisasa cha UI:
   1. Mandharinyuma ya gradient au athari za chembe
   2. Paneli ya mchezo wa athari ya glasi
   3. Mabadiliko laini ya uhuishaji
   4. Muundo msikivu wa skrini tofauti
2. Athari nyingi za kuona:
   1. Uhuishaji laini wa vitalu vinavyoanguka na kuzungushwa
   2. Athari za mlipuko au flash zinapoondolewa
   3. Athari ya kutikisa skrini wakati mchanganyiko unafikiwa
   4. Uhuishaji wa sherehe wakati kiwango kimeboreshwa
3. Mfumo wa mada: Angalau mandhari 3 tofauti za kuona ili kubadilisha kati

Mfumo wa athari ya sauti

1. Toa maoni ya sauti: harakati, mzunguko, kutua, kuondoa, mwisho wa mchezo, nk.
2. Muziki wa usuli: mchezo looping BGM
3. Udhibiti wa sauti: athari za sauti zinazoweza kubadilishwa kwa uhuru na sauti ya muziki ya usuli

Njia za mchezo

1. Hali ya kawaida: mchezo wa jadi wa Tetris
2. Hali ya muda mfupi: fikia alama za juu zaidi ndani ya muda uliowekwa maalum
3. Hali ya changamoto: vizuizi vilivyowekwa mapema ili kuongeza ugumu
4. Hali ya Zen: hakuna shinikizo la wakati, starehe safi ya mchezo

Vipengele vya takwimu za data

1. Takwimu za wakati halisi: alama ya sasa, kiwango, idadi ya mistari iliyofutwa, wakati wa mchezo
2. Historia: alama ya juu, kiwango bora, jumla ya muda wa mchezo
3. Mfumo wa mafanikio: fungua mafanikio mbalimbali ya mchezo
4. Hifadhi ya ndani: hifadhi rekodi za mchezo na mipangilio

Mahitaji ya kiufundi

1. Inatumia HTML5/CSS3/JavaScript safi, hakuna mifumo ya nje inayohitajika
2. Futa muundo wa kanuni: programu inayolenga kitu, muundo wa moduli
3. Uboreshaji wa utendaji: uhuishaji laini wa 60FPS, hakuna kuchelewa
4. Utangamano: inasaidia vivinjari vya kisasa vya kawaida
5. Muundo msikivu: Inapatana na Kompyuta na vifaa vya rununu

Uzoefu wa mtumiaji

1. Maagizo ya angavu: Mafunzo yaliyojumuishwa ndani na vidokezo vya vitufe
2. Sitisha/rejesha kipengele cha kukokotoa: Sitisha mchezo wakati wowote
3. Menyu ya mipangilio: Rekebisha ugumu wa mchezo, athari za sauti, athari za kuona, n.k.
4. Uhifadhi wa hali ya mchezo: Inasaidia kuokoa na kuanzisha tena mchezo

Mahitaji ya ubora wa kanuni

1. Maoni ya kina: Kila kipengele cha kukokotoa na sehemu muhimu ya msimbo lazima iwe na maelezo
2. Ushughulikiaji wa hitilafu: Utaratibu wa kina wa kukamata na kushughulikia ubaguzi
3. Msimbo wa kifahari: Fuata mbinu bora, rahisi kuelewa na kudumisha
4. Upanuzi: Rahisi kuongeza vipengele vipya katika siku zijazo

Tafadhali toa faili kamili za HTML zilizo na msimbo wote wa CSS na JavaScript ili kuhakikisha kuwa zinaweza kuendeshwa moja kwa moja kwenye kivinjari. Msimbo unapaswa kuonyesha ujuzi wa kitaalamu wa kupanga programu na uelewa wa kina wa maendeleo ya mchezo.

Katika mchezo mdogo, Claude ana kitu kinachoendelea. Opus na Sonnet zilizalisha vizuizi vinavyolingana vya Tetris kama inavyohitajika, haswa mantiki ya vizuizi maalum. Deepseek alishughulikia mada ambayo Claude alipuuza, lakini akakosa vizuizi maalum, na kusababisha Gemini 2.5 Pro kuzalisha vitalu visivyoweza kucheza.

Deepseek-R1-0528: Kazi hiyo ilikamilishwa vizuri sana na kulingana na vipimo, lakini muundo maalum wa kuzuia uliachwa na haukutekelezwa kabisa. Hii inaweza kuwa kutokana na matatizo ya kufuata maneno ya papo hapo. Ukurasa mzima wa tovuti unafanana na kiolesura cha mchezo, na vitufe vyote vinavyoonekana kama vipengee vya kawaida.

Claude Opus 4: Alikamilisha mantiki ya vitalu maalum na mantiki nyingine bila masuala, lakini alipuuza ombi la kubadili mandhari, ambalo hakulitekeleza. Ikilinganishwa na masuala ya DeepSeek, hili ni tatizo dogo zaidi, lakini kiolesura ni cha msimbo gumu bila mantiki sikivu, kwa hivyo uwiano umezimwa kidogo, na kufanya baadhi ya vitufe kutobofya.

Claude Sonnet 4: Sawa na Opus, lakini nadhani Sonnet 4 ni bora kuliko Opus. Urekebishaji wa ukurasa pia ni mzuri. Hii inahisi kama Sonnet alishinda, kwani ilikamilisha kazi zote zinazohitajika.

Gemini 2.5 Pro: Gemini mara kwa mara anapambana na mantiki ngumu. Wakati huu, ilikuwa haiwezi kutumika kabisa kwa sababu uwekaji wa matofali ulikuwa na mdudu, na hivyo haiwezekani kutabiri wapi wangeweza kutua. Ni mbaya zaidi.

Kufikia sasa, nadhani unashangazwa kama vile ninavyoshangazwa na utendakazi wa DeepSeek-R1.

Ni ngumu kuamini kuwa hii ni uboreshaji mdogo wa mfano. Wacha tulinganishe bei za mifano hii na DeepSeek R1 0528.

Opus 4 ni ghali mara 30 zaidi, na hiyo ni kutumia bei ya Openrouter—bei rasmi inaweza kuwa ya kushangaza zaidi.

mfano	Urefu wa muktadha	Bei ya ingizo(tokeni za $/M)	Bei ya pato (tokeni za $/M)	bei ya picha (ishara za $/K)
DeepSeek R1 0528	160k	0.50	2.18	–
Onyesho la kukagua Gemini 2.5 pro	1000k	1.25	10	5.16
Claude Sonnet 4	200k	3.00	15	4.80
Claude Opus 4	200k	15.00	75	24.00

Kama mtu anayeshughulika na habari za AI kila siku, nimeshuhudia "mafanikio" mengi ambayo hatimaye yanageuka kuwa "ya kukatisha tamaa." Lakini wakati huu ni tofauti. DeepSeek-R1 imenipa tumaini la kweli.

Tofauti ya bei mara 30 lakini karibu utendakazi sawa.

Hatuhitaji tena kulipa bei ghali ili kutumia miundo bora zaidi ya programu ya AI, wala hatuhitaji kufanya mabadilishano maumivu kati ya gharama na ubora. Kinachotia moyo zaidi ni kwamba huu ni mfano wetu wenyewe.

Sentensi hii iliandikwa na AI, na nadhani ni nzuri: Mapinduzi ya kweli mara nyingi huanza wakati watu wa kawaida wanaweza kufikia nyota.