這篇文章將為大家詳細(xì)講解有關(guān)JS怎么實(shí)現(xiàn)的貪吃蛇游戲，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)不能給您低的價(jià)格，只能給您高的品質(zhì)！我們努力堅(jiān)持得到越來(lái)越多的客戶認(rèn)可和追隨，這正是我們繼續(xù)前進(jìn)的大動(dòng)力！創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司,為企業(yè)提供高端網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站制作,成都外貿(mào)網(wǎng)站建設(shè)公司,做網(wǎng)站,網(wǎng)站改版等做網(wǎng)站服務(wù),建網(wǎng)站費(fèi)用1680元起,成都數(shù)百家企業(yè)建站公司的選擇。

具體如下：

思想：

1、設(shè)計(jì)蛇：屬性有寬、高、方向、狀態(tài)（有多少節(jié)），方法：顯示，跑

2、設(shè)計(jì)食物：屬性寬、高

3、顯示蛇：根據(jù)狀態(tài)向地圖里加元素

4、蛇跑起來(lái)：下一節(jié)到前一節(jié)的位置，蛇頭根據(jù)方向變，刪除原來(lái)的蛇，新建蛇；當(dāng)出界時(shí)，死亡，初始化；當(dāng)蛇頭吃到自己的時(shí)候，死亡，初始化

5、食物被吃掉，蛇加一節(jié)，去掉原來(lái)的食物，生成新的食物

6、添加定時(shí)器，綁定按鍵

完整示例：

  
  
  
  
  
    body {
      margin: 0;
      padding: 0;
    }
    .main {
      width: 800px;
      height: 400px;
      margin: 50px auto;
    }
    .btn {
      width: 100px;
      height: 40px;
    }
    .map {
      position: relative;
      width: 800px;
      height: 400px;
      background: #ccc;
    }
  



  開(kāi)始游戲