When I set the property alpha of Three.js's WebGLRenderer to true, I can't see the object

[JYuan94]

I saw this burning stove on the official website, address: three.js examples

In order to learn this effect, I also manually edit it again, but the effect is very different, this my code address:

https://codesandbox.io/p/sandbox/angry-dubinsky-n8n9q5?file=%2Fsrc%2Fmain%2Findex.ts%3A25%2C34&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clpkvp4tb0006356imixdrmpj%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clpkvp4ta0002356ipiylnji9%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clpkvp4tb0003356iep6uyq5o%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clpkvp4tb0005356ixhs60mnj%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B58.140649726473804%252C41.859350273526196%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clpkvp4ta0002356ipiylnji9%2522%253A%257B%2522id%2522%253A%2522clpkvp4ta0002356ipiylnji9%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clpkw3ppi0002356iislycmt4%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A25%252C%2522startColumn%2522%253A34%252C%2522endLineNumber%2522%253A25%252C%2522endColumn%2522%253A34%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252Fmain%252Findex.ts%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clpkw3ppi0002356iislycmt4%2522%257D%252C%2522clpkvp4tb0005356ixhs60mnj%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clpkvp4tb0004356i1cctqvvu%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%2522%257D%255D%252C%2522id%2522%253A%2522clpkvp4tb0005356ixhs60mnj%2522%252C%2522activeTabId%2522%253A%2522clpkvp4tb0004356i1cctqvvu%2522%257D%252C%2522clpkvp4tb0003356iep6uyq5o%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clpkvp4tb0003356iep6uyq5o%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

It’s very faint and you can hardly see it, but you can still see the outline

However, as soon as I set the WebGLRenderer property alpha to true, I don’t see it anymore

My current version is three 0.158.0

If the setting is three 0.156.0, the flame is visible, but has a black background as if it were material

I hope you can help me to see what this problem is causing, thank you, thank the community

[nameo9283]

material. .transparent

.transparent = true

[JYuan94]

The material is transparent. I’ve set it to transparent

[nameo9283]

PointsNodesMaterial has to have alpha settings in its shader. I dont know if it does off hand. Have to to read its source. The docs do show an .alpha property though so set that to 0