Particle System and Transparent Background in Chrome

[temmink]

Hi All,

I am trying to set up a scene with a particle system but was hoping to render it with a transparent background. When I try in Chrome the particle system is clipped to the mesh in a very rough fashion and has some weird discolouration. 

I have a playground setup here: http://www.babylonjs-playground.com/#1SZQGH#0

Is there anything I can do to get this to work in Chrome? It works perfectly in Firefox or IE.

Any assistance is greatly appreciated.

Thanks

[GameMonetize]

Hello I'm not sure to understand the problem  I have the same result in chrome and IE

[temmink]

 

8 hours ago, Deltakosh said:

Hello I'm not sure to understand the problem  I have the same result in chrome and IE

Hi Deltakosh,

Thanks for the reply. I will include some gifs to show what I mean. It appears to be a webkit issue as I am seeing the same behaviour in Safari on Mac.

Internet Explorer 11

Chrome (Latest)

[GameMonetize]

On my PC (win10 + 1080 running latest version of Chrome) I have no issue

 

Just tested on my surface pro 3, no issue as well on chrome

 

What about firefox on your computer?

[temmink]

Hi Deltakosh,

It looks like the issue was hardware acceleration turned off in Chrome. I will check if the same is true in Safari later on. 

I would be nice if I could disable the particle system all together if that was going to be the result of a lack of hardware acceleration, is there a way to do feature detection like that?

[GameMonetize]

Unfortunately, we cannot detect hardware acceleration

You can still detect fps (https://github.com/BabylonJS/Babylon.js/blob/master/src/babylon.engine.ts#L3018) and based on that turn off particles with scene.particlesEnabled (https://github.com/BabylonJS/Babylon.js/blob/master/src/babylon.scene.ts#L362)