相关疑难解决方法(0)

让我先说明我对3D图形缺乏经验.

问题

我正在使用Three.js.我有两个领域(故意)在我的WebGL模型中碰撞.当我的球体非常大时,重叠的球体在它们相交的地方看起来"破碎",但是较小的球体呈现完美的细微.

我有一个非常具体的理由将这些大型单元用于某些对象,缩小对象并不是一个真正的选择.

例

这是一个更大的领域的小提琴:http://jsfiddle.net/YSX7h/

对于较小的:http://jsfiddle.net/7Lca2/

码

var radiusUnits = 1790; // 179000000
var container;
var camera, scene, renderer;
var clock = new THREE.Clock();
var cross;
var plane;
var controls;
var cube;
var cubeMaterial = new THREE.MeshBasicMaterial( { color: 0xffffff, vertexColors: THREE.VertexColors } );
init();
animate();

function init() {
    camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 0.1, 3500000);
    controls = new THREE.OrbitControls(camera);
    camera.position.set(2000, 2000, 2000);
    camera.position.z = 500;
    scene = new THREE.Scene();

    var …