亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

原生 js貪吃蛇，可選關挑戰第10關

2024-09-05 12:21:08

字體：大中小

來源：轉載

供稿：網友

原生 js貪吃蛇網頁小游戲，可選關挑戰，據說第10關是不容易過的了，呵呵，我第6關就沒過，這游戲速度有點快，需要眼疾手快才行，原生JS所寫，相信對學習JavaScript是不錯的參考示例。

<title> js貪吃蛇</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><body></body><script>   Star = {    init:function(){      var bigDiv = this.appendEle(this.addStyle(this.creatEle(),        {w:'900',h:'600',p:'absolute',t:10,l:500}));      for(var i = 0; i<600/30;i++){        Star.data.arrayAll[i] = [];        for(var j = 0; j<900/30; j++){          div = this.addStyle(this.creatEle(),{w:(!+[1,] ? 30 :28),h:(!+[1,] ? 30 :28),f:'left',border:'1px solid #666'});          div.setAttribute('number', i*30+j)          this.appendEle(div,bigDiv)          Star.data.arrayAll[i][j] = div;        }      }      bigDiv = this.appendEle(this.addStyle(this.creatEle(),        {w:'900',h:'600',p:'absolute',t:10,l:500}));      this.pushEleInSelect(Star.data.arrayAll[9][15],Star.data.arrayAll[9][14],Star.data.arrayAll[9][13])      this.keyBoard.apply(this,arguments);      this.appearPoint();      this.leftGo();    },    appearPoint:function(){      var arrayIn = [];      var number;      for(var i = 0; i<600; i++){        if(!this.hasInArray(Star.data.arrayAll[parseInt(i/30)][i%30].getAttribute('number'),Star.data.arraySelect)){          arrayIn.push(Star.data.arrayAll[i])        }      }      Star.data.foodNumber = number = parseInt(Math.random()*arrayIn.length);      this.giveColor(number)    },    giveColor:function(number){      var div = Star.data.arrayAll[parseInt(number/30)][number%30];      Star.timeInterval.timeB = setInterval(function(){        if(div.className == 'shanshuo'){          div.className = ''          div.style.backgroundColor = '#fff'        }        else{          div.className = 'shanshuo';          div.style.backgroundColor = '#f00'        }      },500)    },    disappearColor:function(){      clearInterval(Star.timeInterval.timeB);      Star.data.arrayAll[parseInt(Star.data.foodNumber/30)][Star.data.foodNumber%30].style.backgroundColor = '#f00';    },    hasInArray:function(number,array){      for(var i in array){        if(array[i] instanceof Array){          if(this.hasInArray(number,array[i])){            return true;          }        }        if(array[i].getAttribute && array[i].getAttribute('number') == number) return true;      }      return false;    },    keyBoard:function(){      var self = this;      document.onkeydown = function(e){        e = e? e : window.event;        switch(e.keyCode){          case 37: if(Star.keycode == 37 || Star.keycode == 39){return;};  self.leftGo(); break;          case 38: if(Star.keycode == 38 || Star.keycode == 40){return;};  self.upGo();break;          case 39: if(Star.keycode == 37 || Star.keycode == 39){return;};  self.rightGo();break;          case 40: if(Star.keycode == 38 || Star.keycode == 40){return;};  self.downGo();break;        }      }    },    leftGo:function(){      var div, number , self = this;      Star.keycode = 37;      clearInterval(Star.timeInterval.timeA)      Star.timeInterval.timeA = setInterval(function(){        number = Star.data.arraySelect[0].getAttribute('number');        if(number%30<=0 || self.hasInArray(number-1,Star.data.arraySelect)){          self.guanle();        }        else{          if(Star.data.foodNumber == number-1){            self.pushEleInSelect(Star.data.arrayAll[parseInt(Star.data.foodNumber/30)][Star.data.foodNumber%30]);            self.disappearColor();            self.appearPoint();          }          else{            div = Star.data.arraySelect.pop();            div.style.background = '#fff';            self.pushEleInSelect(Star.data.arrayAll[parseInt(number/30)][number%30-1]);          }        }      },Star.timeInterval.speed)    },    upGo:function(){      var div, number , self = this;      Star.keycode = 38;      clearInterval(Star.timeInterval.timeA)      Star.timeInterval.timeA = setInterval(function(){        number = parseInt(Star.data.arraySelect[0].getAttribute('number'));        if(parseInt(number/30)<=0 || self.hasInArray(number-30,Star.data.arraySelect)){          self.guanle();        }        else{          if(Star.data.foodNumber == number-30){            self.pushEleInSelect(Star.data.arrayAll[parseInt(Star.data.foodNumber/30)][Star.data.foodNumber%30]);            self.disappearColor();            self.appearPoint();          }          else{            div = Star.data.arraySelect.pop();            div.style.background = '#fff';            self.pushEleInSelect(Star.data.arrayAll[parseInt(number/30)-1][number%30]);          }        }      },Star.timeInterval.speed)    },    rightGo:function(){      var div, number , self = this;      Star.keycode = 39;      clearInterval(Star.timeInterval.timeA)      Star.timeInterval.timeA = setInterval(function(){        number = parseInt(Star.data.arraySelect[0].getAttribute('number'));        if(parseInt(number%30)>=29 || self.hasInArray(number+1,Star.data.arraySelect)){          self.guanle();        }        else{          if(Star.data.foodNumber == number+1){            self.pushEleInSelect(Star.data.arrayAll[parseInt(Star.data.foodNumber/30)][Star.data.foodNumber%30]);            self.disappearColor();            self.appearPoint();          }          else{            div = Star.data.arraySelect.pop();            div.style.background = '#fff';            self.pushEleInSelect(Star.data.arrayAll[parseInt(number/30)][number%30+1]);          }        }      },Star.timeInterval.speed)    },    downGo:function(){      var div, number , self = this;      Star.keycode = 40;      clearInterval(Star.timeInterval.timeA)      Star.timeInterval.timeA = setInterval(function(){        number = parseInt(Star.data.arraySelect[0].getAttribute('number'));        if(parseInt(number/30)>=19 || self.hasInArray(number+30,Star.data.arraySelect)){          self.guanle();        }        else{          if(Star.data.foodNumber == number+30){            self.pushEleInSelect(Star.data.arrayAll[parseInt(Star.data.foodNumber/30)][Star.data.foodNumber%30]);            self.disappearColor();            self.appearPoint();          }          else{            div = Star.data.arraySelect.pop();            div.style.background = '#fff';            self.pushEleInSelect(Star.data.arrayAll[parseInt(number/30)+1][number%30]);          }        }      },Star.timeInterval.speed)    },    guanle:function(){      alert('撞墻了,總分：' + (Star.data.arraySelect.length-3) * parseInt(1000 / Star.timeInterval.speed));      location.reload();    },    creatEle:function(tag){      var tagName = tag || 'DIV'      return document.createElement(tagName)    },    appendEle:function(ele,father){      var father = father || document.body || document.documentElement      father.appendChild(ele)      return ele;    },    addStyle:function(ele,css){      for(var i in css){        switch(i){          case 'b' : ele.style.background = css[i];       break;          case 'l' : ele.style.left       = css[i]+'px';  break;          case 'r' : ele.style.right      = css[i]+'px';  break;          case 't' : ele.style.top        = css[i]+'px';  break;          case 'd' : ele.style.down       = css[i]+'px';  break;          case 'p' : ele.style.position   = css[i];       break;          case 'w' : ele.style.width      = css[i]+'px';  break;          case 'h' : ele.style.height     = css[i]+'px';  break;          case 'f' : ele.style.cssFloat   = css[i];  ele.style.styleFloat   = css[i];     break;          default  : ele.style[i]         = css[i];       break;        }      }      return ele;    },    pushEleInSelect:function(){      for(var i = 0; i

上一篇：一個JS寫的射擊游戲框架示例

下一篇：推箱子-Js游戲特效

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

亚洲久久久久久久久久| 亚洲成年网站在线观看| 538国产精品一区二区免费视频| 欧美精品videos另类日本| 欧美洲成人男女午夜视频| 日韩美女视频免费在线观看| 国产999精品久久久| 91免费的视频在线播放| 亚洲欧美日韩在线高清直播| 亚洲精品有码在线| 久久香蕉国产线看观看av| 性金发美女69hd大尺寸| 亚洲欧美999| 中文字幕亚洲欧美在线| 国产高清在线不卡| 亚洲伊人久久大香线蕉av| 亚洲精品黄网在线观看| 91精品久久久久| 一区二区三区视频免费在线观看| 国产精品观看在线亚洲人成网| 国产91免费观看| 日韩欧美视频一区二区三区| 麻豆国产va免费精品高清在线| 亚洲美女喷白浆| 久久97久久97精品免视看| 国产乱人伦真实精品视频| 日本精品中文字幕| 亚洲欧美激情视频| 日韩欧美精品中文字幕| 亚洲码在线观看| 久久精品视频va| 亚洲精品白浆高清久久久久久| 欧美成人免费播放| 中文字幕亚洲欧美日韩2019| 国产欧美日韩丝袜精品一区| 精品国产91乱高清在线观看| 国内精品模特av私拍在线观看| 黄色精品一区二区| 日韩中文字幕免费看| 亚洲第一区中文99精品| 日韩精品高清在线| 亚洲天堂男人的天堂| 日韩欧美综合在线视频| 亚洲一区二区三区成人在线视频精品| 精品国产一区二区三区久久久| 日韩免费不卡av| 孩xxxx性bbbb欧美| 亚洲精品电影在线观看| 亚洲欧美另类人妖| 亚洲黄在线观看| 亚洲精品电影网站| 91在线精品播放| 欧美福利视频在线观看| 欧美劲爆第一页| 欧美亚洲成人网| 国产精品久久久久久久久| 2019中文字幕在线| 国产精品高潮在线| 尤物yw午夜国产精品视频明星| 一二美女精品欧洲| 欧美成人免费va影院高清| 国产成人亚洲综合| 九九热在线精品视频| 国产精品爽爽爽爽爽爽在线观看| 欧美亚洲成人免费| 亚洲人成在线电影| 国产成人高潮免费观看精品| 精品亚洲一区二区三区四区五区| 国产精品高潮呻吟久久av野狼| 中文字幕av一区二区三区谷原希美| 日韩精品电影网| 国产亚洲福利一区| 亚洲女人天堂网| 欧日韩在线观看| 国内久久久精品| 欧美www在线| 日韩专区中文字幕| 91精品国产综合久久香蕉最新版| 国产欧美日韩中文字幕在线| 国内免费精品永久在线视频| 亚洲最大av网站| 亚洲激情视频在线播放| 成人字幕网zmw| 在线播放国产一区二区三区| 欧美黑人狂野猛交老妇| 日韩av不卡电影| 国产精品爱啪在线线免费观看| 国产精品久久久久久亚洲调教| 亚洲精品国产精品国产自| 国产剧情日韩欧美| 性欧美xxxx交| 欧美日韩在线看| 91色中文字幕| 亚洲天堂影视av| 91视频8mav| 97视频人免费观看| 欧美日韩国产色| 不卡av在线网站| 中文字幕日韩在线视频| 精品久久久香蕉免费精品视频| www.亚洲男人天堂| 欧洲亚洲女同hd| 亚洲天堂网在线观看| 久久成人这里只有精品| 久久久精品国产一区二区| 国产91精品久| 欧美成人剧情片在线观看| 琪琪亚洲精品午夜在线| 亚洲美腿欧美激情另类| 久久久国产精品亚洲一区| 国产精品嫩草影院一区二区| 国产欧洲精品视频| 992tv成人免费视频| 国产精品久久久久久久7电影| 韩国国内大量揄拍精品视频| 黄色精品一区二区| 国产91色在线| 久久久亚洲精选| 欧美久久精品午夜青青大伊人| 亚洲国产精品va在线观看黑人| 欧美综合在线观看| 激情成人在线视频| 久久艳片www.17c.com| 精品久久香蕉国产线看观看gif| 国产视频自拍一区| 国产日韩中文字幕在线| 欧美性猛交99久久久久99按摩| 高清视频欧美一级| 日韩精品久久久久久福利| 欧美日在线观看| 久久精品在线播放| 亚洲成人精品视频| 少妇高潮久久久久久潘金莲| 91啪国产在线| 色99之美女主播在线视频| 亚洲成人激情小说| 亚洲欧美制服综合另类| 日韩在线观看免费全| 日韩高清免费在线| 国产免费亚洲高清| 日韩大陆毛片av| 91精品国产高清自在线看超| 日韩电影大全免费观看2023年上| 91精品久久久久久久久久久| 久久视频在线看| 欧美一级大片在线观看| 亚洲日本成人女熟在线观看| 欧美猛交免费看| 亚洲欧美日韩爽爽影院| 亚洲精品av在线播放| www国产精品com| 深夜精品寂寞黄网站在线观看| 欧美电影在线观看高清| 国产精品自拍偷拍| 亚洲精品美女久久| 欧美精品videossex性护士| 裸体女人亚洲精品一区| 精品av在线播放| 91精品啪在线观看麻豆免费| 两个人的视频www国产精品| 久久视频这里只有精品| 日韩av在线播放资源| 国产精品老女人精品视频| 国产一区二区三区在线免费观看|