首頁 > web前端 > H5教程 > HTML5邊玩邊學(十)-俄羅斯方塊之控制界面篇(源碼)

HTML5邊玩邊學(十)-俄羅斯方塊之控制界面篇(源碼)

黄舟
發布: 2017-03-29 15:20:16
原創
1505 人瀏覽過

本來想寫幾句的,但是看到前面一篇的反映不是很理想,所以也沒動力了,原計劃下面還想寫個「貪吃蛇」的,看看再說吧,直接上源代碼。

這次在上一篇程式的基礎上增加了以下功能:

1、鍵盤控制

2、開始、暫停

##3、消除時候空行的停頓效果

4、隨著消除行數的增多,速度加快

#5、音效

等等。

程式碼裡的註解已經很詳細了,上一篇模型的程式碼基本上沒改動,只是增加了控制和圖形的程式碼,自己感覺寫的還是比較有條理的。

提示:本文中的俄羅斯方塊遊戲需要Chrome #瀏覽器才能得到最好的運作效果,Firefox 瀏覽器也可以運行,但沒有聲音效果。

 

後面囉嗦兩句,願意看的就看看。

這部分程式碼主要由兩個

計時器組成。

第一個定時器每間隔一段時間就產生一個 TickMessage 訊息,對這個訊息的處理就是使方塊下落,下落後每消去一次,觸發的速度就更快一點。

第二個計時器是訊息

循環,他盡可能快速的循環,所以時間間隔設定為0。

因為整個遊戲的模型部分和控制部分會產生很多的

事件,誰也不知道用戶什麼時候按下按鍵,所以這裡維護了一個訊息隊列

一旦有新的情況產生,就在訊息佇列裡面添加上一條對應的訊息,而訊息循環不停的從裡面取出訊息,只要有就取出一條,並處理它。

圖形部分,重點是要把七種顏色的小方塊事先繪製好,並

快取起來,後面需要的時候直接使用。否則臨時繪製的話,隨著方塊的增多,程式會出現卡死現象。

 

 

以上是HTML5邊玩邊學(十)-俄羅斯方塊之控制界面篇(源碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板