我正在使用Three.js创建一个3D多人游戏,玩家可以加入各种现有游戏.单击"播放"后,渲染器将附加到页面和全屏幕.这很好用,但问题是,当我退出全屏时,它仍然保持附加状态.我想删除它,但我不知道什么时候!
所以,基本上,我正在寻找一个事件,说"这个元素退出全屏".
这是我将渲染器附加到页面的方式:
container = document.getElementById('container');
document.body.appendChild(container);
var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize( WIDTH, HEIGHT);
container.appendChild( renderer.domElement );
如果我全屏显示它:
THREEx.FullScreen.request(container);
renderer.setSize(screen.width, screen.height);
此外,有没有办法阻止任何人将鼠标指向页面顶部时出现恼人的标题？而且,我想我可以阻止逃脱它在Firefox和Chrome中的功能(退出全屏)preventDefault？
而且,有谁知道为什么Firefox在3D渲染中比Chrome慢得多？我的意思是,我正在使用WebGL,这意味着正在使用GPU!
编辑:
"fullscreenchange"事件确实被触发了,但它在不同的浏览器下有不同的名称.例如,在Chrome上它被称为"webkitfullscreenchange",在Firefox上它是"mozfullscreenchange".
我是前端开发和基金会的新手.
我试图<div class="main-header">成为一个响应缩小的全屏图像.
谁能告诉我我做错了什么？它正在缩放,但没有显示完整的图像.我也想让<div class="large-6 large-offset-6 columns">它坐在移动设备上面 - 这可能吗？
HTML:
<!-- MAIN HEADER -->
<div class="main-header">
<div class="row">
<div class="large-6 large-offset-6 columns">
<h1 class="logo">BleepBleeps</h1>
<h3>A family of little friends<br>that make parenting easier</h3>
</div> <!-- END large-6 large-offset-6 columns -->
</div><!-- END ROW -->
</div><!-- END MAIN-HEADER -->
CSS:
.main-header {
background-image: url(../img/bb-background2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
h1.logo {
text-indent: -9999px;
height:115px;
margin-top: 10%;
}
有没有办法让powershell出现在全屏？不仅可以在屏幕上最大化,还可以隐藏顶栏？
此外,由于这可能很难做到,如何根据当前分辨率最大化它？
我想在第三方全屏Windows应用程序上显示一些自定义图形.
你玩过任何Steam游戏吗？它有一个可执行的GameOverlayUI.exe,可以让你从游戏中访问Steam窗口.(GUI元素看起来是自定义绘制的,我不知道这是否是必要的;但它们在游戏中看起来与在桌面上看起来完全相同.)它甚至可以在游戏图形中"黯淡"的背景.
我想知道如何编写这样的应用程序.
我也想知道解决方案的范围有多广.你能为所有OpenGL应用程序使用一种方法吗？对于所有Direct3D减去DirectDraw应用程序？对于所有全屏Windows应用程序？
我正在寻找更多"现代"和通用的解决方案 - 覆盖命令提示符或320x240索引颜色应用程序不是一个问题.
编辑:一些澄清:全屏应用程序不是我的.它可以是任何东西.最有可能的是,它将是一款3D游戏.我希望在游戏图形的顶部显示屏幕右下角的数字时钟.如果可能的话,我想避免诸如注入代码或调试进程之类的技巧.
有没有办法可靠地检测浏览器是否以全屏模式运行？我很确定没有任何浏览器API可以查询,但有没有人通过检查和比较DOM暴露的某些高度/宽度测量值来解决这个问题？即使它仅适用于某些浏览器,我也有兴趣听到它.
有没有办法让我的对话框视图全屏,即对话框占据整个屏幕(如活动).我尝试使用LayoutParams和样式,
<item name="android:windowFullscreen">true</item>但似乎没有任何工作.
我找到了摆脱标题栏的方法,但找不到一种方法来全屏显示对话框.所以任何人都可以建议我这样做.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="MyTheme" parent="@android:style/Theme.Dialog">
<item name="android:windowFullscreen">true</item>
<item name="android:windowFrame">@null</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowBackground">@color/dialog_background</item>
</style>
</resources>
如何使我的小部件全屏？我尝试过这样的事情:
void MainWindow::SetFullScreen()
{
// Make our window without panels
this->setWindowFlags( Qt::FramelessWindowHint | Qt::Tool | Qt::WindowStaysOnTopHint );
// Resize refer to desktop
this->resize( QApplication::desktop()->size() );
this->setFocusPolicy( Qt::StrongFocus );
this->setAttribute(Qt::WA_QuitOnClose, true);
qApp->processEvents();
show();
this->setFocus();
}
但是小部件不在系统面板之上.还有其他想法吗？
操作系统:Linux
对于我的Web应用程序,我希望主要div是全屏(宽度和高度= 100%),并且无论内容如何,我希望它保持这个大小.这意味着,如果没有太多的内容,它不应该缩小,如果有太多的内容,它不应该推动这个主要的div.
我怎样才能做到这一点？
(我很适合应用于这个div的黑客,只要它能保持内容没有黑客)