3D na webu s Three.js

9. 10. 2013 21:27:32

Dobrý den,

chtěl bych se zeptat, jestli se někdo nezabývá technikou vytváření 3D na web zvanou Three.js. Začal jsem se tím zabývat a mám problém s importem vymodelovaných 3D objektů .obj a rotací objektu nebo kamery okolo objektu pomocí myši. Budu vám moc vděčný za jakoukoli pomoc.

Předem děkuji :)

9. 10. 2013 21:27:32

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954306

Vít Michalek

(14 hodnocení)

9. 10. 2013 21:36:06

Musíš poslat ukázku toho co děláš, takhle na dálku ti nikdo neporadí.

9. 10. 2013 21:36:06

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954305

Venom6

9. 10. 2013 21:49:14

Já chtěl nejdřív zjistit zda se tím někdo zabývá :)

zabývám se tím, že chci na webovou stránku umístit vymodelovaný objekt například v Blenderu... fotmát .obj i s barvami objektu a následně s ním v té webovce rotovat a zoomovat pomocí myši.

Ukázka zdorjáku:

My first Three.js app

Místo vymodelované kostky přímo tady, bych chtěl umístit zmíněný .obj a rozhýbat ho pomocí myši.

9. 10. 2013 21:49:14

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954304

Crusty

(2 hodnocení)

9. 10. 2013 22:59:25

http://threejs.org/examples/webgl_loader_obj.html

Zobraz zdrojovy kod a tam to je.

Jinak diky za tip, knihovnu sem neznal a funguje i na mobilu.

9. 10. 2013 22:59:25

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954303

Venom6

10. 10. 2013 15:00:46

Já to už zkoušel. Přepsal jsem zdrojový kód do html, přepsal cesty k .js, .obj a .jpg souborům a když jsem spustil index.html, 3D objekt nikde nebyl... jen černá obrazovka. Na http://threejs.org/ jsou ty soubory spustit normálně včetně toho který jsi zmínil. Taky jsem z téhle stránky stáhl soubor se všemi materiály i s examples a taktéž nešlo.

Nevím, zda je třeba nastavit něco v prohlížeči nebo to dělat přes nějaký program (užívám PSPad). Jsem z toho už docela zoufalý

10. 10. 2013 15:00:46

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954302

Crusty

(2 hodnocení)

10. 10. 2013 15:03:54

tak dej adresu tveho testu a treba z toho neco vykoukame

10. 10. 2013 15:03:54

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954301

Venom6

10. 10. 2013 15:31:03

Já to nemám na internetu, zkouším to na počítači ve složkách, jelikož si myslím že to nemá cenu když to nejede ani ze složky. Jestli jsem vás tedy pochopil správně. Jestli to bude stačit, tak bych překopíroval zdroják sem. Nebo bych vám nějak poslal soubory v zipu.

10. 10. 2013 15:31:03

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954300

Crusty

(2 hodnocení)

10. 10. 2013 16:14:28

uz mi to frci http://2ox.cz/threejs/

potrebujes vykopirovat vsechny soubory co to potrebuje a upravit cesty.

- html soubor

- Detector.js

- stats.min.js

- OBJLoader.js

- three.min.js

v html souboru upravit cesty

dale je treba

- male02.obj, soubor s modelem

- male02.mtl, definice materialu

- ash_uvgrid01.jpg, textura

EDIT: na lokalu mi to take nefunguje, nevim proc. JS moc neumim

EDIT 2: v Chrome v konzoli to pise tuto chybu, kdyz spoustim lokalne

XMLHttpRequest cannot load file:///C:/Users/Crusty/Downloads/testThreeJS/male02.obj. Cross origin requests are only supported for HTTP.

po uprave toho XMLHttpRequest to asi pujde take lokalne

EDIT 3: a jeste posledni napoveda

https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally

po uprave v chome uz mi to pak take bezi z localu

10. 10. 2013 16:14:28

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954299

Venom6

10. 10. 2013 17:04:02

Děkuji moc :) zjistil jsem že mi chyběl ten male02.mtl soubor. Také jsem zjistil že mi to nejede Chrome prohlížeči což nevím proč... v Mozille mi to ale jde.

10. 10. 2013 17:04:02

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954298

Crusty

(2 hodnocení)

10. 10. 2013 17:06:10

Chrome musis spustit s parametrem, jenz je popisovan v odkazu, editoval jsem predchozi prispevek.

Jinak rado se stalo.

10. 10. 2013 17:06:10

https://webtrh.cz/diskuse/3d-na-webu-s-three-js#reply954297

Pro odpověď se přihlašte.

Přihlásit