75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
$(document).ready(function() {
|
|
console.log("ready");
|
|
var fruit = $("#fruit");
|
|
function setFruitCooridnates(){
|
|
var xFruit = Math.floor((Math.random()*10)+1)*4;
|
|
var yFruit = Math.floor((Math.random()*10)+1)*4;
|
|
var positionFruit = [xFruit,yFruit];
|
|
return positionFruit;
|
|
}
|
|
|
|
function drawFruit(newPositionFruit){
|
|
fruit.css({
|
|
'left': newPositionFruit[0] + 'rem',
|
|
'top': newPositionFruit[1] + 'rem',
|
|
})
|
|
}
|
|
function eatFruit(){
|
|
var snake = $("#snake");
|
|
var fruit = $("#fruit");
|
|
|
|
var positionFruit = fruit.position();
|
|
var positionSnake = snake.position();
|
|
console.log(positionFruit.top);
|
|
console.log(positionFruit.top);
|
|
if(positionFruit.top == positionSnake.top
|
|
&& positionFruit.left == positionSnake.left){
|
|
snake.css({"width": '+=1rem'});
|
|
drawFruit(setFruitCooridnates());
|
|
}
|
|
}
|
|
function startGame(){
|
|
var dir = 'bottom';
|
|
setInterval(move = function() {
|
|
var snake = $("#snake");
|
|
var fruit = $("#fruit");
|
|
if(dir == 'top') {
|
|
snake.css({"top": '-=1em'});
|
|
eatFruit();
|
|
}
|
|
if(dir == 'bottom') {
|
|
snake.css({"top": '+=1em'});
|
|
eatFruit();
|
|
}
|
|
if(dir == 'left') {
|
|
snake.css({"left": '-=1em'});
|
|
eatFruit();
|
|
}
|
|
if(dir == 'right') {
|
|
snake.css({"left": '+=1em'});
|
|
eatFruit();
|
|
}
|
|
}, 150);
|
|
$(document).keydown(function(event){
|
|
if(event.which == 38) {
|
|
dir = 'top';
|
|
} else if(event.which == 37) {
|
|
dir = 'left';
|
|
} else if(event.which == 39) {
|
|
dir = 'right';
|
|
} else if(event.which == 40) {
|
|
dir = 'bottom';
|
|
};
|
|
});
|
|
}
|
|
|
|
startGame();
|
|
eatFruit();
|
|
|
|
|
|
|
|
// moveSnake();
|
|
})
|
|
|
|
|