CODEWITHSUNDEEP
javascriptthree.jsblender
theLucre
theLucre

Reputation: 121

Smooth shading in three.js from blender

I have a scene in Blender that renders smoothly but when brought into a three.js scene the curved faces are flat. Is there a way to make these curved sides smooth as shown below?

I have calculated vertex normals and set the smoothShaded flag, neither changes the appearance. I've tried lambert, phong, and standard materials.

Desired look:

enter image description here

In threejs. scene:

enter image description here

Edit: I've tried the following: 

this.traverse(function(child) {
    if(child instanceof THREE.Mesh)
    {
         child.material.smoothShading = true;
    }
});

this.geometry.computeVertexNormals();
this.geometry.verticesNeedUpdate = true;

Upvotes: 1

Views: 1499

Answers (1)

theLucre
theLucre

Reputation: 121

The issue is in Blender. I needed to smooth the faces of rounded extrusions and set hard edges on the corners in the Shading panel.

enter image description here

enter image description here

Upvotes: 1

Related Questions