脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-js小游戏开发:js贪吃蛇,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
js小游戏开发:js贪吃蛇。
Document
*{
margin: 0;
padding: 0;
}
.wrap{
width: 600px;
margin: 0 auto;
posITion: relative;
}
p{
position: absolute;
left: 65%;
top: 10%;
}
h1{
text-align: center;
margin-bottom: 20px;
}
#score{
text-align: center;
font-Size: 20px;
}
#map{
margin: 0 auto;
border: 1px solid skyblue;
}
.row{
height: 20px;
}
.col{
height: 20px;
width: 20px;
box-sizing:border-box;
border: 1px solid lightgray;
background: rgb(250,250,250);
float: left;
}
.activeSnake{
background:black;
}
.egg{
background: red;
}
#Pause{
margin-left: 18%;
border: 1px solid skyblue;
color: white;
background: skyblue;
width: 50px;
height: 30px;
margin-bottom: 10px;
border-radius: 5px;
}
#Start,#Refresh{
border: 1px solid skyblue;
background: skyblue;
color: white;
width: 50px;
height: 30px;
border-radius: 5px;
margin-left: 15px;
}
贪吃蛇游戏
score:0
VAR score = document.getElementById('score');
var map = document.getElementById(';map');
var rownumber = 25;
var columnnumber = 20;
map.style.height = rownumber*20 + 'px';
map.style.width = columnnumber*20 + 'px';
var snakepositior = [];
for(var i=0; i
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-js小游戏开发:js贪吃蛇全部内容,希望文章能够帮你解决javascript代码实例教程-js小游戏开发:js贪吃蛇所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。