Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

BasisTextureLoader: Texture "fades over" its boundaries

See original GitHub issue

Description of the problem

BasisTextureLoader produces different results for me on iOS than for other platforms.

Repro: https://nh2.me/webgl-basis-problem/

I get a weird “glow over” effect at the edge where the texture wraps around the sphere.

On any other platform, like Android or Chromium on Linux with Intel Mesa, it looks like this:

Notice the clear edge.

In contrast, on iOS, I get:

Here, the bright part of the left side of the texture somehow “glows over” into the right side.

I can’t tell whether this is a bug in three.js or in the basis decompressor.

Three.js version

r108

Browser

Safari

OS

Hardware Requirements (graphics card, VR Device, …)

Issue Analytics

State:
Created 4 years ago
Comments:9 (6 by maintainers)

Top GitHub Comments

1reaction

Mugen87commented, Mar 18, 2021

I’ve tested the OP’s link on a iPad 8 with iOS 14.3 and Safari. I’m unable to reproduce the issue. I see a clear edge just like with my iMac.

1reaction

donmccurdycommented, Jan 23, 2021

The upstream issue was fixed according to https://github.com/BinomialLLC/basis_universal/issues/78. I’m not sure if we need to change our usage of the Basis transcoder to enable an option, or if it’s just fixed in the latest version of the transcoder — r125 will update three.js to the latest version of the transcoder, so let’s check this issue again then.

Top Results From Across the Web

Sizzix Texture Fades Embossing Folders 4PK - Americana ...

Distress to impress! Textured Fades Embossing Folders easily emboss in such a way that select areas of the image appear perfectly faded and...

Using Basis Textures in Three.js - Medium

Importing the Basis Texture Loader uses ES Modules Syntax for loading the modules. I have exposed my 'node_modules' directory as a static folder ......

Tim Holtz shows techniques using his Texture Fades - YouTube

Scrap Time - Tim Holtz shows techniques using his Texture Fades. Watch later. Share. Copy link. Info. Shopping. Tap to unmute.

Introducing 3-D Texture Fades™ Embossing Folders - Sizzix

... the detail and definition you can achieve with our newest 3-D Texture Fades ™ Embossing Folders! ... Your browser can't play this...

three.js: make texture zero outside boundaries - Stack Overflow

I'm using textures in shaders to do gpgpu computing and for my purpose I would like the texture to be zero outside its...