Partial Equirectangular Panorama Three.js

I've got full equirectangular images working well with Three.js: scene = new THREE.Scene(); geometry = new THREE.SphereBufferGeometry( 500, 60, 40 ); geometry.scale(-1, 1, 1); mate

Solution 1:

SphereBufferGeometry has more optional parameters:

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

radius — sphere radius. Defaultis50.
widthSegments — number of horizontal segments. Minimum value is3, and the defaultis8.
heightSegments — number of vertical segments. Minimum value is2, and the defaultis6.
phiStart — specify horizontal starting angle. Defaultis0.
phiLength — specify horizontal sweep angle size. Defaultis Math.PI * 2.
thetaStart — specify vertical starting angle. Defaultis0.
thetaLength — specify vertical sweep angle size. Defaultis Math.PI.

you can use phiStart, phiLength, thetaStart and thetaLength to define partial sphere

so to do an half sphere you can try something like:

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

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

Solution 2:

The error is not in source code, it's in texture images: they are both wrong.

A 180 degrees fisheye like this:

reprojected into equirectangular will look like this:

Your textures looks like a mix of 360x180 equirectangular and 270° fisheye, wihich looks like this (with wrong labels/numbers, as I used same 180 FOV fisheye to create it):