OBJ Loader - Poor Resolution

Questions
1

Hi there,

We are working with a developer to build a custom site for us.

We are using three.js to load .obj models into the site.

The problem is the models are appearing pixelated. Is there a way to increase the resolution?

Here is a link to show how the .obj file is loading:
http://3d.shed-solutions.com/laravel/public/part/bench

Please notice the edges of the model.

Here is a link to the same .obj file loaded with google poly and three.js
http://3d.shed-solutions.com/poly/basic-sample.html

The resolution is much better in this model.

We would appreciate any help!

2

Create your instance of WebGLRenderer like this:

renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );

Now you activate anti-aliasing and also achieve higher resolutions on HiDPI or Retina displays.

1 Like
3

I’m not sure what you mean, do you mean the missing antialiasing or the texture just being not repeated?

4

I’m guessing antialiasing?

5

Oh ok, it’s just both examples don’t have antialiasing, since he said the second example would be better.

6

Ha, maybe they meant both?

7

The only difference i see in both is that the first doesn’t has repeated textures, instead the clamped edges what might be misinterpreted for a poor resolution.

1 Like
8

31%20PM

This is what we are referring to.

Thoughts?

9

What @Mugen87 wrote

renderer = new THREE.WebGLRenderer( { antialias: true } );

2 Likes