方向和運動資料解說
在使用方向和運動事件時,理解瀏覽器提供給你的值的含義非常重要。本文件將詳細介紹相關的座標系以及如何使用它們。
關於座標系
座標系是一種參照一個物體來定義三個軸(X、Y 和 Z)方向的系統。在使用方向和運動事件時,需要考慮兩個座標系。
地球座標系
地球座標系是以地球中心為固定點的座標系;也就是說,軸是根據重力拉力和標準磁北方向對齊的。我們使用大寫字母(“X”、“Y”和“Z”)來描述地球座標系的軸。
- X 軸沿著地面平面,與 Y 軸垂直,正方向指向東方(因此負方向指向西方)。
- Y 軸沿著地面平面,正方向指向真北(即北極,而非磁北),負方向指向真南。
- Z 軸垂直於地面平面;可以將其視為一條連線裝置和地球中心的直線。Z 座標值向上(遠離地心)為正,向下(指向地心)為負。
裝置座標系
裝置座標系是以裝置中心為固定點的座標系。我們使用小寫字母(“x”、“y”和“z”)來描述裝置座標系的軸。

- x 軸在螢幕平面內,正方向指向右側,負方向指向左側。
- y 軸在螢幕平面內,正方向指向頂部,負方向指向底部。
- z 軸垂直於螢幕或鍵盤,正方向從螢幕向外延伸。
注意:在手機或平板電腦上,裝置的朝向始終與螢幕的標準朝向相關;在大多數裝置上,這是“縱向”朝向。在筆記型電腦上,朝向與鍵盤相關。如果你想檢測裝置朝向的變化以便進行補償,可以使用 change 事件。
關於旋轉
旋轉是根據裝置座標系與地球座標系之間的度數差來描述任何給定軸的,單位為度。
Alpha
繞 z 軸旋轉——即扭轉裝置——會導致 alpha 旋轉角度發生變化。

當裝置頂部直接指向地球北極時,alpha 角度為 0°,隨著裝置逆時針旋轉而增加。因此,90° 對應指向西方,180° 對應南方,270° 對應東方。
Beta
繞 x 軸旋轉——即裝置向用戶傾斜或遠離使用者——會導致 beta 旋轉角度發生變化。

當裝置的頂部和底部與地球表面距離相等時,beta 角度為 0°;當裝置向前(向用戶)傾斜時,它會增加到 180°;當裝置向後(遠離使用者)傾斜時,它會減小到 -180°。
Gamma
繞 y 軸旋轉——即裝置向左或向右傾斜——會導致 gamma 旋轉角度發生變化。

當裝置的左側和右側與地球表面距離相等時,gamma 角度為 0°;當裝置向右傾斜時,它會增加到 90°;當裝置向左傾斜時,它會減小到 -90°。