Vibecoding · 13-dars · 5–6-sinflar

Fan: IT / GameDev Kohorta: 5-6-sinflar Hafta: 3 (Boshlanish)

O'yinni Jonlantiramiz: Boshqaruv, Fizika va Game Loop

Shu paytgacha biz rasmlar va 3D modellarni tayyorladik. Bugun esa qahramonimiz yuguradi, sakraydi va haqiqiy video o'yinga aylanadi!

Geym-Dizayn Sirlari

Chiroyli Rasm bilan Haqiqiy O'yinning Farqi Nimada?

🖼️ Statik Rasm / Multfilm

Siz shunchaki tomosha qilasiz. Tugmalarni bossangiz ham hech narsa o'zgarmaydi. Qahramon qotib turgan rasm xolos.

🎮 Haqiqiy Video O'yin (Game Mechanics)

O'yinchi boshqaruvni qo'lga oladi! Tugma bosildi $\rightarrow$ qahramon yugurdi. Probel bosildi $\rightarrow$ sakradi. Bu — O'yin Mexanikasidir!

O'yin Mexanizmi

O'yinning Yuragi: Core Game Loop (60 FPS)

Kompyuter har bir soniyada xuddi charxpalak kabi 3 ta qadamni 60 marta takrorlaydi:

1. Eshitish (Input)

O'yinchi aynan hozir qaysi tugmani bosib turibdi? (A, D, Space?)

2. Hisoblash (Update)

Qahramon qayerga siljishi kerak? Tezlik va gravitatsiyani hisoblaydi.

3. Chizish (Render)

Ekranni tozalab, qahramonni yangi joyda qaytadan chizadi!

Boshqaruv Tizimi

Klaviatura Signallari: Kompyuter Qanday Tushunadi?

Hodisalar Eshituvchisi (Events)

keydown: Tugma bosildi (harakatni boshlash).
keyup: Tugma qo'yib yuborildi (to'xtash).

X va Y O'qlari Bo'yicha Harakat

D yoki → : X o'qi bo'yicha oldinga yuradi (+Speed).
A yoki ← : X o'qi bo'yicha orqaga qaytadi (-Speed).

Tezlik va Siljish

Tezlik (Velocity): Qahramon Qanday Siljiydi?

Oddiy Harakat Formulasi

Har bir kadrda qahramon joylashuviga tezlik qo'shiladi:

        player.x = player.x + player.speed;
      

Tezlikni Tanlash (Game Feel)

Speed = 2: Qahramon toshbaqadek sekin yuradi (zerikarli).
Speed = 16: Boshqarib bo'lmas chaqmoq (juda qiyin).
Speed = 6–8: O'yin uchun ideal muvozanat!

Tortishish Kuchi

Gravitatsiya: Qahramon Nega Pastga Tushadi?

Gravitatsiya Koddagi Ko'rinishi

Agar qahramon havoda bo'lsa, har kadrda uni pastga tortuvchi kuch oshib boradi:

        player.velocityY += gravity;
      

Koinotdagi Gravitatsiya

Gravity = 0.1: Oy sathi (qahramon havoda suzib yuradi).
Gravity = 0.6: Yer sathi (eng qulay va tabiiy tushish).
Gravity = 1.8: Og'ir planeta (qahramon toshdek qulab tushadi).

Parvoz Mexanikasi

Sakrash Qanday Ishlaydi? Kuch va Traektoriya

Bir Lahzalik Yuqori Turtki

Probel bosilganda qahramonga bir zumda yuqoriga katta turtki beriladi:

        player.velocityY = -jumpForce;
      

Chiroyli Parabola Egri Chizig'i

Qahramon avval tez ko'tariladi, cho'qqida to'xtaydi va yerga tezlashib qulaydi.

To'qnashuv Chegarasi

Hitbox va Zamin: Qahramon Nega Polni Teshib O'tmaydi?

Hitbox Nima?

Qahramon va platformalar atrofidagi ko'rinmas quti. Ular to'qnashganda kompyuter xabar topadi.

Zaminga Qo'nish Tekshiruvi

Oyoq platformaga yetdimi $\rightarrow$ velocityY = 0 (to'xtaydi).
Holat isGrounded = true bo'ladi (yana sakrash mumkin).

Geym-Dizayner Mahorati

"O'yin Hissi": Boshqaruvni Zavqli va Qiziq Qilish

✨ Harakat Zarrachalari (Particles)

Qahramon yugurganda yoki sakraganda oyoqlari ostidan neon uchqunlar chiqishi o'yinga zavq bag'ishlaydi.

🚀 Double Jump (2 Martalik Sakrash)

Havoda uchib ketayotganda yana bir marta sakrash imkoniyati. Bu o'yinchilarga erkinlik beradi.

AI Bilan Mexanika Yaratish

AI Agentga Fizika Mexanikasini Buyurish

Geym-Dizayner Prompt Namunasi

"game.js faylida qahramonning tezligini 9 ga oshir, gravitatsiyani 0.65 qil va har bir sakrashda qahramon oyog'idan 12 ta neon moviy zarrachalar sachraydigan qil."

Amaliy Kiber-Vazifa

Amaliy Ish: O'z Cyber Runner O'yiningni Sozla!

VS Code da game/index.html faylini oching. Slayderlar orqali tezlik, gravitatsiya va sakrash kuchini sinab ko'ring. O'zingizga eng yoqqan balansni topib, varaqangizga yozing!

1. 'Oy Gravitatsiyasi' rejimi sinab ko'rildi (Gravity 0.2)
2. 'Tosh Qahramon' rejimi sinab ko'rildi (Gravity 1.4+)
3. Shaxsiy balans sozlandi va 3 ta tanga yig'ildi

10 ballik baholash mezoni

1. Boshqaruvni o'rganish (WASD)3

2. 3 xil fizik rejim sinovi4

3. Varaqadagi laboratoriya hisoboti3

Jami (Geym-Mexanik Unvoni!)10

3-Hafta Boshlanishi

Tabriklaymiz: Siz O'yin Mexanikasini Egalladingiz!

Bugun Nimalarni O'rgandingiz:

O'yin shunchaki rasm emas — u har soniyada 60 marta hisoblanuvchi Game Loop, koordinatalar va gravitatsiyaga bo'ysunuvchi tirik tizimdir!

14-darsda nima bo'ladi?

Xavfli tikanlar, harakatlanuvchi lazerlar va to'siqlar! Qahramon to'siqqa tekkanda jon yo'qotish va qayta boshlashni o'rganamiz!