JavaScript,面向对象思想,贪吃蛇游戏 如果你刚入门,这篇文章帮你打开思路

js代码: 游戏的对象 ,食物,蛇 ,游戏控制思路如下 (完整代码在https://github.com/774044859yf/ObjectSnakeGame下载)

var snake= {

        aSnake: [],//添加蛇的数组
        size: 20,//蛇的大小,每块身体的size
        top: 200,//初始位置
        left: 400,//初始位置
        speed: 250,//初始速度
        level: 1,//初始游戏等级
        len: 3,//蛇身长度默认3个单位
        direction: 'left',//方向默认向左走
        create: function () {//创建初始蛇},
        move: function () {//移动时 遍历蛇的身体div 设置的位置等于前一个的位置
        	snake.check();//移动的时候时刻检查是否撞到墙或自身
		snake.eat();//移动时时刻检查是否吃掉食物
        },
        check: function () {// 检查蛇头部的位置(死亡 吃东西)
	},
        grow: function () {//蛇吃东西增长方法
	},
        eat: function () {//吃东西方法
		if(){//吃掉东西
			snake.grow()
		}
        }
    };
由于食物会重复调用 ,所以建成类,每次创建食物时new一下就行了
把类的方法添加在类的prototype对象下
function Food() {}
Food.prototype.default = function () {//初始化食物的位置
   
};
Food.prototype.create = function () {//创建随机生成的食物
    
};
根据需求创建游戏控制
var game = {
    inter: 'inter',
    init: function () {//根据自己的需求初始化游戏
        var food = new Food();
        food.default();//生成定位食物
        snake.create();//生成蛇
    },
    start: function () {//蛇开始动
        game.inter = setInterval(snake.move,snake.speed/snake.level);
    },
    stop: function () {
        clearInterval(game.inter)
    }
};
//调用游戏初始化
game.init();
初学js有什么错误请见谅,不要嫌弃界面丑,欢迎您指出错误并提出建议 ,谢谢~


 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值