[45%20PM] I understand there are ways to smooth OBJs in blender/etc. But, is there any way to do it with just threejs?

Things to try: mesh.material.flatShading = false mesh.geometry.computeVertexNormals() If neither of the above works, you may need to merge vertices. THREE.BufferGeometry doesn’t implement this yet unfortunately, so you’d need to convert the mesh geometry to THREE.Geometry, merge, then optionally c…

Thanks for the response. Gave it a go! mesh.material.flatShading = false nope :(( mesh.geometry.computeVertexNormals() nope :(( “convert the mesh geometry to THREE.Geometry , merge, then optionally convert back to BufferGeometry”. ^ how would one do such magic? here is the geo: [15%20PM]

I believe it should be: var a = new THREE.Geometry().fromBufferGeometry( mesh.geometry ); a.mergeVertices(); mesh.geometry.fromGeometry( a ); see three.js docs for details. :slight_smile:

Sadly no luck :(( Does this look correct? object.traverse( function ( child ) { if ( child instanceof THREE.Object3D ) { if(child.geometry !== undefined){ console.log("~ geometry ~"); console.log(child.geometry); var a = new THREE.Geometry().fromBufferGeometry( child.geo…

No errors, but no effect? Combining that with the other two suggestions above may help. Otherwise, are you able to create a demo?

There is one other way that you can do the smoothing. Just like you would do a subdivision in any 3d modelling application, you can do it in threejs as well using subdivision modifier. Here’s an example https://threejs.org/examples/?q=subd#webgl_modifier_subdivision

@donmccurdy https://fuzzywobble.com/projects/webgl/obj_test_smoothing/web/index.html ^ demo

Hi @fuzzy_wobble , your OBJ model does not define any normals and has many identical vertices defined more than once. If you use OBJLoader2 with setUseIndices( true ) it removes identical vertices along and it computes vertexNormals if they are not defined afterwards, then the ballon_dog looks as fo…

looks fine and it works for me.

Since the support for THREE.Geometry is completly removed in v125 the accepted solution is broken. As THREE.Geometry is deprecated it seems there is no built in future-proof implementation to achieve this ? Or is planned to get the THREE.Geometry-related methods implemented in THREE.BufferGeometry …

How to smooth an OBJ with threejs?

Questions

Laubeee March 10, 2021, 6:57pm 12

If you refer to the mergeVertices you can use BufferGeometryUtils.mergeVertices(geometry), see docs

[SOLVED] How can we smooth model loaded with OBJLoader (i.e. not flat shading)?

How to get a smooth rendering of an .obj?

Topic		Replies	Views
How to get smooth mesh of the .obj? Questions loaders , geometry	4	1690	August 18, 2022
How to get a smooth rendering of an .obj? Questions obj-loader	1	1161	October 19, 2021
[SOLVED] How can we smooth model loaded with OBJLoader (i.e. not flat shading)? Questions models , obj-format , obj-loader	10	8570	November 29, 2021
How to make the surface smoother? Questions geometry	15	9337	October 16, 2020
How soften hard edges Questions geometry	15	11202	December 17, 2019

How to smooth an OBJ with threejs?

Related topics