javascript - 将 BoxGeometry 转换为球体

Question

我有一个每个面都有不同纹理的盒子，我试图基于它创建一个四边形球体，在球体中使用相同的盒子纹理。目前我正在尝试按照这篇文章将立方体转换为球体: http://mathproofs.blogspot.com.br/2005/07/mapping-cube-to-sphere.html

我对 ThreeJS(或一般的 3D 编程)不太熟悉，所以我的第一个方法是尝试将建议的公式应用于几何顶点，更改其 x、y 和 z，但它只是减小了盒子

var geometry = new THREE.BoxGeometry(2, 2, 2);
// I'm omitting material/textures etc
var vertices = cube.geometry.vertices;
var sqrt = Math.sqrt;
cube.geometry.dynamic = true;    

for (var i = 0; i < vertices.length; i++) {
    var v = vertices[i];
    var dx = v.x * sqrt(1.0 - ((v.y * v.y) / 2.0) - ((v.z * v.z) / 2.0) + ((v.y * v.y * v.z * v.z) / 3.0));
    var dy = v.y * sqrt(1.0 - ((v.z * v.z) / 2.0) - ((v.x * v.x) / 2.0) + ((v.z * v.z * v.x * v.x) / 3.0));
    var dz = v.z * sqrt(1.0 - ((v.x * v.x) / 2.0) - ((v.y * v.y) / 2.0) + ((v.x * v.x * v.y * v.y) / 3.0));
    vertices[i].set(dx, dy, dz);
}
cube.geometry.verticesNeedUpdate = true;

有人知道我如何实现这一目标吗？

Answer 1

这个例子完成了你所追求的: http://threejs.org/examples/#canvas_geometry_panorama_fisheye

相关代码如下:

var geometry = new THREE.BoxGeometry( 300, 300, 300, 7, 7, 7 )

for ( var i = 0, l = geometry.vertices.length; i < l; i ++ ) {

    var vertex = geometry.vertices[ i ];
    vertex.normalize().multiplyScalar( 550 );

}