Three.js Плавающие кривой слито в CubeGeometry

Question

Пожалуйста, посмотрите на это 3D-сцене: (ссылка устаревает)

Кривые состоит из нескольких (1092) коротких объектов THREE.Line. Эта кривая, мяч (THREE.SphereGeometry) и дерн (THREE.CubeGeometry) вложены в THREE.Object3D, который я вращаю с использованием свойств rotation.x и rotation.y.

Проблема в том, что кривая иногда сливается в дерн или видна через противоположную ее сторону, хотя кривая фактически «висит» над дерном.

Answer 1

То, что вы видите, является артефактом CanvasRenderer. Лучшее, что вы можете сделать, это тесселяция вашей геометрии. Например,

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

Three.js R.58