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
Post a Comment