pmndrs / pmndrs/react-postprocessing
Bloom Filter breaking Scene in Chrome - Cannot read properties of null (reading 'alpha')
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 134
- Avg merge
- 4m
- Merged PRs (30d)
- 4
Description
Problem
I'm building a website with Typescript Vite React, trying to use the bloom filter in a scene, and it throws the following error:
Here is the EffectComposer in the component's return statement:
// ...
{/* NOTE: Causing null `alpha` error in Chrome */}
<EffectComposer>
<Bloom
luminanceThreshold={0.3}
luminanceSmoothing={0.5}
mipmapBlur
intensity={1.0}
/>
</EffectComposer>
// ...
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the Chrome error with the EffectComposer and Bloom configuration shown, especially mipmapBlur. Trace the null alpha failure from those entry points; done means the scene renders without the Chrome exception and the behavior is covered by a regression check.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, three.js, typescript
- Domain
- computer-graphics, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100