Discussion :

[Latulipe2]

Bonjour à toutes et à tous,

Pour entraîner mes élèves à utiliser le rapporteur et mesurer des angles, j'essaie de développer un programme js me permettant de tracer 2 droites formant un angle de mesure aléatoire.
Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function mesureangle(a) {
  let x1 = 0;
  let y1 = 0;
  let length1 = 200;
 
   let angle1 = Math.floor(Math.random() * 181) + 180;
  let angle2 = angle1 + Math.floor(Math.random() * 181);
 
  // Convertir les angles en radians
  let angleRad1 = (angle1 * Math.PI) / 180;
  let angleRad2 = (angle2 * Math.PI) / 180;
 
  // Calculer les coordonnées de la première ligne
  let x2 = x1 + length1 * Math.cos(angleRad1);
  let y2 = y1 + length1 * Math.sin(angleRad1);
 
   let x3 = x1 + length1 * Math.cos(angleRad2);
  let y3 = y1 + length1 * Math.sin(angleRad2);
 
  let canvas = document.querySelector('.' + a);
  let ctx = canvas.getContext("2d");
 
  ctx.beginPath();
  ctx.moveTo(x1, y1);
  ctx.lineTo(x2, y2);
  ctx.stroke();
 
  ctx.beginPath();
  ctx.moveTo(x1, y1);
  ctx.lineTo(x3, y3);
  ctx.stroke();
}

Mais je suis face à un problème, cette fonction me trace TOUJOURS un angle droit...
Pouvez-vous m'aider s'il vous plait !!

[Pytet]

Bonjour,

Il faudrait avoir un exemple complet (avec le code html et le reste du code js) pour essayer de reproduire ton problème, si possible via une page en ligne ou via un site tel que codepen/jsfiddle.

En faisant un test simple de ton code, l'angle semble être bien aléatoire : https://jsfiddle.net/xaLd1p4s/

[Archimède]

Après, chez moi ça fonctionne avec ceci :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function dix180(){
     let nb=0;
     while (nb<10){
        nb=Math.round(Math.random()*180);
     }
     return nb
} 
 
let angle1 = dix180();
let angle2 = angle1 + dix180(); 
 
 console.log(angle2-angle1);

https://jsfiddle.net/b5o2rqch/