js基礎應用 貪吃蛇 紀念CSDN首次發帖

2021-08-13 15:32:35 字數 1415 閱讀 6926

一時興起想做個貪吃蛇。

等回頭研究研究大神的20行貪吃蛇再來修改。

紀念此論壇第一次發帖,萌新瑟瑟發抖。

2023年12月15日。

charset="utf-8">

[email protected]>

#boxh1p

span

style>

head>

id="box">

h1>

p>

div>

body>

let obox = document.getelementbyid("box");

let oh = document.getelementsbytagname("h1")[0];

let op = document.getelementsbytagname("p")[0];

let x = 10;

let y = 0;

let obj = ;

let list = ;

let length = 0;

let timer = null;

//設定頭部運動

function

move

()else'));

list = list.slice(0,length + 2);

}//----------------判斷是否吃到食物---------------

if(oh.offsetleft == obj.left && oh.offsettop == obj.top)else

//-----------------判斷撞到自己---------------

for(let i = 1;i <=length;i ++)

}},100)

}//--------------重新整理尾巴---------------

function

refresh

() for(let i = 0; i < length;i ++)

}//--------------新增食物---------------

function

foodaddress

()');

}move();

//--------------鍵盤事件----------------

document.onkeydown = function

(evt);break;

case

39 : if(y != 0);break;

case

38 : if(x != 0);break;

case

40 : if(x != 0);break;

}move();

}script>

html>

js 實現貪吃蛇專案

近來在學習js高階,便學習著做個網頁版貪吃蛇專案。map tools.js function window.tools tools food.js function game.prototype.start function function runsnake if heady 0 heady ma...

js貪吃蛇(建構函式)

給大家分享一下這幾天我研究的乙個貪吃蛇,挺簡單的,但是實現起來其實有點繞的,我給大家附上完整 一起分析學習一下,主要用的是建構函式。思想 1 設計蛇 屬性有寬 高 方向 狀態 有多少節 方法 顯示,跑 2 設計食物 屬性寬 高 3 顯示蛇 根據狀態向地圖裡加元素 4 蛇跑起來 下一節到前一節的位置,...

貪吃蛇 js版 分享

在學習和總結n多前人的分享後,終於完成了js版 貪吃蛇的小遊戲,邏輯還算清楚 簡單。此版主要是js編寫,稍用了canvas。功能說明 鍵盤方向鍵控制,滑鼠控制,計分制,加速 減速,重置遊戲 簡要分析 1.貪吃蛇本身是乙個 物件陣列 snake array 陣列中的每乙個物件代表了構成貪吃蛇的每乙個小...