Skip to content

GLTF model with WebP texture and Mipmapping renders incorrectly on Android #8096

@abba-tec

Description

@abba-tec

I've encountered a rendering issue with a GLTF model that appears to be specific to Android devices when using a WebP texture with mipmapping.

A GLTF model's texture fails to render correctly on Android. The issue only occurs when the material's texture sampler uses a mipmap-based minification filter (e.g., LINEAR_MIPMAP_LINEAR). The same model renders perfectly on macOS, Windows, and iPadOS. Disabling mipmapping resolves the issue on Android.

When viewed from a distance, the model appears completely black. As the camera approaches the model, the texture gradually becomes blurry and bright, centered around the camera.

This issue was also observed in the PlayCanvas Editor.

Platforms Tested

  • Android (Google Pixel 7, Chrome): Bug occurs.
  • macOS (Macbook Air, Chrome): Renders correctly.
  • Windows (Chrome): Renders correctly.
  • iPadOS (iPad Air 4, Chrome): Renders correctly.

Pics
Failing Model, webp texture with minFilter 9987:

Image

Image

Working Model, webp texture with minFilter 9729:

Image

I was able to resolve the issue on Android by modifying the failing model's GLTF file. By changing the sampler's minFilter from 9987 (LINEAR_MIPMAP_LINEAR) to 9729 (LINEAR), the texture now renders correctly on Android.

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