Тақырыбы: Веб-камера және қол қимылдары
арқылы басқарылатын «ТӨРТ ТҮЛІК
ЖАНУАРЛАР» веб-қосымшасын жасау.
Негізгі мақсат: Пайдаланушы экран алдында
қолын қозғалту арқылы 3D жануарларды айналдырып, үлкейтіп, олармен
өзара әрекеттесе алатын интерфейс құру.
Техникалық стек:
Интерфейс құрылымы (UI):
-
Сол жақ мәзір (Жануарлар тізімі):
«ТӨРТ ТҮЛІК ЖАНУАРЛАР» деген тақырыппен
келесі жануарлардың тізімін жаса: түйе, Сиыр,
Жылқы, қой, ешкі. Әр жануарды басқанда ортада оның
автор енгізген моделі (суреті) пайда болуы керек.
-
Орталық 3D сахна: Фонды табиғатқа ұқсас
(мысалы, жасыл шөп немесе саванна түсіндегі градиент) жаса.
Жануарлардың моделі ортада орналасады.
-
Басқару терезесі (Нұсқаулық): Камера
терезесінің жанында қазақ тіліндегі мынадай нұсқаулар тұруы
керек:
-
☝️ Бір саусақ (Сұқ саусақ): Жануарды өз
осінен айналдыру.
-
✊ Жұдырық: Жануарды алыстату
(Кішірейту).
-
?️ Ашық алақан: Жануарды жақындату
(Үлкейту).
-
? «Рок» белгісі (Сұқ саусақ пен шынашақ):
автор енгізген аудио іске қосылуы
керек.
ЖАНУАРЛАР суреті ссылкадан
алынсын. Әр жануарды басқан кезде сол бетте үлкен экранда
ссылкадағы сурет ортада ашылсын.
Түйе
(Ойсылқара)
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/audio_69b13343dac5c.mp3
Сиыр — «сүті — бұлақ, еті —
тамақ» болған, адам баласына ең көп ас-сусын беретін
жануар:
-
Сүті:
Күнделікті тұрмыстың ажырамас бөлігі. Одан
қаймақ, май, айран, ірімшік, құрт, сүзбе сияқты «ақ» өнімдері
алынады.
-
Еті: Әлемдегі және қазақ асханасындағы ең көп тұтынылатын ет
түрі. Құнарлы, нәрлі және түрлі тағамдар дайындауға
қолайлы.
-
Терісі: Өте қалың және берік. Одан
ер-тұрман, аяқ киім, қайыс арқандар мен былғары бұйымдар
жасалады.
-
Мүйізі мен сүйегі: Тұрмыстық бұйымдар
(тарақ, түйме, пышақ сабы) жасауға пайдаланылған.
-
АУДИО:
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) болуы қажет.
-
Барлық мәтіндер мен батырмалар қазақ
тілінде жазылсын.