arcade HTML5

[wulfx01]

hello chen
a great arcade you have coded there
but 1 disturbs,
when you play a HTML5 game, the scrollbar goes away when you are with the mouse out of the picture.
not with flash games
in which PHP can I change it?

[Chen Zhen]

Hello & welcome to the site!

I'll look at it tomorrow & give you an edit for it if I confirm that behavior.
JavaScript is used to determine the mouseenter event which hides the scrollbar. This was the behavior for both templates but perhaps something was overlooked when changes were applied.

[wulfx01]

that's good, thank you 

[wulfx01]

if you tell me which files, I can also check for myself   

[Chen Zhen]

I won't be releasing an update anytime soon because the next stable version has many changes + additions that will take time to develop & test.

Here is the necessary edit...

file:
./Themes/default/ArcadeGame.template.php

find:

Code Select Expand

function smfArcadeGameDims3() {
var divelement = document.getElementById("game");
if (divelement) {
divelement.width = "100vw";
divelement.height = "100vh";
scrollTo(document.body, divelement.offsetTop, 100);
}
Add after above code:

Code Select Expand

var gameObject = document.getElementById("gamearea");
gameObject.onmouseenter = function (){
document.body.style.overflowY="hidden";
};
gameObject.onmouseleave = function (){
document.body.style.overflowY="auto";
};

[wulfx01]

klasse, danke dier.

allerdings reicht es in dem code

Code Select Expand

function smfArcadeGameDims3() {
sessionStorage.removeItem("scoreLoop_' . $_SESSION['arcade_html5_token'][1] . '");
var divelement = document.getElementById("game");
var divelement2 = document.getElementById("gameTabIndex");
divelement.width = "100vw";
divelement.height = "100vh";
scrollTo(document.body, (divelement2.offsetTop)-' . (int)$context['game']['height']/4 . ', 100);
var gameObject = document.getElementById("gamecontainer");
gameObject.onmouseenter = function (){
document.body.style.overflowY="auto";
};
gameObject.onmouseleave = function (){
document.body.style.overflowY="auto";
};
}
von  " hidden"

in "auto"  zu ändern

Code Select Expand

document.body.style.overflowY="auto";

[Chen Zhen]

You'll have to speak English for support here.. I had to use a translator for some of your post.

You seemed to ask for the scrollbar to be hidden when the mouse is over the flash game container so that the user has full control when playing a game (like HTML5 game behavior) and then visible again when navigating the forum page which makes more sense.

The problem you'll find are for games that have arrow key control & you attempt to go up/down.. it will end up controlling the overflow of the page instead of control within the game.

You do whatever works with the game container behavior you're seeking but what I originally posted is likely more desirable.

[wulfx01]

yes, sorry, i no longer write in german 
the code you sent is great