html5如何獲取手機陀螺儀角度資訊

阿新 • • 發佈：2019-01-04

html5事件中，deviceorientation事件，此事件是檢測裝置方向變化時的事件。其常用屬性為alpha(x)、beta(y)、gamma(z)。
預設將手機垂直，且正面（90度）衝著自己
alpha：左右旋轉
beta：前後旋轉
gamma：扭轉（自轉）

<html>  
<head>  
    <title>DeviceOrientationEvent</title>  
    <meta charset="UTF-8" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" 
>  
    <script src="js/common/jquery.min.js"></script>  
    <script src="js/common/eventutil.js"></script>  
</head>  
<body>  
    <div id="arrow"></div>  
</body>  
</html>  


<script>  
    try {  
        var text = "";  
        window.addEventListener("deviceorientation" 
, orientationHandler, false);  
        function orientationHandler(event) {  
            text = ""  
            var arrow = document.getElementById("arrow");  
            text += "左右旋轉：rotate alpha{" + Math.round(event.alpha) + "deg)<p>";  
            text += "前後旋轉：rotate beta{" + Math.round(event.beta) + "deg)<p>" 
;  
            text += "扭轉裝置：rotate gamma{" + Math.round(event.gamma) + "deg)<p>";  
            arrow.innerHTML = text;  
        }  
    }  
    catch (e) {  
        $("#arrow").html(e.message)  
    }  
</script>

html5如何獲取手機陀螺儀角度資訊

html5事件中，deviceorientation事件，此事件是檢測裝置方向變化時的事件。其常用屬性為alpha(x)、beta(y)、gamma(z)。預設將手機垂直，且正面（90度）衝著自己

HTML5 控制手機陀螺儀

監聽deviceorientation window.addEventListener('deviceorientation', function(event) { var alpha = even

js 獲取手機平衡儀（陀螺儀）角度資訊

html5中的deviceorientation事件，此事件是檢測裝置方向變化時的事件。其常用屬性為alpha(x)、beta(y)、gamma(z)。 alpha：左右旋轉 beta：前後旋轉 g

STC15F2K60S2/STC15系列讀取MPU6050陀螺儀角度加速度串列埠顯示程式程式碼

STC15F2K60S2/STC15系列讀取MPU6050陀螺儀角度加速度串列埠顯示程式程式碼除錯通過，複製貼上即編譯可使用，無需除錯，晶振：24M，串列埠輸出，波特率：115200 為方便大家除錯，特附該程式的專案檔案，下載開啟即可除錯，下載地址：http://download.cs

STC15系列讀取MPU6050陀螺儀角度加速度串列埠顯示程式碼

STC15系列讀取MPU6050陀螺儀角度加速度串列埠顯示程式程式碼除錯通過，複製貼上即編譯可使用，無需除錯，晶振：24M，串列埠輸出，波特率：115200 為方便大家除錯，特附該程式的專案檔案，下載開啟即可除錯，下載地址： http://download.csdn.net/deta

STC15W4K32S4讀取MPU6050陀螺儀角度加速度串列埠顯示程式程式碼

STC15W4K32S4讀取MPU6050陀螺儀角度加速度串列埠顯示程式程式碼除錯通過，複製貼上即編譯可使用，無需除錯，晶振：24M，串列埠輸出，波特率：115200 為方便大家除錯，特附該程式的專案檔案，下載開啟即可除錯，下載地址： http://download.csdn.net

Unity3D中手機陀螺儀的使用

使用手機陀螺儀，可以獲取手機的3D姿態，這在開發中是很有用的。當然現在的手機內建的陀螺儀都是比較廉價的，精度不高，但是作為實驗裝置看看效果還是可以的。本文將給出呼叫手機陀螺儀的簡單方法

Unity 根據手機陀螺儀做UI動態旋轉移動的功能。像手遊崩壞3裡面流動的UI介面一樣

玩過手遊崩壞3的應該會發現遊戲裡面的UI 介面還有一些場景會根據玩家手機的平衡狀態對UI或者相機進行位移或者旋轉。今天我們要使用移動端的重力感應,做類似的效果，來增加UI介面的流動感. 其實就是通過移動端的重力感應獲

獲取手機裝置的相關資訊

獲取手機資訊 /** * 獲取手機資訊 */ public void getPhoneInfo() { TelephonyManager tm = (TelephonyManager) this.getSy

Android 獲取手機記憶體儲存容量資訊

獲取手機記憶體儲存資訊我們現在的Android手機中就用這個儲存資訊的容量的功能,所以看了原始碼，學習然後總覺下,如發現錯誤請多指正; 用到了兩個類 1.Environment類：這個單詞翻譯中文的意思是：外界、環境，顧名思義。這個類就是外部儲存的

如何獲取手機使用者的位置資訊

移動網際網路會充分挖掘使用者的位置資訊並在這點上展開一系列非常新奇的應用和體驗，谷歌在這點走在了前面。我以前一直以為谷歌是跟中國移動合作取得的資料，看了下面這篇文章我才明白了谷歌原來是“偷”來的資料。轉一下，原理講的很清楚，不得不讚！在今年初推出的Google Map for Mobile新版本中提供了

html5 獲取陀螺儀，重力感應(轉發)

DeviceOrientationEvent是獲取方向，得到device靜止時的絕對值； DeviceMotionEvent是獲取移動速度，得到device移動時相對之前某個時間的差值比裝置定位API，該API允許你收集裝置的方向和移動資訊。此外，該API只在

Unity3D 使用陀螺儀檢查手機方向設定固定的旋轉角度

namespace UnityEngine { public enum ScreenOrientation { Unknown = 0, Po

html5獲取當前手機位置的精度維度

onclick navigator doc document etl oca on() pos eol 布局代碼如下 <p id="demo">點擊這個按鈕，獲得您的坐標：</p><button onclick="getLocation()"&

移動端二三事【四】：陀螺儀（重力感應器）實現手機位置、加速度感應以及常見應用。

效果防止 size tro 通過 select 代碼陀螺儀 prime 首先說明一下：陀螺儀感應需在真機環境下進行調試，PC端無效果。 1.獲取感應器需在window上監聽devicemotion事件，再通過事件對象獲取accelerationIncludingG

使用html5獲取當前手機的經緯度，並接入百度地圖API，查詢出當前位置

api detail attribute spa rip coord component per bar 最近項目需要，稍微研究一下html5獲取當前地理位置的問題。獲取當前位置的經緯度很簡單，一句代碼就搞定 [javascript] view plain cop

如何獲取手機瀏覽器中自動填充的賬號密碼等資訊

問題描述一般情況，電腦自動填充的資訊可由審查元素得到，手機瀏覽器檢視起來卻不方便。解決辦法簡而言之，使用抓包。所用工具，Charles、WiFi共享工具（構建區域網環境，有區域網環境的不用）。具體操作，可以搜尋“charles手機抓包”等。我在實現過程中發現

安卓獲取手機裝置硬體、系統、程式等資訊

真正的死亡是世界上再沒有一個人記得你。 —《尋夢環遊記》分類文章目錄一、獲取手機系統資訊 1、獲取手機型號 2、獲取

Android獲取手機版本號、品牌等相關資訊工具類

主要有，獲取手機系統版本，獲取手機品牌、獲取軟體版本資訊、獲取螢幕尺寸寬高（包含和不包含虛擬鍵）以及獲取手機ip地址 public class DeviceUtils { /** * 品牌 */ public static String getDevic

Android 獲取手機儲存資訊詳解（記憶體，外存等）

ActivityManager am = (ActivityManager) getSystemService(Context.ACTIVITY_SERVICE); //系統記憶體資訊 ActivityManager.MemoryInfo memInfo = new ActivityManager

html5如何獲取手機陀螺儀角度資訊

相關推薦