web手机端横竖屏切换问题

Creator 3.x
#1

  • Creator 版本： 3.4.2

  • 目标平台： web手机端

  • 重现方式：

  • 首个报错：

  • 之前哪个版本是正常的：

  • 手机型号：Android手机

  • 手机浏览器： 手机谷歌浏览器

  • 编辑器操作系统：

  • 重现概率： 必现

https://github.com/cocos/cocos-awesome-tech-solutions/tree/3.4.x3.5.x-release/demo/Creator3.4.0_2D_ScreenSwitch
官方的横竖屏切换demo，构建web手机端在安卓手机浏览器上横竖屏切换时有问题

d804dba335360a6aa8d5ed8da937768
d804dba335360a6aa8d5ed8da9377681080×2400 98.9 KB

#2

在电脑浏览器上可以触发view.setResizeCallback 这个回调，但是在手机web上没触发，在论坛上找的方法手动触发也没成功，大佬们有遇到过吗，有什么方法解决吗？

#3

@zzf_Cocos 大佬看一下呀

#4

简单 hack 的方法试试这样：

image
image878×639 25.8 KB

#5

感谢回复，在谷歌浏览器上可以，但是在oppo手机自带的欢太浏览器上不行

6df33356f2765c7414ed08f5a7daa28
6df33356f2765c7414ed08f5a7daa281080×2400 148 KB

#6

还有其他手机有问题吗？

#7

只在自己手机上测试了

#8 
       window.dispatchEvent(new Event('resize'))

手动调用下这个代码试试，记得判断平台，之前那种修改可以去掉，

#9

没用…
主要是windowSize被return了.

#10

亲 你有遇到切竖屏后方向不对吗？

#11

切竖屏后方向 不对是怎么回事

#12

开启手机自动旋转，游戏切竖屏后方向就不对

#13

3.7.1使用这个 cocos-awesome-tech-solutions/demo/ Creator3.4.0_2D_ScreenSwitch /会报错

Setting window size is not supported

#14

所以有解吗

#15

我目前的项目是纯 web 用你这个方法是可以的， 这是我的搞法

image
image899×925 49.7 KB

#16

兄弟有解决吗

#17

有解吗，我也碰到了

#18

努力了两天，找到了一个临时的解决方案。

我是cocos creator 3.8.1的，在ExecutorContext的resize方法里添加this.devicePasses.clear();就能解决我碰到的问题。

加一句，我导出的web-mobile，用户手机开启屏幕自动旋转时，网页就会触发resize方法。没时间更生深入了，盲猜更具体的bug在DeviceRenderPass.resetResource方法中。希望能帮到其他碰到类似问题的小伙伴，有更好的解决方案也麻烦告知我下。

#19

我也遇到类似的问题了，用的版本和导出模式和你一样，请问下ExecutorContext的resize方法里添加this.devicePasses.clear(); 这个怎么添加？谢谢

#20