I'm trying to display some panoramic images in my "Street View"-like application with Three.js .

I used the panorama example from the official webpage of Three.js as a base for the display of the images and it works OK. The problem is that my input images are flipped vertically. By vertical flip I mean the effect shown in this image.

So my question is if I can, somehow, flip the textures loaded from the images or the sphere geometry I apply the textures to, in order to view the images as it should be.

Thank you.

I'm trying to display some panoramic images in my "Street View"-like application with Three.js .

I used the panorama example from the official webpage of Three.js as a base for the display of the images and it works OK. The problem is that my input images are flipped vertically. By vertical flip I mean the effect shown in this image.

So my question is if I can, somehow, flip the textures loaded from the images or the sphere geometry I apply the textures to, in order to view the images as it should be.

Thank you.

• javascript
• 3d
• three.js

Share Improve this question Follow edited Aug 26, 2014 at 21:46 WestLangley 105k1111 gold badges287287 silver badges283283 bronze badges asked Aug 26, 2014 at 19:49 lukasgedlukasged 19811 silver badge1212 bronze badges 1

• You can flip/rotate the images inside the application by modifying the texture coordinates. But the easiest method would be to flip the images outside your application, namely in the image editor program. – gaitat Commented Aug 26, 2014 at 19:56

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Luckily the vertical case is "natively" supported. Try with this:

texture.flipY = false;