Using DeviceOrientation to directly rotate the UI?

[floe]

After reading Hasib's thesis (who used the MMM framework), it looks like many people have issues with disabled auto-rotation. This also occurred several times during the demos IIRC. Would it be possible to bypass the OS-supplied rotation by using the W3 DeviceOrientation API [1]? Or is this useless when UI rotation is disable on the OS level? To get rid of the ugly device-/browser-specific special cases, it might be possible to use something like gyronorm.js [2].

• [1] https://www.w3.org/TR/orientation-event/
• [2] https://github.com/dorukeker/gyronorm.js

[1und0]

As far as i can remember the webpage->browser has not way of interacting
with the OS rotation setting. Another workaround might be to initiate, draw
the canvas based on the width/lenght proportion and always display it as it
would be in landscape (even if it is not). Might be a bit of work in the
code.

2016-07-30 15:37 GMT+02:00 Florian Echtler notifications@github.com:

After reading Hasib's thesis (who used the MMM framework), it looks like
many people have issues with disabled auto-rotation. This also occurred
several times during the demos IIRC. Would it be possible to bypass the
OS-supplied rotation by using the W3 DeviceOrientation API [1]? Or is this
useless when UI rotation is disable on the OS level?

[1] https://www.w3.org/TR/orientation-event/

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#5, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AI18rEyxuzcn_rLoT7Vl4vdymKaUI66rks5qa1OPgaJpZM4JYzuU
.

[floe]

http://wellcaffeinated.net/demos/device-orientation
That, in combination with the aspect ratio detection, could work...

[floe]

http://dev.jeffersonscher.com/resolution.html
Example for resolution/aspect ratio detection...