CODEWITHSUNDEEP
three.js
Paul
Paul

Reputation: 26660

Three.js Floating curve is merged into CubeGeometry

Please look at this 3D scene: (the link became obsolete)

The curve is made of multiple (1092) short THREE.Line objects. This curve, the ball (THREE.SphereGeometry) and the sod (THREE.CubeGeometry) are nested in THREE.Object3D which I am rotating using rotation.x and rotation.y properties.

The problem is that the curve sometimes is merged into the sod or visible through an opposite side of it although the curve actually "hangs" above the sod.

Upvotes: 1

Views: 152

Answers (1)

WestLangley
WestLangley

Reputation: 104803

What you are seeing is an artifact of CanvasRenderer. The best you can do is tessellate your geometry. For example,

THREE.CubeGeometry( 50, 3, 50, 4, 1, 4 );

three.js r.58

Upvotes: 1

Related Questions