javascript - 如何让 Three.js 全屏？

Question

我想用 Three.js 制作一个游戏，但如何让它全屏显示？我看到了this article ，并且我在我的代码中包含了 THREEx，但是当我这样做时:THREEx.FullScreen.request() 没有任何反应!我查看了 THREEx 代码，并将其更改为这样，以便进行调试:

THREEx.FullScreen.request   = function(element)
{
    element = element   || document.body;
    if( this._hasWebkitFullScreen ){
        element.webkitRequestFullScreen();
        console.log("f");
    }else if( this._hasMozFullScreen ){
        element.mozRequestFullScreen();
        console.log("g");
    }else{
        console.assert(false);
    }
}

因此，这默认使 document.body 全屏显示，并在控制台中打印“f”。但是——什么都没有!控制台或任何地方都没有错误消息...而且我已经尝试过他的池示例，它有效，所以我很确定这不是我的计算机的错...

Answer 1

你必须:

1. 在用户允许时请求，例如在 keydown 上。我想推理与打开弹出窗口相同。网页自动随机切换全屏可以说比自动打开的弹出窗口更令人讨厌。
2. 请求全屏显示一个元素，而不是文档。
3. 调用 request 并将 this 设置为 THREEx.FullScreen(因此只需像下面这样调用它)。

例如:

document.body.addEventListener("keydown", function() {
  THREEx.FullScreen.request();
}, false);