欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery·貪吃蛇簡單代碼

林玟書1年前8瀏覽0評論

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('游戲結束!'); 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('游戲結束!'); return; } } }

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