RT-Badge V2.0制作俄羅斯方塊小游戲

思路

在看到 ART-Badge V2.0 支持了 2048 小游戲之后，萌生了制作一個(gè) 俄羅斯方塊的小游戲，畢竟是童年的經(jīng)典。

整個(gè)工程是在原有的 ART_Game 工程的基礎(chǔ)上進(jìn)行開(kāi)發(fā)的。

在游戲列表中添加跳轉(zhuǎn)的頁(yè)面選項(xiàng)：card1 中添加 panel4 以及 imagebox3 的子控件，用于列表中游戲的選擇。

在 JS 中添加 游戲名稱，以及跳轉(zhuǎn)頁(yè)面的代碼

之后就新建頁(yè)面(Game_Tetris)完全由自己開(kāi)發(fā)了

界面設(shè)計(jì)

其實(shí)界面沒(méi)有一點(diǎn)美感可言，都是方框直接堆積而成的，

不過(guò)考慮到一些重復(fù)的工作(一些方格的繪制)，看到界面是 XML 格式的，就直接吧這些重復(fù)的方塊使用 python 生成輸出，然后直接放在了 XML 里，(不建議這樣使用，這樣可能有很多問(wèn)題，不詳細(xì)說(shuō)明)

整體思路

說(shuō)白了俄羅斯方塊其實(shí)很簡(jiǎn)單，七種方塊隨機(jī)出現(xiàn)，隨機(jī)方向，從頂部落下，可以左右下移動(dòng)，可以旋轉(zhuǎn)方塊，一樣的一行消除得分。只要把這些事情考慮清楚就可以了

一些函數(shù)的功能，

reduceMatrix 去除全為零的行和列：簡(jiǎn)化之后的一些碰撞的判斷，方便旋轉(zhuǎn)之后的顯示，

rotateMatrix 旋轉(zhuǎn)方塊：分別以90、180、270旋轉(zhuǎn)用于手動(dòng)旋轉(zhuǎn)還有顯示下一個(gè)方塊時(shí)隨機(jī)顯示方塊

nextTetrominoDisplay 隨機(jī)顯示下一個(gè)出現(xiàn)的方塊

fillColor 填充顏色 ：用于填充并顯示有兩個(gè)功能，1、將消失的方塊恢復(fù)底色。2、將方塊新走到的地方填充為方塊的顏色(這里有優(yōu)化的空間，例如：將兩次不改變的方塊顏色不做處理)

fillBlock 對(duì)一整個(gè)“棋盤”做一個(gè)占位處理，這里僅一個(gè)方塊結(jié)束時(shí)才進(jìn)行占位填充，為了之后進(jìn)行一個(gè)方塊的結(jié)束判斷，以及消除一行時(shí)的判斷

isDeleteRow 判斷哪一行要?jiǎng)h除，通過(guò) fillBlock 函數(shù)的填充去判斷

deleteRow 刪除行通過(guò) isDeleteRow 判斷出要?jiǎng)h除之后，去刪除該行，并把上面行的方塊向下填充

blockEnd 判斷一個(gè)方塊下一個(gè)位置是否結(jié)束(針對(duì)的是方向向下、向左、向右)還有旋轉(zhuǎn)的下一個(gè)位置是否碰撞

定時(shí)器：方塊的自動(dòng)向下移動(dòng)，

最后下載這里就不細(xì)說(shuō)了，相信大多說(shuō)有 ART-Badge V2.0 的都是去過(guò)現(xiàn)場(chǎng)體現(xiàn)過(guò)下載的(其實(shí)我沒(méi)去，哈哈哈)

1、上鍵：方塊旋轉(zhuǎn)

2、下鍵：方塊下移

3、左鍵：方塊左移

4、右鍵：方塊右移

最后這里有一些小問(wèn)題還未完善

雖然我已經(jīng)盡力在優(yōu)化，但還是有一些可以優(yōu)化，未優(yōu)化完全的部分

1、在方塊移動(dòng)和變形時(shí)，目前使用的是先將該方塊對(duì)應(yīng)控件改為默認(rèn)顏色，然后再填充移動(dòng)或變形后的方塊，其實(shí)同種前后都一樣的顏色沒(méi)有必要先改為默認(rèn)色，然后再填充

2、在刪除行時(shí)，使用的是一行一行的刪除，同時(shí)消除多行的時(shí)候，也是一行一行的刪除，可以優(yōu)化

3、在旋轉(zhuǎn)后如果超出邊界或重疊到現(xiàn)有方塊，將會(huì)無(wú)效果，不旋轉(zhuǎn)，可以優(yōu)化，可以放下旋轉(zhuǎn)后的方塊的話，就貼著邊界或現(xiàn)有方格。

4、目前多行消除，不會(huì)有額外的得分，待優(yōu)化

5、界面待優(yōu)化，太丑了

望大家有興趣的一起開(kāi)發(fā)完善呀!

原文標(biāo)題：ART-Badge V2.0 之俄羅斯方塊開(kāi)發(fā)

文章出處：【微信公眾號(hào)：RTThread物聯(lián)網(wǎng)操作系統(tǒng)】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

審核編輯：湯梓紅