android - 使用移动浏览器 (Unity webgl) 时如何强制横向模式？

Question

我正在开发一个统一的 webgl 项目。
我想让它在移动环境中运行时保持横向模式。
我确实尝试了一些代码，但它们不适用于 Android 和 IOS。
有谁能救我脱离这一切吗？

我做了这样的事情。

<script>
    if(UnityLoader.SystemInfo.mobile == true){
        ScreenOrientation.lock('landscape');
    }
</script>

Answer 1

你可以尝试这样的事情:

lockAllowed = window.screen.lockOrientation(orientation);

您可以在这里找到更多信息:
https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockOrientation

在 chrome 上，这样的事情应该可以工作

var lockFunction =  window.screen.orientation.lock;
if (lockFunction.call(window.screen.orientation, 'landscape')) {
           console.log('Orientation locked')
} else {
            console.error('There was a problem in locking the orientation')
}

基本上你只需要指定你需要的方向(在你的情况下是横向)。
这是一个我不确定是否适用于移动设备的解决方案。

所以对于移动设备你也可以尝试创建一个 manifest.json

<link rel="manifest" href="http://yoursite.com/manifest.json">

{
   "name":"A nice title for your web app",
   "display":"standalone",
   "orientation":"landscape"
}

一个统一的解决方案可以是仅根据屏幕的 x 和 y 旋转所有内容(通过使用 Canvas 矩形)，以便您可以在 x > y 时旋转并在更改时再次旋转(用户应该只以这种方式看到风景) .