$(function () { 'use strict'; function Snake() { this.dir = "right"; this.facedir = "right"; this.step = { x: 15, y: 0 } this.nextstep = { x: 0, y: 0, } this.head = { x: cell*10, y: cell*10, set: function (pos) { this.x = pos.x; this.y = pos.y; } } this.stop = false this.tail = [] this.tailSpawn = function (pos) { var newPart = { x: pos.x, y: pos.y } this.tail.push(newPart); table.append($("

")); return this; } this.tailMove = function (pos, i = 0) { if (this.tail.length > 0 && i < this.tail.length) { this.tailMove(this.tail[i], i + 1); this.tail[i].x = pos.x; this.tail[i].y = pos.y; } return this; } this.tailCheck = function (target) { if (this.tail.length > 0) { for (var i = 0; i < this.tail.length; i++) { if (this.tail[i].x === target.x && this.tail[i].y === target.y) return false; } } return true; } this.nextStepSet = function () { this.nextstep.x = this.head.x + this.step.x; this.nextstep.y = this.head.y + this.step.y; if (this.nextstep.x < 0 && this.step.x === -15) this.nextstep.x = size - cell; if (this.nextstep.x >= size && this.step.x === 15) this.nextstep.x = 0; if (this.nextstep.y < 0 && this.step.y === -15) this.nextstep.y = size - cell; if (this.nextstep.y >= size && this.step.y === 15) this.nextstep.y = 0; return this; } this.headSet = function (pos) { this.head.x = pos.x; this.head.y = pos.y; return this; } this.moveLeft = function () { if (Math.abs(this.step.x) !== 15) { this.step.x = -15; this.step.y = 0; this.facedir = this.dir; } return this; } this.moveRight = function () { if (Math.abs(this.step.x) !== 15) { this.step.x = 15; this.step.y = 0; this.facedir = this.dir; } return this; } this.moveUp = function () { if (Math.abs(this.stepy) !== 15) { this.step.x = 0; this.step.y = -15; this.facedir = this.dir; } return this; } this.moveDown = function () { if (Math.abs(this.step.y) !== 15) { this.step.x = 0; this.step.y = 15; this.facedir = this.dir; } return this; } this.newDirection = function () { switch (this.dir) { case "left": this.moveLeft(); break; case "right": this.moveRight(); break; case "up": this.moveUp(); break; case "down": this.moveDown(); break; } return this; } this.feeder = function () { for (var i = 0; i < food.length; i++) { var f = food[i] if (this.head.x === f.pos.x && this.head.y === f.pos.y) { this.tailSpawn(f.pos); f.spawn(); } } return this; } this.moveStep = function () { this.nextStepSet(); if (this.tailCheck(this.nextstep)) { this.tailMove(this.head) .headSet(this.nextstep) .feeder() .render() .newDirection(); } else { this.stop = true; } return this.stop; } this.render = function () { $("#head").css({ top: this.head.y, left: this.head.x }); if (this.tail.length > 0) { for (var i = 0; i < this.tail.length; i++) { $("#tail" + (i + 1)).css({ left: this.tail[i].x, top: this.tail[i].y }) } } if ($("." + this.facedir).length === 0) { $("#face").attr("class", this.facedir); } levelContainer.html(level); toNextContainer.html((this.tail.length-2) + "/" + toNextLvl); return this; } this.spawn = function () { table.append("

"); this.tailSpawn(this.head); this.tailSpawn(this.head); this.render(); } } function Food(id) { this.pos = { x: 0, y: 0 } this.id = id; this.spawn = function () { this.pos.x = random(); this.pos.y = random(); if (snake.tailCheck(this.pos) && (this.pos.x !== snake.head.x && this.pos.y !== snake.head.y)) { if ($("#food" + this.id).length < 1) { table.append($("

")) } this.render() } else { this.spawn(); } } this.render = function () { $("#food" + this.id).css({ left: this.pos.x, top: this.pos.y }) } } var table = $("#game"), levelContainer = $("#level"), toNextContainer = $("#toNext"), size = table.width(), cell = size / 20, food, snake, level, toNextLvl, speed, fnum; function random() { var num = Math.floor(Math.random() * size); return (num % cell === 0) ? num : random(); } function addFood() { food.push(new Food(fnum++)); food[food.length - 1].spawn(); } function gameOver() { table.append('

' + '

Game Over :(

' + ' ' + '

') $(".tail").remove(); $(".head").remove(); $(".food").remove(); } function newGame() { if ($(".game-over").length > 0) $(".game-over").remove(); snake = new Snake(); food = []; fnum = 1; level = 1; speed = 250; toNextLvl = 10; addFood(); snake.spawn(); tick(); } function tick() { if (!snake.moveStep()) { if((snake.tail.length-1) > toNextLvl){ toNextLvl += 10 * ++level; addFood(); speed *= 0.7; } setTimeout(tick, speed); } else { gameOver(); } } $(window).keydown(function (event) { if (event.keyCode == 37) snake.dir = "left"; if (event.keyCode == 38) snake.dir = "up"; if (event.keyCode == 39) snake.dir = "right"; if (event.keyCode == 40) snake.dir = "down"; }); $(".keyUp").on('click', function () { snake.dir = "up"; }); $(".keyLeft").on('click', function () { snake.dir = "left"; }); $(".keyDown").on('click', function () { snake.dir = "down"; }); $(".keyRight").on('click', function () { snake.dir = "right"; }); table.on("click", ".game-over button", function () { newGame(); }); newGame(); })

Snake game v1.1