昨天打球打得不錯，找到手感上來兩個crossover，簡直無情。心情好了，繼續解決遺留問題。
首先，看看需要搞定哪些問題
之前的跳躍太呆了，完全勻速，我玩了好久原著找感覺，發現他的方塊跳躍是有加速度的，於是先加上乙個跳躍的加速度。
src="" allowfullscreen="allowfullscreen" height="600" width="100%">
由於我之前列舉了好多問題，但由於文章丟了，我反覆除錯消滅了很多bug，我自己也想不起來有什麼了。
比如，方塊落地的一瞬間會猛的前進一小段距離；撞牆後方塊會在天上閃一下。諸如種種，都是一些小細節的引數微調，花點時間除錯就可以。
這個真是難到我了，實在想不出什麼好辦法來判斷方塊撞牆。搜尋了一些方法，但對我這個案例的應用性不強，最容易理解的方法是給方塊和障礙的邊加座標，但是太麻煩了了。
剛開始思考時，我給障礙加了乙個輔助線，我發現勻速跳躍只有貼著線才能勉強通過。我就開始琢磨跳躍的軌跡和碰撞的關係。
我仔細觀察了原著，他的方塊跳躍的軌跡好像乙個半圓，而這個半圓又是（障礙物高度 x 2）外接圓的軌跡，然後軌跡的半徑在外置圓的半徑的基礎上加上方塊的，就完美的解決了碰撞的問題。因為方塊在空中轉180度，從跳躍到落地的軌跡，正好是這個外接圓的外切矩形的運動軌跡，這樣幾乎不存在方塊在空中時，邊角碰到障礙的情況。我覺得是個不錯的方法。
於是我也如法炮製，做了乙個類似的，但是因為想不出來怎麼才能跳出來半圓軌跡。這個也是有bug的，如果仔細嘗試。暫時先做乙個，日後再研究。
src="" allowfullscreen="allowfullscreen" height="600" width="100%">
經過慢慢修改，逐漸有一點意思了，看來canvas做這個也是可以的，昨天看的電影《明日世界》裡說「想象力比知識更重要」，要多想少限制自己。接下來，繼續消除bug，增加開始介面，聲音，動畫元素。
html5小遊戲基礎知識
顯示乙個div和隱藏乙個div 首先，我們要顯示乙個div和隱藏乙個div需要使用css裡面使用 hide show 在需要顯示或隱藏的div輸入 id title class show id title class hide 還有一種點選顯示和隱藏方法 js裡面的 function fun id ...
HTML5 建立手機滾珠子小遊戲 （一）
人生第一次寫技術部落格，還是真是相當艱辛啊，望各位看官多多包涵。現在說說我的開發思路，由於是初學者，所以又害怕自己不夠堅持寫完這個小遊戲，所以寫篇部落格監督下自己，順便看看自己的進度。第一，寫個html5模板頁面，並且測試一下瀏覽器是否支援devicemotionevent屬性，大概如下 第二，開始...
Html5小遊戲之變大的小球
現在很流行html5，所以我也花時間去學一下，我主要學習的是canvas標籤，因為它可以畫圖，寫小遊戲。發覺canvas寫遊戲跟用dom操作來寫遊戲很不同 1，canvas是一張畫布，所有東西都是畫上去的，如果需要移動某個元素，需要擦掉它，然後再畫個新的上去。2，dom操作，如果要畫乙個東西，需要將...