我的简易贪吃蛇

js:
/**
* Created with JetBrains WebStorm.
* User: lianghui
* Date: 14-7-29
* Time: 下午2:32
* To change this template use File | Settings | File Templates.
*/
/*
* 贪吃蛇V0.1
* 这个游戏是本人写的第一个小游戏，我知道还有很多地方需要改进，希望大家指出，谢谢！
* 我知道矩阵的表示太过于麻烦，需要后期进行改进
* 本来打算只用两个变量来表示一条蛇，即蛇头和蛇尾，蛇移动时蛇尾颜色变为矩阵背景色
* 蛇头向移动方向的那个方格背景色变为蛇的颜色，移动问题很好解决，也比较高效，问题是
* 当蛇的长度增加时只用这两个变量是无法解决问题的（至少我是这样认为的），
* 还需要新建其他变量来表示，无疑增加了理解上的难度，
* 效率也会有所下降，还不如用一个数组来表示整条蛇，这样无乱是理解上还是
* 代码书写上都简单了很多
* */
var snake=[55]
var direction=39;
var food={pos:0,isSet:false};
var InterId;
function move(){
var e=e||window.event;
var code=e.keyCode;
switch(code){
case 38://up
direction=38;
draw((snake[0]-10));
break
case 39://right
direction=39;
draw((snake[0]+1));//暂不处理边界问题
break
case 40://down
direction=40;
draw((snake[0]+10));//边界问题后面处理
break
case 37://left
direction=37;
draw((snake[0]-1));
break
}
}
function defuatMove(){
document.onkeydown=move;
switch(direction){
case 38://up
draw((snake[0]-10));
break
case 39://right ///////////////////////////////////////////////
draw((snake[0]+1));//暂不处理边界问题
break
case 40://down
draw((snake[0]+10));//边界问题后面处理
break
case 37://left
draw((snake[0]-1));
break
}
}
function draw(head){
snake.splice(0,0,head)
if(isCrash()){
alert("Game Over!")
clearInterval(InterId);
}
if(food.isSet==false) setFood();
document.getElementById("w"+food.pos).style.background="yellow";
var snake_head=document.getElementById("w"+snake[0]);
snake_head.style.backgroundColor="black";
var snake_tag=document.getElementById("w"+snake[snake.length-1]);
if(checkEat()){
Eat();
snake_tag.style.backgroundColor="black";
}else{
snake_tag.style.backgroundColor="#ccc";
snake.pop()
}
}
function setFood(){
food.pos=Math.random()*100+1;
food.pos=parseInt(food.pos);
var isOk=document.getElementById("w"+food.pos);
if(isOk.style.backgroundColor=="black"){/////////////////
setFood();
}
food.isSet=true;
}
function checkEat(){
if(food.pos==snake[0]){
return true;
}
}
function Eat(){
food.isSet=false
}

function isCrash(){
var i=1;
for(;i<snake.length-1;i++){
if(snake[0]==snake[i]) return true;
}
}
function init(){
InterId=setInterval(defuatMove,1000);
}
window.onload=init

html:
<html>
<head>

</div>
<script type="text/javascript" src="./snake.js">
</script>
</body>
</html>

相关阅读:
2014年3月新鲜出炉的最佳 JavaScript 工具库
开发者不容错过的10款免费JavaScript游戏引擎
创建Android环境并且安装cordova
程序员技术练级攻略
android sdk更新后出现please update ADT to the latest version的解决方法
Linux cscope命令
UltraISO制作系统ISO镜像
Windows Live Writer 使用指南
C语言访问网页
Linux minicom命令

原文地址：https://www.cnblogs.com/LH2014/p/3877752.html