人生第一次寫技術部落格，還是真是相當艱辛啊，望各位看官多多包涵。
現在說說我的開發思路，由於是初學者，所以又害怕自己不夠堅持寫完這個小遊戲，所以寫篇部落格監督下自己，順便看看自己的進度。
第一，寫個html5模板頁面，並且測試一下瀏覽器是否支援devicemotionevent屬性，**大概如下：
第二，開始寫好頁面元素，包括背景，小球以及擋板等。
下面**放在body中：
下面為css樣式**：
body
#ballbox
.balllight
#linebox .line
#linebox .lineh120
最後，就是書寫js指令碼，先是得到手機重力感應的三個方向x,y,z,如下圖所示:
然後將x,y,z的進行十進位制轉換，最後將珠子的左偏量和上偏量賦值即可，**如下：
var last_update = 0;
var x = 0,y = 0,z = 0;
var ball = document.getelementbyid("ballbox");
function devicemotionhandler(eventdata)else if($(line).attr("class").indexof("linew") >= 0)
}else if($(line).attr("class").indexof("lines") >= 0)
}); }}
效果圖：
十分感謝各位看官的**，第一次寫部落格還是有很多不懂的，請各位見諒！
邱瘋子，人生就是要不斷瘋癲，要不如何承受生活給予我們的顛簸。
html5小遊戲基礎知識
顯示乙個div和隱藏乙個div 首先，我們要顯示乙個div和隱藏乙個div需要使用css裡面使用 hide show 在需要顯示或隱藏的div輸入 id title class show id title class hide 還有一種點選顯示和隱藏方法 js裡面的 function fun id ...
Html5小遊戲之變大的小球
現在很流行html5，所以我也花時間去學一下，我主要學習的是canvas標籤，因為它可以畫圖，寫小遊戲。發覺canvas寫遊戲跟用dom操作來寫遊戲很不同 1，canvas是一張畫布，所有東西都是畫上去的，如果需要移動某個元素，需要擦掉它，然後再畫個新的上去。2，dom操作，如果要畫乙個東西，需要將...
國外10款開源的HTML 5小遊戲
html 5遊戲的偉大之處在於，它們可以在所有現代瀏覽器上執行，包括iphone和windowsphone等智慧型手機上的瀏覽器。看看開源html 5遊戲是探索不同可能性和學習如何開發自己的遊戲的好方法。這款遊戲在幾乎所有平台上都很流行，2048年是開源的，可以在gizub上使用。這款遊戲是由加布里...