關于陀螺儀 deviceorientation

fasss 發布于2019-08-22 12:46 / 2880人閱讀

摘要：檢測支持寫在這里對不起，您的瀏覽器還不支持使用以設備坐標系軸為軸，旋轉度。的作用域為以設備坐標系軸為軸，旋轉度。的作用域為設備沿軸逆時針旋轉，值增加設備沿軸順時針旋轉，值增加設備沿軸逆時針旋轉，值增加注意手機軸和電腦軸方向相反

檢測

if (window.DeviceOrientationEvent) {
    //  支持DeviceOrientation API寫在這里
} else {
    console.log("對不起，您的瀏覽器還不支持Device Orientation!!!");
}

使用

window.addEventListener("deviceorientation", function(event) {
  // 以設備坐標系z軸為軸，旋轉alpha度。alpha的作用域為(0, 360)
  // 以設備坐標系x軸為軸，旋轉beta度。beta的作用域為(-180, 180)
  // 已設備坐標系y軸為軸，旋轉gamma度。gamma的作用域為(-90, 90)
  console.log(event.alpha + " : " + event.beta + " : " + event.gamma);
});

設備沿Z軸逆時針旋轉，Alpha(α)值增加

設備沿X軸順時針旋轉，Beta(β)值增加

設備沿Y軸逆時針旋轉，Gamma(γ)值增加

注意

手機Y軸和電腦Y軸方向相反

GPU云服務器云服務器 deviceorientation 陀螺儀陀螺儀開發 mes陀螺

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92355.html

HTML5搖一搖（上）—如何判斷設備搖動

摘要：剛剛過去的一年里基于微信的營銷可謂是十分火爆，通過轉發朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農歷新年將至，我就拿一個搖簽的小例子來談一談中如何調用手機重力感應的接口演示搖一搖，萬福簽什么是重力感應說到重力感應有一個東西不得剛剛過去的一年里基于微信的H5營銷可謂是十分火爆，通過轉發朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農歷新年將至，我就拿一個搖簽的小...

curried 2019-08-19 17:24 評論0 收藏0
HTML5搖一搖（上）—如何判斷設備搖動

摘要：剛剛過去的一年里基于微信的營銷可謂是十分火爆，通過轉發朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農歷新年將至，我就拿一個搖簽的小例子來談一談中如何調用手機重力感應的接口演示搖一搖，萬福簽什么是重力感應說到重力感應有一個東西不得剛剛過去的一年里基于微信的H5營銷可謂是十分火爆，通過轉發朋友圈帶來的病毒式傳播效果相信大家都不太陌生吧，剛好最近農歷新年將至，我就拿一個搖簽的小...

WilsonLiu95 2019-08-01 15:01 評論0 收藏0
「移動設備陀螺儀」與「preserve-3d」碰撞的火花

摘要：它描述的是設備由前向后旋轉的情況。表示設備沿軸上的旋轉角度，范圍為度。完整的代碼大概是這樣慶祝時刻現在我們已經完成了，一個利用移動設備陀螺儀與實現的交互效果。原文鏈接：航洋 blog 「移動設備陀螺儀」與「preserve-3d」碰撞的火花涉及知識「CSS：transform、JS：deviceorientation」廢話不多，先上 DEMO「請使用移動設備查看」如何搭建一個簡...

jsyzchen 2019-08-22 13:53 評論0 收藏0