Hi,
I try to have the game halfesized in my page with my given size.
But this doesnt works right now.
I change:
wade.setWindowMode('container');
wade.setMinScreenSize(542, 820); //996
wade.setMaxScreenSize(542, 820); //996
wade.setFullScreen(false);
in my app.js
<div id="container" style="border:0; width:602px; height:900px;">
<div id="wade_main_div" width="602" height="900" tabindex="1">
in index.html
With this css:
#wade_main_div {
position: absolute;
padding: 0;
top: 0;
bottom:0;
right: 0;
left: 0;
border: none;
outline: none;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
background-color: #000000;
}
canvas {
position: absolute;
padding: 0;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: none;
outline: none;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
Everything is fine. The game works.
But I wanna have the game on the left side.
So i remove the right:0 from #wade_main_div
After this the game is on the left side (fine!) but I cant click any button!
Any idea what is wrong with it?
Regards