html5重力感應剖析附源碼

面是測試html5重力感應的demo

http://bbs.qietu.com/html/zhongli/

http://www.qietu.com/html/f2/qqqianbao/

demo2是切圖網為騰訊網提供的web前端技術支持的項目，采用的就是html5的重力感應。

重力感應主要用到兩種事件：

1 orientationchange

這個事件在屏幕發生翻轉時觸發

window.orientation可獲得設備的方向，一共有三個值0：豎直, 90：右旋, -90：左旋

2 deviceorientation 和 MozOrientation(firefox專用)

deviceorientation事件可獲得三個值alpha,beta,gamma，分別代表繞Z軸的旋轉角度(0~360)，繞X軸的旋轉角度(-180~180)，繞Y軸的旋轉角度(-90~90)

MozOrientation事件中可獲得三個值z,x,y，分別代表垂直加速度，左右的傾斜角度，前后的傾斜角度(取值范圍：-1~1)

坐標系見下圖

下面是示例游戲用到重力感應的代碼：

window.onorientationchange = function(e){
game.hideNavBar(); //屏幕翻轉時隱藏地址欄
if(game.stage) game.stage.updatePosition(); //更新舞臺位置
};
window.ondeviceorientation = function(e)
{
var ang;
var o = window.orientation; //獲取設備方向
if(o == 90){
ang = e.beta; //設備橫向1
}
else if(o == -90){
ang = -e.beta; //設備橫向2
}
else if(o == 0){
ang = e.gamma; //設備縱向
}
if(ang > 5)
{
keyState[Q.KEY.RIGHT] = true;
}
else if(ang < -5)
{
keyState[Q.KEY.LEFT] = true;
}
else
{
keyState[Q.KEY.RIGHT] = false;
keyState[Q.KEY.LEFT] = false;
}
}

無附件，源碼面前，了無秘密，作為web前端工程師，我們需要具備查看源碼的能力。

原文：http://bbs.qietu.com/forum.php?mod=viewthread&tid=15036

></html>

博企業網站系統自適應HTML5版是以 Asp + Access/Microsoft SQL Server 開發的HTML5自適應企業網站源碼，免費版無使用時間限制、無域名限制、基本功能無限制。

軟件簡介：

1、簡單易用的后臺操作頁面，讓網站管理更簡單高效，尊享更好的用戶體驗。

2、功能強大靈活、程序安全可靠：新核心，程序更加健壯、內核更加安全可靠，確保您的企業網站可靠穩定運行。

3、專業SEO優化：讓您的網站自然收錄更快、收錄更完整、優化更高效、排名更具優勢。

4、支持電腦端、手機端、綁定到微信端、安卓APP、微信小程序，HTML5響應式內核，高效且優秀、更高端。

服務器配置：

推薦配置：Windows 2003/2008/2012/2016或更高版本＋ IIS 7.5或更高版本 + Microsoft SQL Server 2008/2012/2014/2016或更高版本

本系統需要服務器支持FSO（FileSystemObject），如果您的空間不支持FSO，請聯系您的空間商。

安裝說明：

1、請將官方程序包解壓后上傳至您的虛擬主機即可正常使用；

2、正式使用前，請務必仔細設置后臺用戶名、密碼、認證碼，并盡量不要使用如：admin 或 123456 這類過于簡單的字符；并檢查您的FTP用戶名、密碼不要過于簡單或用戶名、密碼不要一致。經過以上設置，您的企業網站安全可穩如磐石。

圖標不顯示的說明：

打開服務器IIS管理器，添加MIME類型：

文件擴展名 MIME類型

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

------------------------------我是一條分隔線------------------------------

為什么使用千博企業網站系統？

建設網站，必須了解的潛規則！

能否被搜索引擎收錄，并排在前列？

2019年，百度搜索引擎占據了大約70.3%的市場份額，所以一個網站是否能被百度友好的收錄很重要！您現在能來到的網站，也許就是通過百度！

換個瀏覽器網站就打不開？

兼容性不夠的話會影響訪問網站的速度，一般是超過5秒載入，訪問者就會流失。

網站還沒上線，設計已經落后了！

2019年，手機用戶規模達7.55億，7.55億手機用戶已經習慣用手機瀏覽網站、使用微信瀏覽網站或使用微信小程序瀏覽網站，但大部分的網站設計公司僅僅停留在制作傳統電腦端網站。

建站公司魚龍混雜，選擇需謹慎！

您是不是覺得做網站很容易？所以隨便找了網站建設公司建一個網站就完事了？

結果，資料不是您的，數據您拿不到，出了問題更解決不了，甚至在幾個月后網站建設公司都消失了…

千博拒絕低端劣質網站！

做網站如同工廠生產產品，達不到質量標準就不能出廠，千博有自己的質量控制體系。

設計與成品是否一致？

功能測試是否達標？

代碼是否冗余？

TDK是否完善？

數據初始化是否完畢？

兼容性測試是否通過？

核心數據傳遞是否安全？

結構化數據是否規整？

nofollow檢驗是否完畢？

類名及選擇器是否規范？

全國各地模擬訪問是否正常？

服務器備份計劃是否開啟？

SEO搜索引擎代碼優化是否檢測？

沖突性測試是否通過？

異常是否規避？

安全測試是否達標？

真實數據交互是否正常？

場景及邏輯處理是否正常？

權限控制是否嚴謹？

生產環境配置是否恰當？

企業建站目的在于營銷：

缺少營銷基因，您的網站再漂亮也無人問津，如是，便錯失互聯網8億市場。完善的體驗積累，是您后來居上的墊腳石！

源自千博設計團隊的原創設計它不止是一件藝術品！

為搜索引擎優化，流量爆升；

獨一的設計，讓客戶過目不忘，提升品牌價值；

源自名家設計，更增添客戶信任感。

------------------------------我是一條分隔線------------------------------

千博企業網站系統自適應HTML5版本免費下載：

http://www.qianbo.com.cn/Url/?refer=free_html5

在線咨詢

上一篇：Dreamweaver/Html常用標簽（代碼）含義匯總
下一篇：前端圖片優化

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

html5重力感應剖析附源碼

您的項目需求