Renderování & vizualizace
Pokročilé vizualizace pro prezentaci modelu — fotorealistický path-traced screenshot, turntable WebM video, exploded view, štítky promítané na plochu, HDRI IBL prostředí.
Path-traced screenshot
Fotorealistický offline render aktuální scény přes WebGL2 path tracer (knihovna three-gpu-pathtracer).
View → Ray trace… otevře dialog:
| Parametr | Volby |
|---|---|
| Rozlišení | 720p (1280×720) · 1080p (1920×1080) · 1440p (2560×1440) · 4K (3840×2160) |
| Vzorky | 32 (rychlý, šumivý) · 128 (default) · 512 (čisté) · 1024 (velmi nízký šum) |
| Odrazy | 1–8, default 3 (indirect lighting bounces) |
| Prostředí IBL | 6 gradient sky presetů nebo vlastní .hdr |
Presety prostředí
| Preset | Charakter |
|---|---|
| Teplá místnost | Žluté světlo, indirekt + ambient |
| Studio | Neutrální, rovnoměrné |
| Svítání | Oranžové, low-angle |
| Soumrak | Purpurové, dramatické |
| Neutrální | Šedé, žádný color cast |
| Noir | Tmavé, vysoký kontrast |
Vlastní HDRI
Tlačítko „Vlastní HDR" umožní upload .hdr souboru (Radiance RGBE). Po nahrání se preset dropdown zamkne (✓ vlastní HDR). Klik na „Vyčistit HDR" vrátí k presetu.
Vhodné HDRI: 360° equirectangular environment mapy z Poly Haven (CC0).
Render
- Render — spustí async path trace. Progress bar ukazuje %.
- Cancel — přeruší (rozpracovaný frame se zahodí).
- Po dokončení Download → PNG s názvem
{docName}-raytrace.png.
Realný čas
- 1080p × 128 vzorků: ~10 s na slušném GPU
- 1080p × 512 vzorků: ~30 s
- 4K × 1024 vzorků: vícero minut — počítej s tím
Turntable video
Kamera obejde model o 360° kolem osy Z a uloží WebM video přes MediaRecorder API.
View → Turntable export otevře dialog:
- Délka (sekundy) — 1–30 s, default 6
- Snímky/s (FPS) — 15 / 24 / 30 / 60
Klik Spustit záznam → progress bar. Po dokončení se WebM stáhne jako {docName}-turntable.webm (codec VP9 nebo VP8).
TIP
Kamera startuje z aktuální pozice a zachová výšku + vzdálenost — nejdřív si nastav záběr, pak spusť. Pro vyšší kvalitu zkombinuj s Path-traced screenshot jako klíčový frame v thumbnailu prezentace.
Exploded view
Radiální rozpojení dílů od těžiště — pro montážní výkresy. Funguje v 2D Drawing módu per-pohled.
V drawing pravým klikem na pohled → „Exploded view…", zadej faktor:
| Faktor | Efekt |
|---|---|
0 | Bez rozpojení (default) |
1 | 2× rozpojení od COM |
2 | 3× rozpojení |
>2 | Dál dle potřeby |
Drawing render aplikuje body.explode_factor per-body a posune každé těleso radiálně od centroidu sestavy.
Štítky promítané na plochu (Decals)
Text nebo logo projektované na vybranou plochu tělesa přes THREE.DecalGeometry. Použití: značení verze produktu, popisy v technickém renderu, oznámení v marketingovém záběru.
Toolbar → Vytvořit → Štítek… otevře DecalDialog:
| Pole | Default |
|---|---|
| Text | LABEL (multiline) |
| Šířka (mm) | 40 |
| Velikost písma (px) | 48 |
| Barva textu | Bílá |
| Pozadí | Modrá |
Pick na plochu
- Vyplň pole.
- Klik „Přidat na plochu" → dialog se přesune do horního pravého rohu (žádný overlay), prompt: „Klikni na plochu pro umístění štítku…".
- Klik na face v 3D viewportu → decal se vytvoří s correct orientation (Z-up convention zachována přes
Object3D.lookAt).
Seznam decalů
Tabulka pod dialogem ukazuje všechny decaly v dokumentu — delete button per řádek.
Persistence
Decaly jsou primárně session-only (po reloadu zmizí). Yjs persistence přes DecalsBridge je v aktivním vývoji a postupně se zapne; sleduj release notes.
HDRI environment v real-time scéně
Mimo path tracer ovlivňuje HDRI také IBL osvětlení běžné scény (shaded mode):
- Settings → Theme → Environment preset — stejné presety jako v RayTrace dialogu (warm-room / studio / dawn / dusk / neutral / noir).
- Settings → Theme → Vlastní HDR — upload pro celé sezení.
Skybox vidíš v 3D viewportu jako blurred gradient za modelem (přes Scene.environment v Three.js).
Tipy
Marketingové vykreslení modelu
- Načti model.
- Nastav záběr (orbit + zoom).
- View → Ray trace → 1080p, 512 vzorků, studio preset.
- Render → uložit PNG.
- Pro animaci: View → Turntable export → 8 s × 30 FPS → WebM.
Technický výkres s explodem
- Otevři Drawing mód.
- Vytvoř isometric view sestavy.
- Pravý klik na pohled → Exploded view, faktor
1.5. - Auto BOM tlačítko vygeneruje balónky pro jednotlivé díly.