js实现贪吃蛇游戏（简易版）

    开始暂停重新开始
最高分: 0
分数: 0

 function render(x, y, color, img) { ctx.beginPath(); ctx.fillStyle = color || 'red'; if (img) { ctx.drawImage(img, x * w, y * h, img.width, img.height); } else { ctx.fillRect(x * w, y * h, w, h); } ctx.closePath(); ctx.fill(); } function clear(x, y) { ctx.clearRect(x * w, y * h, w, h); }

 var exit = []; var parse = true; var view = document.getElementById('view'); var ctx = view.getContext('2d'); var width = 400, height = 400; var w = 20, h = 20; var maxX = (width / w) - 1, maxY = (height / h) - 1; var speed = 500; var scoreMax = 0; var imgsrcs = [ './img/snakeheadup.png-600', //图片自己找 './img/snakeheaddown.png-600', './img/snakeheadleft.png-600', './img/snakeheadright.png-600' ]; var imgs = []; var length = 4; for (var i = 0, len = imgsrcs.length; i 

 function Food() { this.init(); } Food.prototype = { init: function() { this.update(); }, update: function() { var food = this.makeCoordinate(); this.food = food; var foodX = food[0]; var foodY = food[1]; this.render(foodX, foodY); }, render: function(x, y) { render(x, y, 'blue'); }, makeCoordinate: function() { var x = this.random(0, maxX); var y = this.random(0, maxY); for (var i = 0; i 

 function init() { food = new Food(); snake = new Snake(); move = new Move(); score = new Score(); var timer = setInterval(function() { if (!parse) { snake.move(); } }, speed); } for (var j = 0; j 

 function Move() { } Move.prototype = { up: function(s) { snake.move('up'); }, down: function(s) { snake.move('down'); }, left: function(s) { snake.move('left'); }, right: function(s) { snake.move('right'); } } document.onkeydown = function(e) { var key = e.keyCode; if(!parse){ switch (key) { case 37: case 65: move.left(snake); break; case 38: case 87: move.up(snake); break; case 39: case 68: move.right(snake); break; case 40: case 83: move.down(snake); break; default: break; } } };

 var scoreDom = document.getElementById('score'); var scoreMaxDom = document.getElementById('scoreMax'); function Score() { this.score = 0; } Score.prototype = { scoreAdd: function() { this.score += 1; scoreDom.innerHTML = this.score; }, scoreClear: function() { this.score = 0; scoreDom.innerHTML = 0; }, highScore: function() { scoreMax = scoreMax > this.score ? scoreMax : this.score; scoreMaxDom.innerHTML = scoreMax; } }

 function Snake() { this.head = [0, 5, imgs[1]]; // x,y坐标,头 this.body = []; // 二维数组，身体 this.snake = []; //完整的蛇 this.init(6); this.direction = 'down'; // 默认向下运动 } Snake.prototype = { init: function(len) { len = len ? len > 10 ? 10 : len : 5; var head = this.head = [0, len, imgs[1]]; var body = this.body; for (var i = 0; i  maxX || y <0 || y> maxY) { this.gameOver(); } var body = this.body; for (var i = 0; i