Last commit in class, final day of project

- Added comments on all variables and constants
- Finished the work report of the project
- Added the pdf of the work report

css/style.css

@@ -28,9 +28,6 @@ body{
     border: 3px solid;
     border-color: #736b5e;
     background-color: #add8c1;
-    /*box-shadow: 0 0 200px rgba(0,0,0,0.9) inset;*/
-    /*width: 100%;*/
-    /*height: 100%; Pour faire que le jeu se passe sur tout l'écran*/
 }
 
 #scoreText{

js/apple.js

@@ -2,7 +2,7 @@
 // Auteur : LEBET Esteban
 // Classe : CID2A
 // Date : 07.11.2023
-// Description : Fichier qui fait apparaître des pommes aléatoirement et les dessine
+// Description : Classe apple qui fait apparaître des pommes aléatoirement et les dessine
 // Lieu : ETML, Sébeillon
 
 // Classe représentant la pomme du jeu
@@ -35,4 +35,4 @@ export class Apple {
         foodImage.src = "images/grayishApplePixel.png";
         ctx.drawImage(foodImage, this.foodX, this.foodY, this.unitSize, this.unitSize);
     }
-}
+}

js/main.js

@@ -10,20 +10,20 @@ import { Apple } from "./apple.js";
 import { Snake } from "./snake.js";
 
 // Constantes définissant des éléments du jeu
-const gameBoard = document.querySelector("#gameBoard");
+const gameBoard = document.querySelector("#gameBoard"); // Définit la planche de jeu du HTML dans le JavaScript
 const ctx = gameBoard.getContext("2d");
-const scoreText = document.querySelector("#scoreText");
-const resetBtn = document.querySelector("#resetBtn");
-const gameWidth = gameBoard.width;
-const gameHeight = gameBoard.height;
-const boardBackground = "#add8c1";
-const snakeColor = "#273608";
-const snakeBorder = "#add8c1";
-const unitSize = 25;
+const scoreText = document.querySelector("#scoreText"); // Définit le score du jeu du HTML dans le JavaScript
+const resetBtn = document.querySelector("#resetBtn"); //  Définit le bouton de reset du HTML dans le JavaScript
+const gameWidth = gameBoard.width; // Définir la largeur de la planche de jeu
+const gameHeight = gameBoard.height; // Définir la hauteur de la planche de jeu
+const boardBackground = "#add8c1"; // Couleur du fond de la planche du jeu
+const snakeColor = "#273608"; // Couleur du serpent
+const snakeBorder = "#add8c1"; // Couleur de la borudre du serpent
+const unitSize = 25; // La "norme" qui va définir sur quel valeur le jeu doit se baser
 
 // Variables de jeu
-let score = 0;
-let running = false;
+let score = 0; // Score du jeu
+let running = false; // Jeu en marche ou non
 
 // Instance de Apple
 const apple = new Apple(unitSize, gameWidth, gameHeight);
@@ -47,7 +47,7 @@ function gameStart() {
     nextTick();
 }
 
-// Fonction récursive permettant de mettre à jour le jeu à  des intervalles prédéfinis
+// Fonction récursive permettant de mettre à jour le jeu à des intervalles prédéfinis
 function nextTick() {
     if (running) {
         setTimeout(() => {

js/snake.js

@@ -2,7 +2,7 @@
 // Auteur : LEBET Esteban
 // Classe : CID2A
 // Date : 07.11.2023
-// Description : Fichier géreant la taille du serpent, son mouvement, ses collisions et si il mange une pomme ou non
+// Description : Classe snake géreant la taille du serpent, son mouvement, ses collisions et si il mange une pomme ou non
 // Lieu : ETML, Sébeillon
 
 // Représente le serpent du jeu
@@ -25,6 +25,7 @@ export class Snake {
 
     // Méthode pour déplacer le serpent
     moveSnake() {
+        // Définit la tête du serpent
         const head = {
             x: this.snake[0].x + this.xVelocity,
             y: this.snake[0].y + this.yVelocity