$(function () { 'use strict'; function random(min, max) { var num = Math.floor(Math.random() * (max - min + 1)) + min; return (num % 15 === 0) ? num : random(min, max); } var startMove, tail = $('.tail'), food = $('#food'), game = $('#game'), head = $('#head'); head.moveLeft = function () { if(Math.abs(this.stepx) !== 15||tail.len==0){ this.stepx = -15; this.stepy = 0; $("#face").attr("class", this.dir); } } head.moveRight = function () { if(Math.abs(this.stepx) !== 15||tail.len==0){ this.stepx = 15; this.stepy = 0; $("#face").attr("class", this.dir); } }; head.moveUp = function () { if(Math.abs(this.stepy) !== 15||tail.len==0){ this.stepx = 0; this.stepy = -15; $("#face").attr("class", this.dir); } }; head.moveDown = function () { if(Math.abs(this.stepy) !== 15||tail.len==0){ this.stepx = 0; this.stepy = 15; $("#face").attr("class", this.dir); } }; function checkTail(x, y) { for (var i = 1; i < tail.len; i++) { var p = $("#tail" + i), tx = Number(p.css('left').replace(/\D+/g, "")), ty = Number(p.css('top').replace(/\D+/g, "")); if (tx === x && ty === y) return false; } return true; } function foodSpawn() { var hx = food.posx, hy = food.posy; food.posx = random(0, 285); food.posy = random(0, 285); if (checkTail(food.posx, food.posy) && (food.posx !== hx && food.posy !== hy)) { food.css({ left: food.posx, top: food.posy }); } else { foodSpawn(); } } $(window).keydown(function (event) { if (event.keyCode == 37) head.dir = "left"; if (event.keyCode == 38) head.dir = "up"; if (event.keyCode == 39) head.dir = "right"; if (event.keyCode == 40) head.dir = "down"; }); function newDirection(){ switch(head.dir){ case "left": head.moveLeft(); break; case "right": head.moveRight(); break; case "up": head.moveUp(); break; case "down": head.moveDown(); break; } } $(".keyUp").on('mousedown', function () { head.dir = "up"; }); $(".keyLeft").on('mousedown', function () { head.dir = "left"; }); $(".keyDown").on('mousedown', function () { head.dir = "down"; }); $(".keyRight").on('mousedown', function () { head.dir = "right"; }); function move() { head.posx = Number(head.css('left').replace(/[^-0-9]/g, '')); head.posy = Number(head.css('top').replace(/[^-0-9]/g, '')); if (checkTail(head.posx + head.stepx, head.posy + head.stepy)) { head.css({ left: head.posx + head.stepx, top: head.posy + head.stepy }); if (head.posx === 0 && head.stepx === -15) head.css({ left: 285 }); if (head.posx === 285 && head.stepx === 15) head.css({ left: 0 }) if (head.posy === 0 && head.stepy === -15) head.css({ top: 285 }) if (head.posy === 285 && head.stepy === 15) head.css({ top: 0 }) foodFeeder(); tailMove(1, head.posx, head.posy); newDirection(); startMove = setTimeout(move, 250); } else { clearTimeout(startMove); gameOver(); } } function foodFeeder() { if (head.css('left') === food.css('left') && head.css('top') === food.css('top')) { tail.spawnx.push(food.posx); tail.spawny.push(food.posy); tail.len += 1; tailSpawn(); foodSpawn(); } } function tailSpawn() { game.append('

'); $("#tail" + tail.len).css({ left: food.posx, top: food.posy }) } function gameOver() { game.append('

' + '

Game Over :(

' + ' ' + '

') game.on("click", ".game-over button", function(){ newGame(); }); } function newGame() { if ($(".tail").length > 0) $(".tail").remove(); if ($(".game-over").length > 0) $(".game-over").remove(); tail.len = 0; tail.spawnx = []; tail.spawny = []; tail.posx = 0; tail.posy = 0; head.css({ top:0, left:0 }) head.posx = 0; head.posy = 0; head.dir = "right"; head.stepNumb = {}; foodSpawn(); move(); } function tailMove(i, x, y) { if (tail.len > 0 && i <= tail.len) { var p = $("#tail" + i), newx = Number(p.css('left').replace(/\D+/g, "")), newy = Number(p.css('top').replace(/\D+/g, "")); p.css({ left: x, top: y }); tailMove(i + 1, newx, newy); } } newGame(); }); /**/

Snake game with Yaroslav Pieskov