jquery·貪吃蛇是一款基于jquery的小游戲。下面給大家介紹一下它的簡單代碼：

// 初始化貪吃蛇
function initSnake() {
for (var i = 0; i< initLength; i++) {
// 初始化蛇身
var $snakeBody = $('
').addClass('snake-body').css({
top: (initLength - 1 - i) * snakeWidth,
left: 0
})
$snakeWrap.append($snakeBody);
snakeArr.push([$snakeBody.position().top, $snakeBody.position().left]);
}
// 初始化蛇頭
var $snakeHead = $('
').addClass('snake-head').css({
top: (initLength - 1) * snakeWidth,
left: 0
})
$snakeWrap.append($snakeHead);
snakeArr.push([$snakeHead.position().top, $snakeHead.position().left]);
}
// 移動貪吃蛇
function moveSnake() {
// 計算蛇頭下一個位置
var nextTop = snakeArr[snakeArr.length - 1][0] + direction.vertical * snakeWidth;
var nextLeft = snakeArr[snakeArr.length - 1][1] + direction.horizontal * snakeWidth;
// 判斷是否撞墻
if (nextTop< 0 || nextTop >$snakeWrap.height() - snakeWidth || nextLeft< 0 || nextLeft >$snakeWrap.width() - snakeWidth) {
clearInterval(moveTimer);
alert('游戲結(jié)束！');
return;
}
// 判斷下一個位置是否與食物重疊
if (nextTop === $food.position().top && nextLeft === $food.position().left) {
eatFood();
} else {
// 移動蛇身
var $snakeBody = $('.snake-body');
for (var i = snakeArr.length - 2; i >= 0; i--) {
snakeArr[i + 1] = snakeArr[i];
$snakeBody.eq(i + 1).animate({ top: snakeArr[i][0], left: snakeArr[i][1] }, snakeSpeed);
}
// 移動蛇頭
snakeArr[0] = [nextTop, nextLeft];
$('.snake-head').animate({ top: nextTop, left: nextLeft }, snakeSpeed);
}
// 判斷是否咬到自己
for (var i = 1; i< snakeArr.length - 1; i++) {
if (nextTop === snakeArr[i][0] && nextLeft === snakeArr[i][1]) {
clearInterval(moveTimer);
alert('游戲結(jié)束！');
return;
}
}
}

以上代碼包括了初始化蛇、移動蛇、判斷是否撞墻、判斷是否吃到食物、判斷是否咬到自己等功能的實現(xiàn)。在實際應(yīng)用中，我們還需要在頁面中添加一些操作按鈕、計分板等元素，并綁定相應(yīng)的事件響應(yīng)函數(shù)，以實現(xiàn)一款完整的jquery·貪吃蛇游戲。