Comment modifier des aspects de la balle et de la raquette ?
Document explicatif du programme
Consulter le document pdf suivant Explication Canvas Tennis [pdf] ; il résume en 5 pages comment est élaboré le jeu.
Modification de la taille
Taille de la balle
La taille est donnée par son rayon R : context.arc(x,y,R, 0, Math.PI*2);
la balle est un arc de cercle de 2xPI.
La position de la balle est donnée par les coordonnées x,y de son centre.
La taille de la balle est donnée par son rayon R.
Taille de la raquette
La taille est donnée par : context.fillRect(pos_x,pos_y,longueur,largeur);
La position de la raquette est donnée par son coin supérieur gauche de coordonnées (pos_x,pos_y)
et la taille est donnée par les variables longueur et largeur
Modification de la couleur
La couleur d'une figure est définie par l'instruction context.fillStyle= suivi du code couleur RBG, à placer avant l'instruction qui définie le type de figure.
Couleur de la balle
On trouve l'instruction context.fillStyle = "rgb(96, 80, 220)"; pour du bleu
puis plus loin context.arc(x,y,R, 0, Math.PI*2); pour indiquer que c'est un cercle
couleur de la raquette
On trouve l'instruction context.fillStyle="rgb(255,255,0)"; pour du jaune
ensuite context.fillRect(pos_x,pos_y,longueur,largeur); pour indiquer que c'est un rectangle