Window: devicemotion ã¤ãã³ã
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2023å¹´9æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
å®å ¨ãªã³ã³ããã¹ãç¨: ãã®æ©è½ã¯ä¸é¨ã¾ãã¯ãã¹ã¦ã®å¯¾å¿ãã¦ãããã©ã¦ã¶ã¼ã«ããã¦ãå®å ¨ãªã³ã³ããã¹ã (HTTPS) ã§ã®ã¿å©ç¨ã§ãã¾ãã
devicemotion ã¤ãã³ãã¯ãä¸å®ã®ééã§çºè¡ããããã®æç¹ã§ç«¯æ«ãåãã¦ããå é度ã®ç©ççãªåã®éã示ãã¾ããã¾ããå©ç¨å¯è½ã§ããã°ãå転é度ã«é¢ããæ
å ±ãæä¾ãã¾ãã
ãã®ã¤ãã³ãã¯ãã£ã³ã»ã«ä¸å¯ã§ããããªã³ã°ãã¾ããã
æ§æ
ãã®ã¤ãã³ãåã addEventListener() çã®ã¡ã½ããã§ä½¿ç¨ããããã¤ãã³ããã³ãã©ã¼ããããã£ãè¨å®ããããã¦ãã ããã
addEventListener("devicemotion", (event) => {});
ondevicemotion = (event) => {};
ã¤ãã³ãå
DeviceMotionEvent ã§ãã Event ããç¶æ¿ãã¦ãã¾ãã
ã¤ãã³ãããããã£
DeviceMotionEvent.accelerationèªåå°ç¨-
XãYãZ ã® 3 軸ä¸ã®ç«¯æ«ã®å é度ã表ããªãã¸ã§ã¯ãã§ããå é度㯠m/s² ã§è¡¨ç¤ºããã¾ãã
DeviceMotionEvent.accelerationIncludingGravityèªåå°ç¨-
éåã®å½±é¿ãåãã XãYãZ ã® 3 軸ä¸ã®ç«¯æ«ã®å é度ã表ããªãã¸ã§ã¯ãã§ããå é度㯠m/s² ã§è¡¨ç¤ºããã¾ãã
DeviceMotionEvent.rotationRateèªåå°ç¨-
ã¢ã«ãã¡ããã¼ã¿ãã¬ã³ãã® 3 ã¤ã®æ¹å軸ã«ããã端æ«ã®åãã®å¤åé度ã表ããªãã¸ã§ã¯ããå転ç㯠1 ç§ãããã®åº¦æ°ã§è¡¨ç¾ããã¾ãã
DeviceMotionEvent.intervalèªåå°ç¨-
端æ«ãããã¼ã¿ãåå¾ããæéééãããªç§ã§è¡¨ãã¾ãã
ä¾
function handleMotionEvent(event) {
const x = event.accelerationIncludingGravity.x;
const y = event.accelerationIncludingGravity.y;
const z = event.accelerationIncludingGravity.z;
// ä½ãç´ æ´ããããã¨ããã
}
window.addEventListener("devicemotion", handleMotionEvent, true);
仿§æ¸
| 仿§æ¸ |
|---|
| Device Orientation and Motion > # devicemotion > |
| Device Orientation and Motion > # dom-window-ondevicemotion > |