deviceShaken() not triggered on iOS 13+

[paolobaiguera]

Most appropriate sub-area of p5.js?

• Color
• Core/Environment/Rendering
• Data
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Other (specify if possible)

Details about the bug:

• p5.js version: 0.9.0
• Web browser and version: Chrome > 80.
• Operating System: Android >= 8.0
• Steps to reproduce this:
  I've included p5.dom.js (i've tried also the latest version with only p5.js but the issue is still there) and none of the above events seems to be fired.
  My mobile phone is a Huawei P20 Lite it should have all the properties and gyroscope/accelerometer issues only come across when using p5.js

Here's my code.

deviceEventNotFired.docx

Oddly enough this one actually works on my phone
https://editor.p5js.org/kan352/sketches/HJbxxRwWg

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[limzykenneth]

It could possibly be a permission issue, I don't have an Android device to test but on iOS all of the accelerometer functions are not working because they now require an additional call to ask the users for permission to get the data. See more here. See also #4037.

A way to test whether it is the same problem for you, add the following to your code and press the button created, it should ask for permission and the sketch should work as expected.

function setup(){
	btn = createButton("Motion");
	btn.mousePressed(function(){
		DeviceOrientationEvent.requestPermission();
	});
}

[paolobaiguera]

Sorry for the long wait..
It was both the suggested problema and the fact that i did not use https (for Android).
However deviceShaken() still not work on iOS 13+.

[limzykenneth]

@paolobaigueraunitn Does it still not work with the example code I posted above? In iOS Safari you may need to enable it in Preferences as well.

[paolobaiguera]

I enabled preferences and It still did not work. It's a rather weird issue since it actually gives me the accX,Y,Z values and it's therefore able to access the accelerometer.
In android it works perfectly, but it does not respond in iOS 13+ at all.

[limzykenneth]

That's odd. Are you using 1.0.0 version of the library? If you can try and get a inspector running in desktop Safari connected to the mobile Safari and see if it gives any error or something. I don't have the capacity to test this out fully myself so if you can help debug this that would be very helpful! Thanks.

[paolobaiguera]

I'll try and get back to you!
Sorry, but i'm dealing with this within a project so I've got a rather big amount of issues to get past me so I'll do this as soon as i can.

[paolobaiguera]

Hi!
I manage to check it.
No error is displayed. Everything's works fine except for the deviceShaken() method in iOS 13+.
There are ofCourse some workarounds, but they are pretty complicated (in my case I recurred to some DNN stuff...).
Sorry I could not help more.

Thanks.