Game Dev · 7–8-sinf · 4-hafta

Game Jam Finali va Veb-Deploy

4 haftalik o'yin muhandisligi modulining tantanali finali: UX polirovkasi, LocalStorage rekordlari, Vercel bulutli deploy, QR kod orqali telefonda ochish va sinf chempionati!

🏆 Game Jam 2026 ☁️ Cloud Deploy 📱 Mobile QR 💾 LocalStorage
Dasturchi Falsafasi

Kod Kompyuterda Qolib Ketmasin, Butun Dunyoga Chiqsin!

❌ Localhost qafasida qolish:
  • O'yin faqat o'z noutbukingizda localhost:3000 da ishlaydi.
  • Do'stlaringiz va ota-onangiz siz yaratgan natijani ko'ra olmaydi.
  • Haqiqiy o'yinchilardan fikr-mulohazalar bo'lmaydi.
✅ Jonli Bulutli Deploy (Vercel va QR):
  • Haqiqiy himoyalangan https://mygame.vercel.app havolasi.
  • Do'stingiz QR kodni kamerasida skaner qilishi bilanoq o'yinga kiradi!
  • Kelajakdagi IT faoliyatingiz uchun tayyor ko'rgazmali portfolio.
O'yin Polirovkasi

Tugallangan O'yin Belgilari: Menyular, Retry va Mute

1. Boshlang'ich Ekran

"START" ekrani. Safari va Chrome brauzerlarida audio autoplay blokirovkasini hal qiladi.

2. Audio Mute Toggle

Ovozni yoqish/o'chirish tugmasi. Jamoat joyida o'ynayotgan o'yinchilar uchun zaruriy qulaylik.

3. Game Over & Retry

Natijalar xulosasi, yangi rekord va sahifani qayta yuklamasdan davom etish ("RETRY").

Doimiy Rekord

LocalStorage: Brauzer Yopilganda Ham Rekord O'chmaydi

O'yin boshlanganda rekordni o'qish:
let highScore = 0; try { // String matnni raqamga o'giramiz: highScore = parseInt( localStorage.getItem('cyber_high') || '0', 10 ); } catch(e){}
Yangi rekord o'rnatilganda saqlash:
if (score > highScore) { highScore = score; // Brauzer doimiy xotirasiga yozamiz: localStorage.setItem( 'cyber_high', String(highScore) ); }
Veb-Deploy Qoidalari

Deploy Sirlari: Nega Bosh Fayl Qat'iy index.html Bo'lishi Shart?

Xalqaro Veb-Server Standarti:

Brauzer saytga kirganda, server ildiz papkadan avtomatik index.html ni qidiradi. Agar faylni game.html deb atasangiz, server 404 Not Found xatosini ko'rsatadi!

O'yinlar uchun bepul bulutli platformalar:
  • Vercel: Tezkor avto-deploy, dunyo bo'ylab CDN kesh.
  • GitHub Pages: Repozitoriy sozlamalaridan bitta klik bilan yoqiladi.
  • Netlify: Loyiha papkasini sudrab tashlash (Drag-and-Drop) orqali deploy.
QR Kod Mo''jizasi

QR Kod: Noutbuk va Smartfon O'rtasidagi Ko'prik

Nega havolani qo'lda yozmaslik kerak?

Murakkab havolalarni telefonda harfma-harf terishda o'yinchilarning 80% qismi xatoga yo'l qo'yadi.

QR Kod Matritsasi:

QR-kod havolani qora va oq modullar matritsasiga o'giradi. Smartfon kamerasi butun veb-manzilni 0.05 soniyada xatosiz o'qib oladi!

Tengdoshlararo Baholash

Peer-Review Madaniyati: Katta Studiyalarda Sinov Qanday O'tadi?

1. Boshqaruv Qulayligi

Joystik barmoqqa quloq solyaptimi? Sakrash vaqtida kechikish yo'qmi?

2. Ovoz va Visual FX

Lazer va portlashlar tovush bilan sinxronmi? Zarrachalar ko'zni qamashtiradimi?

3. Barqaror 60 FPS

Platformalar ko'payganda o'yin qotib qolmayaptimi? Xotira tozalanyaptimi?

4 Haftalik Ulkan Yo'l

Oddiy Tugmachadan Mobil O'yingacha Bosib O'tilgan Yo'l

Hafta O'rganilgan texnologiyalar Yaratilgan natija
1-Hafta HTML5, CSS3, Flexbox, Veb asoslari Birinchi veb-sahifa va shaxsiy karta
2-Hafta JavaScript DOM, Hodisalar, LocalStorage, Debugging Kiber-Reaksiya va Clicker turnir o'yini
3-Hafta 2D Canvas, O'yin Tsikli (RAF), Gravitatsiya, Boss Battle Fizika va dushmanlar sun'iy intellekti
4-Hafta Web Audio API, Partikllar, Kamera Viewport, Touch Joystik To'liq mobil cheksiz Kiber-Arkada o'yini
Sinf Turniri Qoidalari

Target Game Jam Chempionati Reglamenti

Turnir bosqichlari:
  1. Har bir dasturchi o'z ekranida "Deploy & QR" oynasini ochadi.
  2. Qo'shningiz QR kodni o'z telefoni orqali skaner qiladi.
  3. Hamkoringiz 2 daqiqa o'ynab, yangi rekord o'rnatishga harakat qiladi.
  4. Varaqadagi baholash kartasi xolis to'ldiriladi.
G'oliblik mezonlari:
  • 🥇 Eng ko'p ball to'plagan o'yinchi (Sinf rekordi).
  • 🎨 Eng chiroyli o'yin dizayni (Vizual partikllar va ranglar).
  • 🕹️ Eng qulay mobil boshqaruv (Silliq joystik sezgirligi).
Katta Olam

Siz Kimga Aylandingiz? Haqiqiy Frontend Game Developer!

Frontend Muhandis

Canvas rendering, DOM, hodisalar va responsiv interfeyslarni mukammal bilasiz.

Geym-Dizayner

Fizika qonunlari, o'yin muvozanati (balansi) va Game Feel effektlarini tushunasiz.

DevOps & Release

Kodni bulutga deploy qilish, QR kod orqali tarqatish va xatolarni tuzatishni uddalaysiz.

Turnir Maydoni

Kiber-Arkada Maydoni: Eng Yuqori Natijani Ko'rsating!

O'yinni ishga tushirish:

Brauzerda game/index.html faylini oching. "O'YINNI BOSHLASH" tugmasini bosing va jarlikka qulamasdan 1000 metrdan ko'proq masofaga yuguring!

Mobil QR Kod:

O'yin tepasidagi "🚀 Deploy & QR" tugmasini bosing va sinfdoshlaringizga QR kodni skaner qildiring!

Xulosa va Baholash

4-Haftalik O'yin Moduli Xulosasi va 10 Ballik Mezon

9 – 10 Ball: Grandmaster
  • O'yin to'liq ishlaydi va deploy qilingan.
  • QR kod orqali mobil sinovdan o'tkazilgan.
  • LocalStorage rekordi saqlanadi.
  • Varaqa to'liq to'ldirilgan.
7 – 8 Ball: Senior Developer
  • O'yin ishlayapti, deploy qilingan.
  • Boshqaruv va ovoz sozlamalari mavjud.
  • Varaqa 80% to'ldirilgan.
5 – 6 Ball: Qoniqarli
  • O'yin mahalliy kompyuterda ishlaydi.
  • Deploy va QR kod ishlatilmagan.
🎉 1-Oylik O'yin Muhandisligi Kursini Muvaffaqiyatli Yakunlaganingiz Bilan Tabriklaymiz! Oldinda — Katta Web va Sun'iy Intellekt!