之前閑時(shí)開發(fā)過一個(gè)簡單的網(wǎng)頁版貪食蛇游戲程序,現(xiàn)在把程序的實(shí)現(xiàn)思路寫下來,供有興趣同學(xué)參考閱讀。
代碼的實(shí)現(xiàn)比較簡單,整個(gè)程序由三個(gè)類,一組常量和一些游戲邏輯以外的初始化和控制代碼組成,總共400多行JavaScript。
游戲中的三個(gè)類分別是「組成蛇身體的節(jié)點(diǎn)」「蛇」「貪食蛇游戲」的抽象,常量用來表示游戲中的各種狀態(tài)。
先從常量講起
var TRANSVERSE = 30;var VERTICAL = 40;var LEFT = 1;var RIGHT = 2;var TOP = 3;var BOTTOM = 4;var GAME_START = 1;var GAME_STOP = 2;var GAME_OVER = 3
首先,可以把游戲的邏輯想象成一個(gè)不斷變換的數(shù)據(jù)結(jié)構(gòu),把游戲的界面想象成由一組像素格子組成的長方形,界面渲染程序定時(shí)讀取游戲數(shù)據(jù)結(jié)構(gòu),將數(shù)據(jù)結(jié)構(gòu)中不同的值表示成不同的顏色并畫在游戲界面上。