Skip to content

ViroSphere texture is mapped in the wrong direction (UV orientation issue) #511

Description

@Rina196

Version: 2.57.4
Issue

When applying an equirectangular texture to ViroSphere, the texture is displayed in the wrong direction. The image appears mirrored or rotated, causing the left/right orientation to be incorrect.

This is especially noticeable when using 360° panorama or Earth textures, where continents or other landmarks appear on the opposite side compared to the original image.

Expected Behavior

The texture should be mapped with the same orientation as the source image, without requiring users to manually modify or mirror the texture.

Actual Behavior

  • Texture appears mirrored or incorrectly rotated.
  • Left/right orientation does not match the original image.
  • The same texture displays correctly in other 3D viewers.

Sample Code
<ViroSphere
heightSegmentCount={20}
widthSegmentCount={20}
radius={sphereRadius}
position={[0, 0, -2]}
materials={["randomMaterial"]}
/>

ViroMaterials.createMaterials({
randomMaterial: {
diffuseTexture: require("../../assets/images/numbers.jpeg"),
},
});

Screenshots

Image

Expected: Original Earth texture orientation.
Actual: Texture appears mirrored/rotated on ViroSphere.

Image

Is this a known issue, or is there a recommended way to control the texture orientation on ViroSphere?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions