I’m new in Three.js. I’m working on spherical panorama using three.js and i have got problem with matching. I would like to get matching separate texture to original sphere. At the moment I’m trying resolve my problem by using PlaneGeometry object with texture applied and manually updating position of them, but it seems to me that this is bad idea… The sphere is curved, against plane.
Your image is equirectangular, which is warped to project nicely inside a sphere, but it won’t map well onto a flat plane without distortions. You might need to write a custom shader that changes the projection. What are you trying to accomplish? There might be a simpler way to achieve your desired result.
Well, what are you trying to accomplish? You could just take a Photoshop screenshot of the area you want, and avoid writing shaders… it all depends on what you’re trying to do. Why do you need to duplicate the image onto a plane?
At the first step wanted get matching any kind part of texture, so that I could later swap another variants like: red tv, brown tv or create animation on this place.
Ah, in that case you might want to skip using a flat plane, and instead use sphere segments, so you don’t have to modify the projection of the image. If you visit this page you’ll see you can mess with the phiStart, phiLength, thetaStart, and thetaLength attributes to create small segments of the sphere, like in this screenshot:
Wow shaders… this is horrible challenge, I never wrote any shader 
I don’ t quite understand
