Detecting mobile device screen orientation when Responsive Layouts won't work

[kingblorax]

sorry for the multiple reply/deletions. but thanks for the reply. hope you got some sleep. as you know, im trying to detect if the mobile device is landscape or portrait. hype does all the rest using something like this:

Proportionally scaling a Tumult Hype document based on the browser width

Hype 3.5 allows for this scaling without code. (well, for everything except the main document container). If you need to responsively scale specific elements (including iframes), use the new ‘Zoom contents’ checkbox with the flexible layout options. This works well when applied to a group containing all the elements you wish to scale. You must first check the scaling checkboxes in the Scene Inspector for these options to become available: [image] Using ‘Shrink to Fit’ as the Scale Behavior w…

i'll try to emulate your ideas. again i am combining all assets into one stand alone html file... images, javascript, etc. i am so damn close but the publisher requires that i have a orientation script. they sent this...

window.addEventListener('orientationchange', (event) =>
{ console.log("orientation is now " + event.target.screen.orientation.angle);
});

when i ask the publisher for an example, they gave me a huge phaser code example that was impossible (for me) to dissect. i just need simple syntax! my code request seems like something that exists and would be common. anyway, i'll see if i can make yours work or your leads. thanks again.