Тақырыбы: Веб-камера және қол қимылдары арқылы басқарылатын «ТӨРТ ТҮЛІК ЖАНУАРЛАР» веб-қосымшасын жасау.

Негізгі мақсат: Пайдаланушы экран алдында қолын қозғалту арқылы 3D жануарларды айналдырып, үлкейтіп, олармен өзара әрекеттесе алатын интерфейс құру.

Техникалық стек:

• Three.js: Жануарлардың 3D модельдерін (GLTF/GLB форматтары) жүктеу және көрсету үшін.

• MediaPipe Hands: Саусақтардың қозғалысын нақты уақытта (real-time) тану үшін.

Интерфейс құрылымы (UI):

1. Сол жақ мәзір (Жануарлар тізімі): «ТӨРТ ТҮЛІК ЖАНУАРЛАР» деген тақырыппен келесі жануарлардың тізімін жаса: түйе, Сиыр, Жылқы, қой, ешкі. Әр жануарды басқанда ортада оның автор енгізген моделі (суреті) пайда болуы керек.

2. Орталық 3D сахна: Фонды табиғатқа ұқсас (мысалы, жасыл шөп немесе саванна түсіндегі градиент) жаса. Жануарлардың моделі ортада орналасады.

3. Басқару терезесі (Нұсқаулық): Камера терезесінің жанында қазақ тіліндегі мынадай нұсқаулар тұруы керек:

   • ☝️ Бір саусақ (Сұқ саусақ): Жануарды өз осінен айналдыру.

   • ✊ Жұдырық: Жануарды алыстату (Кішірейту).

   • ?️ Ашық алақан: Жануарды жақындату (Үлкейту).

   • ? «Рок» белгісі (Сұқ саусақ пен шынашақ): автор енгізген аудио іске қосылуы керек.

ЖАНУАРЛАР суреті ссылкадан алынсын. Әр жануарды басқан кезде сол бетте үлкен экранда ссылкадағы сурет ортада ашылсын.

Түйе (Ойсылқара) https://vibe-coding.diaoft.kz/uploads/img_69b8c69520c02.png

Түйе — «көшпенділер кемесі» атанған, әрбір мүшесі адам игілігіне жарайтын жануар:

• Шұбаты (сүті): Өте жоғары емдік қасиетке ие. Өкпе ауруларына, асқазанға және иммунитетті көтеруге таптырмас ем.

• Еті: Өте құнарлы және нәрлі. Қазақ дәстүрінде түйе сою — үлкен жиын-тойдың белгісі.

• Жүні: Түйе жүні өте жылы, жеңіл әрі емдік сипаты бар. Одан көрпе, шекпен, белбеу және жылы киімдер жасалады.

• Көлік ретінде: Бір түйе 200-300 келіге дейін жүк көтере алады. Шөл даламен ұзақ жол жүруге ең қолайлы көлік.

• АУДИО: https://vibe-coding.diaoft.kz/uploads/audio_69b13305d7ec3.mp3

Жылқы (Қамбар ата) https://vibe-coding.diaoft.kz/uploads/img_69b1312de07d7.png

Жылқы — әрі мінсең көлік, әрі ішсең сусын, әрі жесең тағам болған берекелі мал:

• Қымызы: Жылқы сүті — мың да бір ауруға ем. Ол өкпе, асқазан ауруларына шипа болып, адамның қуатын арттырады.

• Еті: Ең дәмді және нәрлі ет. Қазақ халқы жылқы етінен қазы, қарта, жал, жая сияқты ұлттық деликатестер дайындайды. Оның майы суықта тоңбайды және тез қорытылады.

• Көлік ретінде: Ат — ер жігіттің серігі. Жаугершілік заманда сенімді серік, алыс жолда төзімді көлік болған.

• Қылы мен терісі: Қылынан арқан-жіп, музыкалық аспаптар (қобыз) жасалса, терісінен сапалы аяқ киімдер мен ыдыстар (торсық) тігіледі.

• АУДИО: https://vibe-coding.diaoft.kz/uploads/audio_69b13343dac5c.mp3

Сиыр (Зеңгі баба) https://vibe-coding.diaoft.kz/uploads/img_69b1315773ce2.png

Сиыр — «сүті — бұлақ, еті — тамақ» болған, адам баласына ең көп ас-сусын беретін жануар:

• Сүті: Күнделікті тұрмыстың ажырамас бөлігі. Одан қаймақ, май, айран, ірімшік, құрт, сүзбе сияқты «ақ» өнімдері алынады.

• Еті: Әлемдегі және қазақ асханасындағы ең көп тұтынылатын ет түрі. Құнарлы, нәрлі және түрлі тағамдар дайындауға қолайлы.

• Терісі: Өте қалың және берік. Одан ер-тұрман, аяқ киім, қайыс арқандар мен былғары бұйымдар жасалады.

• Мүйізі мен сүйегі: Тұрмыстық бұйымдар (тарақ, түйме, пышақ сабы) жасауға пайдаланылған.

• АУДИО: https://vibe-coding.diaoft.kz/uploads/audio_69b1338d954e2.mp3

Қой (Шопан ата) https://vibe-coding.diaoft.kz/uploads/img_69b131795e392.png

Қой — «өзі түкті, бауыры сүтті» деп сипатталатын, адам баласына барлық өнімін беретін мал:

• Еті: Қазақ асханасындағы ең сыйлы ас. Қонаққа қой сойып, мүшелеп тарту — үлкен құрметтің белгісі.

• Сүті: Сүті өте майлы әрі құнарлы. Одан ақ ірімшік, құрт, май алынады.

• Жүні: Киіз үйдің жабындылары, текемет, сырмақ, шекпен және түрлі жылы киімдер дайындалады.

• Терісі: Тон, ішік, қаптамалар жасауға пайдаланылады.

• АУДИО: https://vibe-coding.diaoft.kz/uploads/audio_69b133c097ed8.mp3

Ешкі (Шекшек ата) https://vibe-coding.diaoft.kz/uploads/img_69b1321683134.png

Ешкі — «кедейдің сиыры» атанған, күтімі аз болса да, берері көп мал:

• Сүті: Ана сүтіне ең жақын, құрамы жағынан өте жеңіл әрі емдік қасиеті жоғары. Аллергиясы бар балалар мен қарт адамдарға таптырмас шипа.

• Түбіті: Әлемдегі ең қымбат талшықтардың бірі. Ешкі түбітінен өте жұқа, жылы және сапалы шәлілер мен киімдер тоқылады.

• Еті: Диеталық өнім болып саналады. Жас ешкінің (марқаның) еті жұмсақ әрі дәмді келеді.

• Терісі: Өте берік әрі жұмсақ. Одан жоғары сапалы аяқ киімдер, былғары бұйымдар мен қаптар жасалады.

• АУДИО: https://vibe-coding.diaoft.kz/uploads/audio_69b13400ae709.mp3

Функционалдық талаптар:

• Кодты HTML, CSS және JavaScript (ES6+) тілдерінде жазып бер.

• Камерадан қолдың нүктелерін (Skeleton) сызып көрсету функциясын қос.

• Жануарлар модельдерін жүктеу үшін еркін қолжетімді CDN сілтемелерін немесе бос орын иелерін (placeholder) қолдан.

• Дизайн футуристік, бірақ табиғат элементтерімен үйлескен (Eco-Tech style) болуы қажет.

• Барлық мәтіндер мен батырмалар қазақ тілінде жазылсын.