i've exported simplistic blender model made earlier plugin provided threejs, created .json file. tried import file project, having no success @ all.
i have on local server, because of file transfers not being allowed through file://, therefore, i'm using http.
the issue cannot see model. i'm using following code import it:
var loader = new three.jsonloader(); loader.load( 'model/mountain.json', function ( geometry ) { var mesh = new three.mesh( geometry, new three.meshbasicmaterial() ); scene.add( mesh ); }); i have both camera , scenes setup because can create , add native threejs shapes, such boxes , plains, , i'm 100% sure file in correct place.
thanks in advance!
i asked on reddit, , /u/egenimo helped me answer!
here's whole code, figure might people need set scene aswell.
var canvas = document.getelementbyid("bgcanvas"), renderer = new three.webglrenderer({ canvas: canvas, alpha: true }), windowheight = window.innerheight, windowwidth = window.innerwidth, camera, scene, renderer, loader; init(); function init() { renderer.setsize(window.innerwidth, window.innerheight); renderer.setclearcolor(0x000000, 0); renderer.shadowmapenabled = true; renderer.shadowmaptype = three.pcfsoftshadowmap; document.body.appendchild(renderer.domelement); // camera camera = new three.perspectivecamera(45, window.innerwidth / window.innerheight, 1, 1000); camera.position.z = 5; // scene scene = new three.scene(); loader = new three.jsonloader(); loader.load( 'cube.json', function ( geometry ) { var mesh = new three.mesh(geometry, new three.meshnormalmaterial({overdraw: true})); scene.add( mesh ); }); console.log(scene.children.length); render(); } function render() { requestanimationframe(function() { render(); }); renderer.render(scene, camera); } i ran issue of having more complex model, several objects, , threejs import single one, therefore, after looking up, found answer the man himself!.
hope helps in need!
Comments
Post a Comment