deviceShaken () и deviceMoved () не работают на p5. js эскиз - PullRequest
Новая
       4

deviceShaken () и deviceMoved () не работают на p5. js эскиз

0 голосов
/ 13 марта 2020 
function deviceMoved(){
  moved = true;
  bulb.stop();
  playing = false;
}

На моем эскизе. js (p5. js) это событие не запускается на мобильном телефоне, как и deviceShaken (). Google Chrome версия около 80 или около того, мой телефон Huawei P20 Lite. Я использую http, но https также не дал никакого результата. Кто-нибудь знает, почему или как решить эту проблему?

1 Ответ

0 голосов
/ 18 марта 2020

Решено! Это было довольно сложно. И в Android, и в iOS вам необходимо включить https. В iOS 13+ вам также потребуется запросить разрешение (и это должно быть сделано в процессе взаимодействия с пользователем).

Примерно так: 


if (typeof DeviceMotionEvent.requestPermission === 'function' &&
typeof DeviceOrientationEvent.requestPermission === 'function'
 ) {
 // iOS 13+
  askButton = createButton('Permission');
  askButton.size(windowWidth*6/8, windowHeight/8);
  askButton.position(windowWidth/2 - drumButton.width/2, windowHeight/2);
  askButton.mousePressed(() => {
    DeviceMotionEvent.requestPermission()
    .then(response => {
      if (response === 'granted') {
        window.addEventListener('devicemotion', deviceMotionHandler, true);
      }
    });

    DeviceOrientationEvent.requestPermission()
    .then(response => {
    if (response === 'granted') {
      window.addEventListener('deviceorientation', deviceTurnedHandler, true)
    }
  })
  .catch(console.error)
...