// variables
var canvas, ctx, longueur, angle, compteur, ajouteAnneaux, victoire, vitesse, droite, gauche, snake, pomme, posx, posy, stockAnneaux, timer;
var W = 480;
var H = 480;

// charger les images du jeu
var snakeImg = new Image();
var head = new Image();
var pommeImg = new Image();
var fond = new Image();
fond.src = "assets/fond.jpg";
pommeImg.src = "assets/pomme.png";
head.src = "assets/head.png";
snakeImg.src = "assets/anneau.png";

// préparation du jeu
window.onload = function() {
	canvas = document.getElementById('canvas');
	ctx = canvas.getContext('2d');
	canvas.width = W;
	canvas.height = H;
	init();
}

// initialisation du jeu
function init() {

	snake = {};
	pomme = {};
	posx = [];
	posy = [];
	stockAnneaux = [];
	longueur = 5;
	angle = 0;
	compteur = 0;
	ajouteAnneaux = 4;
	victoire = 140;
	vitesse = 10;
	droite = 0;
	gauche = 0;

	for (var i=0; i<longueur; i++) {
		stockAnneaux.push({x:0,y:0,width:snakeImg.width,height:snakeImg.height})
	}

	snake.x = W*.5;
	snake.y = H*.5;
	snake.width = head.width;
	snake.height = head.height;
				
	pomme.x = 30+Math.random()*(W-60);
	pomme.y = 30+Math.random()*(H-60);
	pomme.width = pommeImg.width;
	pomme.height = pommeImg.height;
		
	canvas.setAttribute('tabindex','1');
	canvas.focus();
	timer = setInterval(main,60);
	canvas.addEventListener("keydown", appuie, false);
	canvas.addEventListener("keyup", relache, false);
}
     
// gestion clavier
function appuie(e){	
	if (e.keyCode == 39) droite = 1;
	if (e.keyCode == 37) gauche = 1;
} 
	
// gestion clavier
function relache(e){	
	if (e.keyCode == 39) droite = 0;
	if (e.keyCode == 37) gauche = 0;
} 
	 
// boucle principale
function main(){
	var i;
	var j;

	// Direction
	angle += (parseInt(droite)-parseInt(gauche))*20;
	
	// Enregistre la position de la tête
	posx[0] = snake.x;
	posy[0] = snake.y
		
	// Deplace la tête
	snake.x += Math.cos(angle*Math.PI/180)*vitesse;
	snake.y += Math.sin(angle*Math.PI/180)*vitesse;

	// Envoye le dernier anneau en premier 
	var dernier = longueur-1-compteur++;
	if (dernier == 0) compteur = 0;
	stockAnneaux[dernier].x = posx[0];
	stockAnneaux[dernier].y = posy[0];
		
	// Déplace les anneaux
	for (i=longueur-1; i>0; i--) {
		posx[i] = posx[i-1];
		posy[i] = posy[i-1];
	}

	// si la tête touche de la nourriture
	if (collisions(snake,pomme)) {
			
		// ajoute des anneaux
		for (i=0; i<ajouteAnneaux; i++) {
			posx[longueur] = posx[longueur-1];
			posy[longueur] = posy[longueur-1];
			longueur++;
			stockAnneaux.push({x:0,y:0,width:snakeImg.width,height:snakeImg.height});
		}
			
		// place la pomme ailleurs
		pomme.x = 30+Math.random()*(W-60);
		pomme.y = 30+Math.random()*(H-60);
			
		// Repositionne le Snake complet (assure la cohésion)
		for (i=0; i<longueur; i++) {
			stockAnneaux[i].x = posx[i];
			stockAnneaux[i].y = posy[i];
		}
		compteur = 0;
	}
		
	// Vérifie si la tête touche un bord
	if (snake.x<0 || snake.x>W || snake.y<0 || snake.y>H) finPartie();
	
	// Vérifie si la tête touche un anneau
	var point = {x:snake.x+Math.cos(angle*Math.PI/180)*4, y:snake.y+Math.sin(angle*Math.PI/180)*4, width:1, height:1};
	for (i =0; i<stockAnneaux.length; i++){
		if(collisions(point,stockAnneaux[i])) finPartie();
	}

	// vérifie si le joueur gagne
	if (longueur>=victoire) gagnePartie();

	// dessin final
	render();
} 
	
// collisions
function collisions(A,B) {
	if (A.y+A.height < B.y || A.y > B.y+B.height || A.x > B.x+B.width || A.x+A.width < B.x) return false;
	return true;
}
	
function finPartie(){
	alert("Perdu, cliquez pour rejouer.");
	clearInterval(timer);
	init();
}
	
function gagnePartie(){
	alert("Bravo, cliquez pour rejouer.");
	clearInterval(timer);
	init();
}
	 
// Dessine le jeu
function render() {	
	ctx.drawImage(fond,0,0);
	ctx.save();
		
	ctx.translate(snake.x + snake.width / 4, snake.y + snake.height / 2);
	ctx.rotate(angle*Math.PI/180);
	ctx.drawImage(head,-snake.width/4,-snake.height/2);
	ctx.translate(-(snake.x + snake.width / 4), -(snake.y + snake.height / 2));
	ctx.restore();
		
	for(var i =0; i<stockAnneaux.length;i++){
		ctx.drawImage(snakeImg,posx[i],posy[i]);
	}
	ctx.drawImage(pommeImg,pomme.x,pomme.y);
}