javascript - Three.js doesn't display blender model -


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