贪吃蛇小游戏记录:

 设置贪吃蛇自动走动的时间:

function start(){
 snack_id = setInterval("snack.move()",300)
 }

设置食物随机出现:

this.display = function(){
   var new_div = document.createElement('div');
   new_div.style.width = this.w+'px';
   new_div.style.height = this.h+'px';

设置贪吃蛇初始身体:

 this.body = [
    {x:5,y:3,color:"blue"},
    {x:4,y:3,color:"red"},
    {x:3,y:3,color:"red"}
   ];

 设置贪吃蛇的活动边界:

 switch(this.direct){
       case 'up': if(this.body[0].y > 0){
       this.body[0].y-=1;
       }
       else{
        clearInterval(snack_id);
     alert("Game Over");
       }
       break;
       case 'down': if(this.body[0].y < 19){
       this.body[0].y+=1;
       }
       else{
        clearInterval(snack_id);
     alert("Game Over");
       }
       break;
       case 'left': if(this.body[0].x > 0){
       this.body[0].x-=1;
       }
       else{
        clearInterval(snack_id);
     alert("Game Over");
       }
       break;
       case 'right': if(this.body[0].x < 39){
       this.body[0].x+=1;
       }
       else{
       clearInterval(snack_id);
       alert("Game Over");
       }
       break;
    }

 

   当键盘按下的时候 使用onkeydown触发一个event事件

这个事件主要由键盘的上下左右控释贪吃蛇的行动

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值