Make Three.js location-based examples available on iPhone

[ma2yama]

⚠️ All PRs have to be done versus 'dev' branch, so be aware of that, or we'll close your issue ⚠️

What kind of change does this PR introduce?

bugfix

Can it be referenced to an Issue? If so what is the issue # ?

No

How can we test it?

Using location-based examples on iPhone.

Summary

When using three.js/examples/location-based on my iPhone, I got the error "NotAllowedError: Requesting device orientation access requires a user gesture to prompt". So I decided to make the DeviceOrientationControls click the OK button before creating them.

Does this PR introduce a breaking change?

No

Please TEST your PR before proposing it. Specify here what device you have used for tests, version of OS and version of Browser

iPhone 14 Pro, mobile Safari, iOS 18.2

Other information

https://dev.to/li/how-to-requestpermission-for-devicemotion-and-deviceorientation-events-in-ios-13-46g2

[nickw1]

Hi @ma2yama, many thanks. Let me test it (on an Android device) and confirm it still works as expected.
I'm not familiar with the iOS permissions API but it looks like it detects if the user interacts with the device (e.g. clicking a button) and if so, the permission is granted? (It confused me initally that you do not explicitly request permission when the button on your dialog is clicked).

[nickw1]

Hi @ma2yama, I've tested the example and it all works fine on Android still. Will merge.
Many thanks for your contribution!

[kalwalt]

Thank you @ma2yama @nickw1 for this!