Pour commencer nous allons dessiner les lignes blanches sur le canvas.
Pour le terrain nous allons faire 3 lignes. Pour ne pas avoir à réécrire le code pour chaque ligne, nous allons créer une fonction ligne() qui va automatiser le dessin.
La fonction ligne() va prendre 6 arguments.
a correspond à la largeur de la ligne.
b correspond à la couleur de la ligne.
c et d aux coordonnées x et y du point de départ de la ligne.
e et f aux coordonnées x et y du point final de la ligne.
À chaque fois que nous voudrons faire une ligne nous utiliserons la fonction ligne(), dans laquelle nous indiquerons les valeurs de la nouvelle ligne.
Créer la fonction terrain() dans laquelle nous appelons 3 fois la fonction ligne() pour dessiner le terrain.
Appeler une fonction c'est lancer l'exécution de son code.
Créer la fonction jeu() dans laquelle nous appelons la fonction terrain().
Appeler la fonction jeu() pour que le code soit exécuté.
Enregistrer le code dans l'éditeur.
Actualiser la page du navigateur.