Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

MipMapBlur ugly rendering on mac with transparent background

Abierto
#475 25 comentarios 0 reacciones 0 asignados Ver en GitHub

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

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

investigating
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:
image

MacOS renders like this:
Screen Shot 2023-04-10 at 23 02 39

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

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de pmndrs/postprocessing

Todos los issues de pmndrs/postprocessing

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.