how to Smooth .obj in Three.js

Asked Feb 18 '17 at 00:56

Active Feb 18 '17 at 01:19

Viewed 952 times

Is there any way to smooth an .OBJ in three.js ? I already load the model but it looks faceted

I already use the shading: THREE.SmoothShading, in the material but doesn't affect it

var Loader = new THREE.OBJLoader();
Loader.load('models/stockcarchasisc.obj', function(carGeo, materials) {   

// var material = new THREE.MeshFaceMaterial(materials);
var map = new THREE.TextureLoader().load( "models/st_tex.jpg" );
map.wrapS = map.wrapT = THREE.RepeatWrapping; // This set/place UV coordinates at 0 ! 
var material2 = new THREE.MeshStandardMaterial({ 
color: 0xa65e00,
side: THREE.DoubleSide,
map: map,    
});
carGeo.traverse( function(child) {
if (child instanceof THREE.Mesh) {

// apply custom material
child.material = material2;
// enable casting shadows
child.castShadow = true;
child.receiveShadow = true;
}
});
carGeo.position.y = 25;
carGeo.scale.set(25, 25, 25);
var helper = new THREE.VertexNormalsHelper( carGeo, 5, 0x00ff00, 5 );
scene.add(carGeo);
scene.add(helper);
});

edited Feb 18 '17 at 01:19

asked Feb 18 '17 at 00:56

Evoinsec

does the model have vertex normals? – gaitat Feb 18 '17 at 00:59
It should ! Is theres any way to know it for sure? – Evoinsec Feb 18 '17 at 01:03
https://threejs.org/docs/index.html?q=helper#Reference/Helpers/VertexNormalsHelper – gaitat Feb 18 '17 at 01:06
I paste my code in the original question, already add the helper but I don't see any normals – Evoinsec Feb 18 '17 at 01:20
http://stackoverflow.com/a/13234832/1980846 – gaitat Feb 18 '17 at 02:13
Where should I put these two lines? geometry.computeFaceNormals(); geometry.computeVertexNormals(); – Evoinsec Feb 22 '17 at 00:38
before `carGeo.traverse` – gaitat Feb 22 '17 at 03:00
Possible duplicate of [Enable smooth shading with Three.js](https://stackoverflow.com/questions/44749446/enable-smooth-shading-with-three-js) – Don McCurdy Mar 21 '18 at 18:50

how to Smooth .obj in Three.js

0 Answers0