Otevřít kód

Download

Tutoriály a nástroje ke stáhnutí


Aplikace VectoroBox pro chytrá mobilní zařízení



VectoroBox Marker

Pokud chcete zobrazit 3D modely skrz Rozšířenou Realitu, stáhněte si prosím VectoroBox Marker.Tento obrázek slouží pro výpočet polohy a velikosti modelu v reálném prostředí. Aplikace VectoroBox je na tento Marker připravená, takže jakmile jej kamera uvidí, zobrazí na něm vybraný 3D model.


Download Marker

Print marker

Kamerou zamiř na marker


Marker je připraven ve formátu PDF pro tisk na formát A4 a US Letter. Marker je ve velikosti 20 x 20 cm, po vytisknutí by měl mít taky takovou velikost. Když si ve Vámi používané 3D aplikaci vložíte na souřadnice 0, 0, 0 Plane o rozměrech 20 x 20 cm, měl by odpovídat Márkeru. Tomuto objektu přizpůsobte velikost a pozici Vašeho modelu. Pokud velikost nepřizpůsobíte, nemusí být Váš model spravně velký, a v Rozšířené Realitě správně zobrazený. Pro případ je v aplikaci tlačítko na změnu měřítka.



Připravená scéna


Pro správnou přípravu a export Vašeho modelu a pro Vaše pohodlí, jsme připravili scénu s Markerem, který je ve správné velikosti a pozici. Stáhněte si tedy prosím soubor v FBX nebo COLLADA (dae) formátu.
Použití připravené scény je jednoduché. Otevřete si ji a do této scény naimportujte Váš připravený model. Jeho velikost upravte, aby se zobrazil na Markeru tak, jak požadujete. Vyexportujte* do FBX nebo DAE. A nahrajte do VectoroBoxu, pokud ještě nemáte na VectoroBox účet, zaregistrujte se.



Příprava modelu


Model by neměl mít víc jak několik set tisíc polygonů. Přesné množství nelze specifikovat, jelikož záleží na výkonu jednotlivých mobilních zařízení.

Pokud máte model hotový, připravené textury, a uložený tak si otevřete připravenou scénu, kterou naleznete v sekci Download a do ní si model naimportujte. V této scéně je připravený Marker, který je na správné pozici a má správnou velikost. Velikost modelu si přizpůsobte tomuto Markeru tak, aby na něm model “ležel”. Jakmile je vše připraveno, tuto scénu vyexportujte do FBX nebo DAE formátu a nahrejte na VectoroBox.

Ve studiu se model automaticky nastaví na střed, aby jej kamera zabírala ze všech pozic. Pokud je však ve scéně model, který má některou svoji část záměrně daleko od středu (například stín, nebo pozadí) lze tento objekt vyjmout z vypočítávání středu. K názvu objektu se jednoduše přidá _sbb. Tento postup je pouze pro náhled ve studiu. V rozšířené realitě se model zobrazuje přesně tak, jak si jej nastavíte ve Vašem 3D programu.

Příklad názvu modelu: Název-modelu_sbb

Bounding box

Automaticky vytvořený Bounding Box. Střed scény se počítá i se stínem, který je ve scéně jen jako dopněk.

Bounding box

Objektu se stínem je do názvu přidána koncovka _sbb. Nezapočítává se do výpočtu středu scény a střed scény je uprostřed hlavního modelu.




Příprava materiálů


Materiál Solid je jednoduchý a výkonostně nenáročný materiál. Model s tímto materiálem má barvy přesně stejné, jako je difuzní textura. Textury v materiálu Solid připravte ve formátu JPG. Pokud chcete použít transparenci (například pro stín), uložte texturu do formátu PNG.

Příklad názvu materiálu: Název-materiálu_solid

Název textur není podstatný, pouze formát JPG nebo PNG (transparence).


Solid texture

Difuzní textura

Solid

Materiál _solid


Default materiál přináší širší nastavení a díky tomu je výkonostně náročnější. Materiál může obsahovat několik textur. Diffuse, Normal (Bump), Specular, Reflection a Environment. Materiál se nechová stejně jako Solid, má na něj vliv světlo, environment mapa atd. Flash nepodporuje takto složitý shader, proto zde neuvidíte Reflexní a Environment mapu současně se Spekularní mapou. Takže je možnost buď použít pouze Difuzní, Bump a Specular, nebo Difuzní, Bump a Reflexní. Na mobilních přístrojích bude vše jak má být, pokud bude mobilní zařízení staršího typu, je možné, že se bude materiál zobrazovat stejně jak ve flashi.

Název materiálu není podstatný, ale nesmí obsahovat stejné řetězce, jako například materiál Solid nebo ostatní přednastavené materiály.

Názvy textur:

Difuzní textura:
Název-materiálu_diff.jpg
Normal/Bump textura:
Název-materiálu_normal.jpg nebo Název-materiálu_bump.jpg
Spekulární textura:
Název-materiálu_spec.jpg
Reflexní textura:
Název-materiálu_refl.jpg

Příklad:
Materiál:
Barel
Textury:
Barel_diff.jpg
Barel_bump.jpg
Barel_spec.jpg
Barel_refl.jpg

Ukázky vlivu textur na výsledný model:

Diffuse/Bump/Specular/Reflection

Diffuse
Bump
Specular
Reflection

*Pouze iOS a Android

Pokud chcete mít na lesklých částech modelů vlastní odraz, přidejte zároveň s modelem a texturami také environment texturu. Formát textury je JPG. Textura je sférická. Pokud vlastní texturu nevložíte, bude použita standardní.

Názvu textury: vb_env.jpg

Environment textura

Standardní evnironment textura


Zároveň je k dispozici několik přednastavených materiálů, jako jsou skla a kovy. V těchto materiálech se leskne Environment mapa, kterou když nepřidáte vlastní, bude se zrcadlit přednastavená.

Názvy materiálů:

vb_glass0
neprůhledné sklo
vb_glass1
průhledné sklo
vb_brass
mosaz
vb_bronze
bronz
vb_chrome
chrom
vb_copper
měď
vb_gold
zlato
vb_silver
stříbro
vb_mask
maska

Ukázky materiálů:




Příklad použití materiálu maska:

Pokud chcete vytvořit například díru do stolu, je potřeba použít masku, kterou odmaskujete pohledy ze stran, které by kazily dojem z prostoru.
* materiál Maska funguje pouze v Rozšířené realitě.


vb_mask

Model díry bez použití masky.

vb_mask

Model díry a model masky.

vb_mask

Model díry a model masky s aplikovaným materiálem masky.



Příprava panorama


K vytvoření Panorama je potřeba sférická mapa, někdy také nazývaná HDRI nebo 360 panorama. Tato textura bývá standardně v poměru stran 2:1 a obsahuje kompletní 360°pohled. Její rozlišení může být 2048 px na šířku x 1024 px na výšku, nebo menší 1024 x 512 px. Samozřejmě je možné mít texturu čtvercovou, takže na výšku pak obsahuje 2x více detailů. Panorama pak bude mít rozlišení 2048 x 2048 px.

2048 x 1024px

2048 x 1024px

2048 x 2048px

2048 x 2048px