javascript - THREE.FileLoader is not a constructor(…) -


i'm trying load model scene.

i've included these files @ top of project:

     <script src="js/build/three.min.js"></script>      <script src="js/loaders/objloader.js"></script> 

this code

    var loader = new three.objloader();     loader.load( "res/rose/modelsandtextures/rose.obj", function ( object ) {       scene.add( object );     } ); 

but error: objloader.js:46 uncaught typeerror: three.fileloader not constructor(…)

i looked in objloader.js file , find three.fileloader - line error on:

           var loader = new three.fileloader( scope.manager ); 

other peoples examples of work fine

check out if you're using right objloader.js.

take @ example shows how use object properly:

var scene = new three.scene();  var renderer, camera, banana;    var ww = window.innerwidth,    wh = window.innerheight;    renderer = new three.webglrenderer({    canvas: document.getelementbyid('scene')  });  renderer.setsize(ww, wh);    camera = new three.perspectivecamera(50, ww / wh, 0.1, 10000);  camera.position.set(0, 0, 500);  scene.add(camera);    //add light in scene  directionallight = new three.directionallight(0xffffff, 0.8);  directionallight.position.set(0, 0, 350);  directionallight.lookat(new three.vector3(0, 0, 0));  scene.add(directionallight);    var render = function() {    requestanimationframe(render);      banana.rotation.z += .01;      renderer.render(scene, camera);  };    var loadobj = function() {    //manager threejs track loader , status    var manager = new three.loadingmanager();    //loader obj three.js    var loader = new three.objloader(manager);      //launch loading of obj file, addbananainscene callback when it's ready     loader.load('http://mamboleoo.be/learnthree/demos/banana.obj', function(object) {      banana = object;      //move banana in scene      banana.rotation.x = math.pi / 2;      banana.position.y = -200;      banana.position.z = 50;      //go through children of loaded object , search mesh      object.traverse(function(child) {        //this allow check if children instance of mesh constructor        if (child instanceof three.mesh) {          child.material.color = new three.color(0x00ff00);          //sometimes there vertex normals missing in .obj files, threejs compute them          child.geometry.computevertexnormals();        }      });            scene.add(banana);      render();    });  };    loadobj();
<script src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r79/three.min.js"></script>  <script src="http://mamboleoo.be/learnthree/demos/objloader.js"></script>    <canvas id="scene"></canvas>


Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -