3D prohlížeč modelů
Sdílení 3D modelů z Blenderu s kolegy přímo v prohlížeči: otáčení, řezy materiálů a rozklad na díly.
- PROJ-06
- Webová aplikace · 3D · 2026
- Kód
- 1 394 řádků
- Modely
- 3 × GLB (6–11 MB)
- Build
- žádný, čisté HTML
- AI nástroje
- Claude Code
Vyzkoušej si to
Živá aplikace přímo na stránce: vyber model v seznamu vlevo nahoře, otáčej jím myší, kolečkem přibliž a v panelu „Světlo a textury“ zkus rozklad na díly.
Načte se model o velikosti několika MB z GitHub Pages.
01 · Problém
Modely stavebních detailů (ploché spádované střechy) z Blenderu bylo potřeba ukázat kolegům, kteří Blender nemají, bez posílání velkých souborů a bez placeného hostingu.
02 · Role AI
Postaveno s Claude Code: načítání GLB modelů v Three.js, ovládání kamery, panel světla a textur a rozklad modelu na díly. Rozklad jsem s AI několikrát přepracoval: z automatických heuristik na radiální rozklad od středu a ruční výběr dílu s 3D šipkami. Požadavky a ověření na reálných modelech z Blenderu jsem měl na starosti já.
03 · Co aplikace umí
- Výběr modelu ze seznamu, otáčení pohledu myší i dotykem
- Zobrazení: materiály, materiály + hrany, drátěný model
- Rozklad modelu na jednotlivé vrstvy (automaticky i po dílech)
- Nastavení slunce, okolního světla, expozice a stínů
- Nouzová oprava chybějících UV souřadnic textur
- Hosting zdarma na GitHub Pages, modely verzované v repozitáři
04 · Výsledek
Kolegové otevřou odkaz a model si prohlédnou z každé strany, bez instalace čehokoli.
Pro technickou praxi
Technická komunikace nad 3D modely bez CAD licence: konstrukční detail si kolega otevře v prohlížeči na počítači i mobilu.
Screenshoty z aplikace
