Distortion when using Three.js while rotation

[zdavatz]

Hi

We are using Three.js for a rotating object, see:

http://pillbox.oddb.org/rotate_pillbox/rotate_pillbox.html

if you rotate the object with the mouse then the image becomes distorted / blurred. If you do not rotate the object, the image is not distorted and looks just fine.

The goal is of course to rotate the object freely in your Browser ;).

Is this a bug or is this a missing feature?

Thank you for your Feedback.

Best
Zeno

[WestLangley]

You can minimize the distortion significantly by tessellating the faces of your cube. In your case, that would be something like this:

THREE.CubeGeometry( 1358/4, 898/4, 508/4, 3, 3, 3, materials )

[zdavatz]

Thank you for the Tip! I just tried this. The distortion is far less now but it is still there. Should I be able to get rid of it 100%?

If I look at the box from the side, the distortion still happens.

Best
Zeno

[gero3]

zdavatz if you are planning to only show that box then you can easily increase the subdivision to 10 or more without straining the clients PC;

  THREE.CubeGeometry( 1358/4, 898/4, 508/4, 10, 10, 10, materials )

[zdavatz]

Yes, I was just trying 9, 9, 9 that improves the distortion a lot. It seems that the rotation becomes less smooth, the higher the value.

Question: How can I get rid of that checkerboard pattern, that seems to get denser and denser the higher the value I use.

[mrdoob]

#1979