Added PointerLockManagement, Fixed layer positioning, added fps chart. fixes #120, fixes #121, fixes #123

This commit is contained in:
logsol 2015-02-27 18:44:30 +01:00
parent 8d0989844c
commit 60eae208a2
23 changed files with 458 additions and 109 deletions

View file

@ -31,7 +31,12 @@ body {
list-style-type: none;
margin: 0;
padding: 0;
background: #333;
background: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 1;
width: 100%;
/*display: none;*/
}
#menuBar li {
display: inline-block;
@ -127,12 +132,18 @@ a {
height: 100%;
}
canvas {
position: absolute;
#canvasContainer canvas {
position: absolute;/*
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -300px;
margin-left: -300px;*/
}
#graph-fps {
background: rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,0.5);
padding: 2px;
}
:-webkit-full-screen {

View file

@ -75,7 +75,7 @@
</form>
</article>
<article id="game">
<ul id="menuBar"><li><button id="back-to-menu" onclick="window.location.href='/'">Menu</button></ul>
<ul id="menuBar"><li><button id="back-to-menu" onclick="window.location.href='/'">Menu</button></li><li><canvas id="graph-fps" width="100" height="29"></canvas><span id="fps-value"></span></li></ul>
<div id="canvasContainer">
<canvas id="canvas"></canvas>
</div>