MipMapBlur ugly rendering on mac with transparent background
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 38/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Tranquilo
- Stack tecnológico
- javascript, three.js
- Área
- computer-graphics
Línea de trabajo
Comienza con el CodeSandbox enlazado, especialmente con src/App.js, y reproduce BloomEffect o SelectiveBloom con mipmapBlur habilitado y un WebGLRenderer transparente. Compara la salida de MacOS con el resultado de Windows o iOS mientras compruebas las condiciones indicadas de alpha, nivel de mipmap, precisión y filtrado de texturas. Se considera terminado cuando se elimine el banding y se restaure el roll-off esperado sin romper el comportamiento con fondo opaco.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Description of the bug
When using the BloomEffect/SelectiveBloom effect with mipmapBlur: true on windows with a transparent background the effect has a
nice roll-off, especially with higher radius and low smoothing values.
The exact same setup on MacOS renders with ugly banding and what seems like significantly lower mipMap levels, to the point that there is no roll-off.
To Reproduce
I have replicated the exact settings used by <model-viewer> in this sandbox.
https://codesandbox.io/s/bloom-transparent-zpn7iw?file=/src/App.js
Screenshots
Windows, IOS render like this:

MacOS renders like this:

Library versions used
- Three: [e.g. 1.151.3]
- Post Processing: [e.g. 6.30.2]
Desktop
- OS: MacOS
- Browser [Chrome, Firefox]
- Graphics hardware: [M1, Intel HD Graphics]
Additional comments:
I have checked all WebGL compatibility issues I could have thought of, with https://webglreport.com/?v=2.
Both desktops that created the screenshots support OES_texture_float_linear, 'highp' precision. The max samples is different (16 vs 8), but that is not enough to explain the difference since the default mimapblur uses 8 levels and I have not altered it. I can also confirm this does not happen with alpha: false on the WebGLRenderer.
- Lenguaje dominante
- JavaScript
- Estrellas
- 2.9k
- Forks
- 251
- Merge medio
- 17 min
- PR fusionados (30 d)
- 1
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de pmndrs/postprocessing
-
Implement OutlineEffect Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 30/100
pmndrs/postprocessing#727 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 38/100
pmndrs/postprocessing#726 · 1 reacción ·
-
Implement SMAA T2x Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
pmndrs/postprocessing#716 · 1 reacción ·
-
Research: XR Support Abiertovr
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
pmndrs/postprocessing#677 · 5 comentarios · 8 reacciones ·
-
Implement AfterImageEffect Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
pmndrs/postprocessing#665 · 1 comentario ·
Todos los issues de pmndrs/postprocessing
Issues similares
-
area/install-update comp/cli comp/desktop P3 sweeper:risk-compatibility type/bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
NousResearch/hermes-agent#122386 · 1 comentario ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
-
security
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
IBM/node-sdk-core#373 ·
-
docs web/
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100