Zadejte hledaný výraz...

3D na webu s Three.js

Venom6
verified
rating uzivatele
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
verified
rating uzivatele
(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
verified
rating uzivatele
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
verified
rating uzivatele
(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
verified
rating uzivatele
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
verified
rating uzivatele
(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
verified
rating uzivatele
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
verified
rating uzivatele
(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
verified
rating uzivatele
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
verified
rating uzivatele
(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