cocoscreator网页小游戏iphonex/xr等异面屏手机播放动画闪烁问题解决

背景

往app产品内嵌入一款H5小游戏，ios手机型号iphonexr、cocoscreator版本v2.4.2。

问题描述

小游戏，在播放animation动画的时候，整个游戏界面闪烁。在公司iphonexr手机上必现，其他不带安全区的ios手机和安卓手机上则不会出现。安全区问题解决方案！

解决方案

经过一番思考，我猜测会不会是因为我在creator中制作Animation动画的帧率和游戏设置的整体帧率不一致导致的？有了这个猜测，我决定试一试，因为，游戏动画帧率，我这边使用的是默认60，而游戏这边，为了适配低端安卓机，我设置为了45。截图如下：

//更改游戏帧率
cc.game.setFrameRate(45);

随后，我将游戏帧率调整为60：

//更改游戏帧率
if(cc.sys.os == "Android"){
   cc.game.setFrameRate(45);
}else if(cc.sys.os == "iOS"){
   cc.game.setFrameRate(60);
}

重新发布、运行，果然：游戏界面不闪烁了。

追根溯源

为了确定，到底是不是因为动画帧率和游戏整体的帧率不一致导致的iphonexr游戏闪烁！我尝试把游戏帧率改为45，游戏帧率也还设置为原来的45，发现游戏在iphonexr手机上运行，依旧闪烁。随后，我把游戏帧率设置为45，游戏帧率调整为60，发布、运行，结果是：游戏在iphonexr上面不闪烁了！！！

总结

所以，我猜测，iphonexr等一系列带安全区的奇葩手机屏，估计都一个吊样，真不知道苹果公司是不是脑子被驴踢了，搞个这么奇葩的屏幕，游戏屏幕刷新帧率低了还不行。真想说一句：SB手机。

未完，待续。。。