Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I flip a Three.js texture vertically?

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.

like image 742
lukasged Avatar asked Mar 18 '23 15:03

lukasged


1 Answers

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

texture.flipY = false;
like image 179
mrdoob Avatar answered Mar 29 '23 11:03

mrdoob