JS - обнаружение, если устройство повернуто более чем на пороговое значение в одной из осей (X, Y, Z) - PullRequest
0 голосов
/ 17 января 2019

Я написал следующий JS для сбора 10 образцов данных об ориентации устройства для каждой из осей, используя DeviceOrientationEvent :

    function addValue(arr,val){
      arr.push(val);
      if(arr.length > 10){
        //FIFO
        arr.shift();
      }
    }

    function checkMovement(){
        //TODO: Implement
    }

    function init() {
      let bufferA = [];
      let bufferB = [];
      let bufferG = [];
      window.addEventListener('deviceorientation', function(event) {
        addValue(bufferA,event.alpha);
        addValue(bufferB,event.beta);
        addValue(bufferG,event.gamma);
        console.log("Alpha:",bufferA);
        console.log("Beta:",bufferB);
        console.log("Gamma:",bufferG);
      });
    }

Код работает и выводится следующим образом:

Alpha: (10) [270.1843934731245, 270.46643145307615, 270.5777617085752, 270.60145073101677, 270.6375654707842, 270.8057436294502, 270.8996987403409, 270.9120469572076, 270.6252518476537, 270.47210923234405]
Beta:  (10) [0.1752652827241338, 0.18823422659229486, 0.17726753978482904, 0.15365567314664708, 0.17945207160964366, 0.24686323651604228, 0.29261776755456925, 0.3637458880746612, 0.48965131703567966, 0.5984471316186161]
Gamma: (10) [0.04652736183550441, 0.04224191500987182, 0.04815352937436751, 0.16853189576371583, 0.32057100908945746, 0.2699882416274315, 0.1328731445658815, -0.22660041993990893, -0.48360428677544554, -0.5723959136181673]
...

Теперь я хочу создать функцию, которая при вызове будет просматривать историю перемещений (собранную в массиве осей) и решать, будет ли устройство вращаться более чем на X град по одной из осей.

1 Ответ

0 голосов
/ 18 января 2019

Можете ли вы попробовать эту вещь один раз.

var previousOrientation = window.orientation;
var checkOrientation = function(){
    if(window.orientation !== previousOrientation){
        previousOrientation = window.orientation;
        // orientation changed, do your magic here
    }
};

window.addEventListener("resize", checkOrientation, false);
window.addEventListener("orientationchange", checkOrientation, false);

// (optional) Android doesn't always fire orientationChange on 180 degree turns
setInterval(checkOrientation, 2000);
...