對(duì)于貪吃蛇游戲，大家基本上都玩過雕蔽，但是作為一個(gè)程序員，大家是否想過要自己去寫一個(gè)貪吃蛇扇售，畢竟玩別人寫的游戲和自己寫的游戲是兩種截然不同的感受嚣艇，而且也可以通過制作來提升自己的技術(shù)！
其實(shí)貪吃蛇的邏輯并不復(fù)雜食零，只要學(xué)過一段時(shí)間的編程，不管是什么語言娜搂，基本上都可以獨(dú)立實(shí)現(xiàn)吱抚，而今天和大家分享的一個(gè)貪吃蛇源碼，是小編見過的比較“極致”的代碼了秘豹，用的是canvas+JavaScript，總共只有28行代碼因痛。
貪吃蛇源碼：
<!doctype html>
<html>
<body style='overflow:hidden'>
<canvas id="can" width="400" height="400" style="background:Black;display: block;margin:20px auto;"></canvas>
<script>
var sn = [ 42, 41 ], dz = 43, fx = 1, n, ctx = document.getElementById("can").getContext("2d");
function draw(t, c) {
ctx.fillStyle = c;
ctx.fillRect(t % 20 * 20 + 1, ~~(t / 20) * 20 + 1, 18, 18);
}
document.onkeydown = function(e) {
fx = sn[1] - sn[0] == (n = [ -1, -20, 1, 20 ][(e || event).keyCode - 37] || fx) ? fx : n
};
!function() {
sn.unshift(n = sn[0] + fx);
if (sn.indexOf(n, 1) > 0 || n<0||n>399 || fx == 1 && n % 20 == 0 || fx == -1 && n % 20 == 19)
return alert("GAME OVER");
draw(n, "Lime");
if (n == dz) {
while (sn.indexOf(dz = ~~(Math.random() * 400)) >= 0);
draw(dz, "Yellow");
} else
draw(sn.pop(), "Black");
setTimeout(arguments.callee, 130);
}();
</script>
</body>
</html>
效果展示：
游戲中
厲害了岸更，程序員28行代碼寫貪吃蛇游戲，附源碼谭企！
游戲結(jié)束
厲害了评肆，程序員28行代碼寫貪吃蛇游戲，附源碼瓜挽！
但是整體來說還是有一定的缺陷，代碼由于過于追求簡(jiǎn)單俄占，而放棄了很多代碼方面的規(guī)范，比如注釋缸榄，比如代碼的可讀性，如果沒有一定的基礎(chǔ)的同學(xué)她肯，對(duì)于這個(gè)代碼可能需要研究很久才能明白其中的邏輯性鹰贵。所以，代碼并不是越短越好砾莱，在實(shí)際的項(xiàng)目開發(fā)中，要考慮多方面的因素聚假。
福利區(qū)：
關(guān)注公眾號(hào)：“蝌蚪前端”闰非，私信"源碼"即可，自助領(lǐng)取28行極簡(jiǎn)代碼貪吃蛇源碼文檔版财松。
