Error while loading an STL file using three.js

Question

I want to show a preview of an STL file using three.js. I followed the following tutorial, because this is exactly what I need:

Tutorial

I get an error called undefined is not a function (near '...loader.addEventListener...') in the following line:

    var loader=new THREE.STLLoader();
    loader.addEventListener('load', function (event){
    var geometry=event.content;
    var material=new THREE.MeshLambertMaterial({ ambient: 0xFBB917,color: 0xfdd017 });
    var mesh=new THREE.Mesh(geometry, material);
    scene.add(mesh);});

I also included all files correctly, what is wrong with my code or is there any alternative for a simple preview of a STL file using javascript?

Don McCurdy · Accepted Answer · 2018-01-07 22:14:41Z

3

It looks like that tutorial was written with an older version of three.js. For newer versions, when loading STL (and other model formats) you must use a .load function:

var material = new THREE.MeshLambertMaterial({ ambient: 0xFBB917,color: 0xfdd017 });

var loader = new THREE.STLLoader();
loader.load( './models/stl/slotted_disk.stl', function ( geometry ) {
  scene.add( new THREE.Mesh( geometry, material ) );
});

STLLoader.js:L18-30

answered Jan 7, 2018 at 22:14

Don McCurdy

12.2k4 gold badges46 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error while loading an STL file using three.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related