Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

MipMapBlur ugly rendering on mac with transparent background

Aperta
#475 25 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
38/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
javascript, three.js

Direzione di ricerca

Inizia con il CodeSandbox collegato, in particolare con src/App.js, e riproduci BloomEffect o SelectiveBloom con mipmapBlur abilitato e un WebGLRenderer trasparente. Confronta l'output di MacOS con il risultato su Windows o iOS, verificando al contempo le condizioni segnalate relative ad alpha, livello mipmap, precisione e filtraggio delle texture. Il lavoro è completato quando il banding è stato rimosso e il roll-off previsto è stato ripristinato senza compromettere il comportamento con uno sfondo opaco.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.

Lingua principale
JavaScript
Stelle
2.9k
Fork
251
Merge medio
17m
PR unite (30g)
1

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pmndrs/postprocessing

Tutte le issue di pmndrs/postprocessing

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.