Tento projekt ukazuje spojenie moderných webových technológií na vytvorenie pútavého 3D zážitku priamo vo vašom prehliadači.
Použité Technológie a Knižnice:
Jadrom aplikácie je knižnica Three.js využívajúca silu WebGL na vykreslenie detailného 3D modelu kocky.
Realistický vzhľad skleneného materiálu je dosiahnutý pomocou fyzikálne založených princípov (PBR) a dynamického osvetlenia scény,
ktoré zabezpečujú HDRI mapy. Moderný nástroj Vite.js zabezpečuje rýchly vývoj a optimalizovaný výkon. Logika je napísaná v
JavaScripte (ES Modules) a používateľské rozhranie v HTML & CSS. Plynulé animácie, ako pulzovanie kocky, zabezpečuje knižnica Tween.js.
Hlavné Funkcie:
Ovládací panel umožňuje detailnú kontrolu vybraných častí modelu, ktoré možno zvoliť kliknutím alebo cez menu. Môžete meniť farbu,
rotáciu (X/Y) a mierku (Z). Dostupné sú rôzne prostredia (HDRI) a pohľad kamery je plne responzívny.
Experimentálne Hlasové Ovládanie
Kľúčovou funkciou je hlasové ovládanie využívajúce Web Speech API prehliadača (Chrome/Edge) na rozpoznanie reči (SK/EN).
Rozpoznaný text následne analyzuje umelá inteligencia Google Gemini AI (cez bezpečné backendové API), ktorá pochopí zámer príkazu
(akcia, cieľ, parametre) aj pri rôznych formuláciách. Frontend potom vykoná príslušnú akciu.