[PAID] Instant $100 for helping solve 2 issues

  • Hi,

    I'm using C2 and have 2 problems which I need help with.

    1. my C2 game is hosted on site A. Site B is displaying my game (from site A) inside iframe. on google chrome on Android devices no sounds are playing because of permission problem.

    2. On mobile my games are not really on full screen (can see status bar), I need a code that can recognize the status bar is there and suggest the player to scroll bottom-top the screen to get it to full screen. you can see an example of how it should work here:

    netent-static.casinomodule.com ... ule.com%2F

    load it on mobile and see when on landscape with status bar it will display an hand gesture suggesting you to turn it to full screen by swiping up.

    Thanks in advance

  • post screenshot pls

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • this is the error console show for the audio problem:

    c2_runtime.js An AudioContext in a cross origin iframe must be created or resumed from a user gesture to enable audio output.

    regarding full screen please find below:

    ibb.co/kTP7tb

    ibb.co/haOdzG

    ibb.co/c9F2Rw

    This is how it looks like, when status bar appear an indication telling the user to swipe hand up, once he does it it will resume the game to true full screen. (that's the only gesture that works with it).

  • omerslash

    Regarding your seconds issue - have you tried "Browser Is Fullscreen" event?

    If it doesn't help, you can try comparing if Browser.ScreenHeight=Browser.WindowInnerHeight

    In mobile app, this might work. However, when I'm testing in different browsers, I'm getting inconsistent results...

    I suggest you make a test version of the mobile app with a big text debug field where you print the following expressions:

    Browser.ScreenHeight & newline & 
    Browser.WindowInnerHeight & newline & 
    browser.WindowOuterHeight & newline & 
    browser.DevicePixelRatio & newline & 
    WindowHeight[/code:35rod17j]
    
    Try running this test app with and without the status bar, see how these values change. 
    You may be able to figure out how to use them to check if the device is in fullscreen.
  • Yes I tried, my main issue is that I need to create some overlay on top of the canvas/game and to allow it to scroll up. this will resolve in full screen a cross all devices.

  • Sorry, I don't understand. I thought your main problem is to detect when the status bar is visible on the screen.

    And then you can display a hint to the player to swipe the screen and get rid of the status bar.

  • Hello,

    I can help you to deliver current expectation

    Discuss further on

    Awaiting to hear further

    Best Regards,

    Deep

  • 1. my C2 game is hosted on site A. Site B is displaying my game (from site A) inside iframe. on google chrome on Android devices no sounds are playing because of permission problem.

    2. On mobile my games are not really on full screen (can see status bar), I need a code that can recognize the status bar is there and suggest the player to scroll bottom-top the screen to get it to full screen. you can see an example of how it should work here:

    https://netent-static.casinomodule.com/ ... ule.com%2F <link is broken

    load it on mobile and see when on landscape with status bar it will display an hand gesture suggesting you to turn it to full screen by swiping up.

    Problem 1: if your site B has https it will partially load/majority of times never loads from any other hosting that isn't https or secured.

    Problem 2: Depends what you are using to wrap your mobile apk or ios pack it should have a code for the compilation there usually for android you can find it on android.com or .org forgot the main website its in there in the manual to show or hide status bar(clock/battery etc)

    your audio problem is probably caused by the HTTPS certificate try hosting your app on same website ur loading it on. or on a https hosting service. (also if your iframe loads a C2/c3 html game/app make sure you dont have adblock enabled usually it blocks iframes and apps like c2 html5 games etc.)

    if your not aware yet, since 2016 or ios 8 fullscreen and autoplay doesn't work anymore on ios devices, it requires user input that means you cant have a script that loads some music or video that users dont give their consent to play, that includes auto fullscreen.

    for android if i remember correctly still works, however it depends on browsers... i recommend using chrome for your c2 tests and not Mozilla its probably not what your client wants to hear, but he needs to realize problems that are there and C2 cant bypass them, because its not c2 fault, is browser/device fault or security.

    that being said ... i think you have some other issue even though i guess i answered to what you asked. but if its not the case please update your problems in a more precise detail.

  • Hi, here is an updated link for the game example:

    netent.com/en/game/aloha-cluster-pays-2

    just click play now from mobile, and notice that when the status bar appear you will be prompt to scroll up the screen to make it dissapear.

    I've tried to make this functionality to work but it's only working if I'm not running c2 games, I'm thinking that c2 logic disable/override touch and prevent from page to reach scrolling state and that's why it doesn't work.

    I basically need to know on the html level (or modifying the exported c2 script) so it will support this functionality.

    I've tried all methods available on the web but I belive it's something on c2 that's blocking it.

    on this case the game is loaded directly without iframe (so you can ignore iframe cases).

    In general the other 2 issues are already solved (one of which by Ashely on more updated construct version).

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)