Creo unos cubos con tres.js CanvasRender. Encontré un problema, partes de esos cubos se vuelven transparentes al girar la cámara, vea la imagen (http://imgur.com/fAY6B). Cuando cambio el CanvasRender a WebGLRender, el problema no se puede reproducir. Tengo que usar CanvasRender.

¿Alguna idea a alguien? Cualquier ayuda será muy apreciada.

for (....){
  var material = new THREE.MeshPhongMaterial({ color: color.getHex(), shading: THREE.FlatShading, overdraw: true});
  var geometry = new THREE.CubeGeometry(width, height, depth, 1, 1, 1);
  var cube = new THREE.Mesh(geometry, material);
  cube.position = position;
  scene.add(cube);
}

Intento establecer el valor de heightSegments en más alto, se ve bien, pero aún así no funciona como quiero. El enlace jsfiddle está aquí.http://jsfiddle.net/qcy1121/xn7ad/