Blend mode Additive not working on iOS 14

[hananht]

Hello,

When adding sprites with the following blend:
source: SRC_ALPHA
destination: DST_ALPHA

Every thing looks normal. However on iPhoneX (iOS 14+) there is black pixels instead of alpha transparent.

The effect I am trying to achieve is blend mode: Additive.

Please help… thanks.

[yufang.wu]

Hi, what version of Creator are you using? Which platform? Can you provide a demo that reproduces the problem?

[hananht]

Just figured out that this post is duplicated…

Please follow the exact same issue here:

IOS 14 beta 7-8 webgl blending issue

I have been using Sprite Blend Factors to do some color effects and its been working as intended until i tried out my game in ios 14 beta. Im using DST_COLOR for the source then DST_ALPHA for the destination to create a sort of spotlight effect. here is a video of it should look (running in safari ios 13) and this how it looks in IOS 14, noticed that the blending is different already and when i change orientation/window size, the blending starts to flicker I believe this a…

[hananht]

@yufang.wu

Hello again…

I create a 10 by 10 combination of all types of blend mode (combined src with dst) on creator 2.4.3.

Here is how blends looks like in all devices:

However, if you look at it on iOS 14 you will get something different!

[yufang.wu]

@hananht Maybe you can refer to this post: https://discuss.cocos2d-x.org/t/fix-ios14-bad-performance-on-browsers-webview-solved/51502/10

[hananht]

@yufang.wu
I already did it. It fixed only runtime performance (I have lots of spines animations which dropped the performance).

However, it did not fixed the blending issue

[hananht]

Any suggestions?

[yufang.wu]

Can you provide a demo that reproduces the problem?

[hananht]

Here you go… @yufang.wu
Blender.zip (2.0 MB)

I am using CC 2.4.3 (latest). You should see that everything looks fine on all devices except for devices with iOS 14 and above.

I tested it with browserstack simulator and my fiends who has iPhone X and XS with iOS 14.

The error does not occure on CC 3 tech-preview.
Any advice?

[huanxinyin]

This seems to be an iOS issue, I tested it with a new emulator and didn’t encounter this problem.

[hananht]

@yufang.wu @huanxinyin

Please try on a real device. You should see the difference on iOS 14 (latest version).

I still see the results on couple of iOS devices.

[huanxinyin]

It work OK on real device iOS 14.2, what xcode version you working on? Can upgrade? Try it.

[hananht]

@huanxinyin

Amazing how is it working on your side?
I checked on multiple iOS 14 with the latest versions and it works horrible

I will investigate again. My friends have iPhone X and XS. I will check agsin and let you know.

[hananht]

I checked on multiple devices with iOS 14 and the issue is still their.
You can use browserstack to test it yourself if you dont have those devices.
iPhone X, XS, 7, 6

[huanxinyin]

My test device is iPhone 7 Plus, and I download a new mac version and test again, It still run OK，has you custom the engine?

[hananht]

I asked from a friend to make a record on his iPhone 8+.
Also, if you use browserstack you will see the same anomaly.

What is your CC version? I am using 2.4.3
Maybe their was a silent update or something?

[huanxinyin]

Hi, Change engine default setting of cc.macro.ENABLE_TRANSPARENT_CANVAS, it will run ok.

[hananht]

@huanxinyin It still not working…

[huanxinyin]

How does the blend show after change the code? Maybe global code effect late, try to change engine source.

[hananht]

@huanxinyin I changed the engine source and I also validated that the parameter is true before even the firt componenet launched.

Still, no luck I am affraid.