部分等矩形全景图三。js

Question

我有完整的等矩形图像，可以很好地处理三个。js:

scene = new THREE.Scene();
geometry = new THREE.SphereBufferGeometry( 500, 60, 40 );
geometry.scale(-1, 1, 1);
material = new THREE.MeshBasicMaterial({ map: texture });
mesh = new THREE.Mesh(geometry, material);
mesh.rotation.y = Math.PI;
scene.add( mesh );

但我的图像实际上只包含180x180度（球体的一半），因此我尝试在不拉伸整个球体的情况下，在球形网格上部分应用方形纹理。我想这和纹理有关。抵消xyz参数，但我没有成功。虽然我可以继续填充图像以符合2x1等矩形标准，但我宁愿将此步骤从处理工作流中删除。

在下面，你会看到完整的等矩形图像和我正在努力工作的正方形图像。有人对如何做到这一点有任何线索吗？谢谢

Answer 1

错误不在源代码中，而是在纹理图像中：它们都是错误的。

像这样的180度鱼眼：

重新投影到等矩形将如下所示：

你的纹理看起来像一个360x180等矩形和270°鱼眼的混合，看起来像这样（有错误的标签/数字，因为我使用相同的180 FOV鱼眼来创建它）：

Answer 2

SphereBufferGeometry具有更多可选参数：

SphereBufferGeometry(radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength)

radius — sphere radius. Default is 50.
widthSegments — number of horizontal segments. Minimum value is 3, and the default is 8.
heightSegments — number of vertical segments. Minimum value is 2, and the default is 6.
phiStart — specify horizontal starting angle. Default is 0.
phiLength — specify horizontal sweep angle size. Default is Math.PI * 2.
thetaStart — specify vertical starting angle. Default is 0.
thetaLength — specify vertical sweep angle size. Default is Math.PI.

您可以使用phiStart、phiLength、Start和Talength来定义局部球体

所以要做一个半球体，你可以尝试这样的东西：

geometry = new THREE.SphereBufferGeometry( 500, 60, 40, 0, Math.PI, 0, Math.PI );

参考http://threejs.org/docs/#Reference/Extras.Geometries/SphereBufferGeometry