Line Up: 3D rejimli "nuqtalarni ulash" brauzer boshqotirmasi

Muammo

Klassik brauzer "nuqtalarni ulash" boshqotirmalarida ko'pincha variativlik yetishmaydi: bitta tekis to'rli mexanika tez zerikadi, hajmli 3D rejim yoki muqobil vizual bezakni qo'shish esa odatda alohida loyihani anglatadi — tekis 2D boshqotirma va hajmli 3D versiyani bitta kod bazasida saqlash qiyin.

Alohida vazifa — sof nuqta ulash mexanikasidan tashqari qiziqishni ushlab turish: qo'shimcha o'yin ma'nosisiz (masalan, o'quv yo'nalishisiz) boshqotirma bir martalik ko'ngilochar bo'lib qoladi, qaytish uchun sabab yo'q.

Color Dots: bitta mexanika, uchta vizual uslub

Sahifada o'yin Color Dots deb nomlangan — bu bir xil rangdagi nuqtalarni to'r katakchalari orqali kesishmasdan va barcha katakchalardan foydalanib chiziq bilan ulash boshqotirmasi. Mexanika klassik, ammo daraja tanlash ekranidan almashtiriladigan uchta vizual uslubda taqdim etiladi: "Trubalar" — nuqtalar to'g'ri to'r bo'ylab yaltiroq trubalar orqali ulanadi; "Ilonlar" — uchki nuqtalar ilon boshi sifatida, ular orasidagi yo'l esa ilon tanasi sifatida bezatilgan; "Shesternyalar" — har bir katakcha tishli g'ildirak sifatida ko'rsatiladi, faol nuqtalar rangda yonadi.

Har bir uslub o'ziga xos daraja diapazoniga bog'langan (masalan, asosiy to'plamda "Trubalar" — 001-005 darajalar, "Ilonlar" — 006-025, "Shesternyalar" — 026-030), ya'ni bu bir xil boshqotirma ustidagi shunchaki kosmetik tema emas — vizual xilma-xillik haqiqiy kontent bo'linishi bilan mustahkamlangan.

3D rejim: sfera yuzasidagi boshqotirma

Sozlamalardagi alohida tugma ("3D rejim — kamera aylanishi bilan hajmli maydon") xuddi shu boshqotirmani yarim shaffof sfera yuzasiga o'tkazadi: nuqtalar va trubalar to'ri shar atrofida o'raladi, o'yinchi esa kamerani imo-ishoralar bilan aylantiradi — chapga/o'ngga tortish sferani buradi, yuqoriga/pastga tortish uni egadi — har tomondagi nuqtalarni ko'rish va ulash uchun.

Bu alohida 3D o'yin emas, balki xuddi shu daraja va yechish logikasining Three.js'dagi muqobil render'i, WebGL mavjud bo'lmagan yoki kerak bo'lmagan joyda Canvas 2D fallback'ga o'tish bilan — ya'ni bitta darajalar to'plami ham tekis, ham hajmli ko'rinishda o'tiladi.

Murakkablik progressiyasi: 120 daraja

Klassik ("Ranglar") rejimida darajalar beshta yig'ma murakkablik darajasiga bo'lingan: Yangi boshlovchi (1-15, mexanika bilan tanishish), Oson (1-30, kichik to'rlar), O'rta (1-60), Qiyin (1-90, zich joylashuvlar) va Ekspert (barcha 120 daraja, cheklovsiz). Daraja tanlash ekrani darajalarni ham murakkablik, ham vizual uslub bo'yicha guruhlaydi, har bir daraja uchun progress ko'rsatkichi bilan.

Word Connect: so'zlar bilan o'quv rejimi

Ikkinchi o'yin rejimi — Word Connect, daraja tanlashdagi alohida "So'zlar" yorlig'i: rangli nuqtalar o'rniga o'yinchi so'zlarni ularning tarjimalari bilan ulaydi, darajalar esa mavzu-kategoriyalarga guruhlangan. Tekshiruv vaqtida bitta mavzu to'liq mavjud — "Meva va sabzavotlar" (20 daraja, allaqachon o'rganilgan so'zlarni takrorlash uchun "Barchasi / Yangi / Takrorlash" filtrlari bilan), yana ikkita mavzu ("Hayvonlar", "Uy-ro'zg'or buyumlari") "Tez orada" deb belgilangan va hali ochilmagan.

Boshqacha aytganda, o'quv rejimi shunchaki deklaratsiya emas — bu progress va takrorlash bilan ishlaydigan funksionallik, hozirgi versiyada bitta mavzu bilan cheklangan, qolganlari ishlab chiqilmoqda.

Sozlamalar, texnologiyalar va natija

3D rejim tugmasidan tashqari, sozlamalarda tovush effektlari, fon musiqasi va animatsiyalar (silliq o'tishlar va g'alaba effektlari) boshqaruvi, shuningdek interfeysning tizim/och/qorong'u temasini qo'lda almashtirish mavjud — boshqotirma ikkala rejimda ham bir xil darajada o'qiladi.

O'yin o'z domenida (line-up.ecomdev.uz) alohida ommaviy mahsulot sifatida ishlaydi, TypeScript'da Three.js asosidagi 3D render va klassik rejim uchun Canvas 2D fallback bilan yig'ilgan. Natija: bitta "nuqtalarni ulash" mexanikasi uchta vizual uslubda va ikkita render rejimida (2D va 3D-sfera) ochib berilgan, ustiga ishlaydigan Word Connect o'quv rejimi qo'shilgan — shunchaki funksiyalar ro'yxatida emas, balki haqiqatda o'ynaladigan holda.