Les arcs de cercles

la fonction arc() permet de tracer des arcs de cercles. Elle prendra 6 arguments

arc(x0,y0,rx,ry,depart,arrivee);
  • x0 est l'abscisse du centre de l'arc de cercle
  • y0 est l'ordonnée du centre de l'arc de cercle
  • rx est le rayon horizontal de l'arc de cercle
  • ry est le rayon vertical de l'arc de cercle
  • depart est l'angle de départ de l'arc de cercle
  • arrivée est l'angle d'arrivée d'un arc de cercle

Voici un exemple d'arc de cercle dessiné avec un angle de départ de 60° et un angle d'arrivé de 100°. Pour rappel, dans p5js, le plan est orienté avec les ordonnées vers le bas et les angles sont donc mesurés dans le sens des aiguilles d'une montre.

La fonction arc() peut prendre un 7ème argument facultatif. Cet argument indique la façon dont l'arc de cercle est fermé et bordé. Par défaut, la bordue n'est que sur l'extérieur et l'arc de cercle est comme une tranche de gateau. Si on utilise l'argument facultatif PIE, la bordure est fait sur le bord de la tranche.

Si le 7ème argument est CHORD, l'arc de cercle n'est plus présenté comme une tranche mais fermé par une corde qui relie les extrémités. Cette corde est tracée. Enfin, si le dernier argument est OPEN, l'arc est fermé par une corde mais la bordure n'est pas tracée.

Voici un exemple d'arc de cercle dessiné avec un angle de départ de 60° et un angle d'arrivé de 100°. Pour rappel, dans p5js, le plan est orienté avec les ordonnées vers le bas et les angles sont donc mesurés dans le sens des aiguilles d'une montre.

Nous pouvons avec ces arcs de cercle réaliser en particulier facilement des diagrammes circulaires pour représenter des données.

Éditeur
À faire vous même

Diagramme circulaire

Faîtes un diagramme circulaire avec cinq secteurs comme dans le graphique ci dessus.

Diagramme circulaire (bis)

Même chose, mais vous tirerez au sort 5 nombres qui représenteront une population aléatoire avec laquelle le diagramme sera construit.

Les couleurs aussi seront aléatoires

Un éventail

Un éventail fait de 10 secteurs. Dans un premier temps, les 10 secteurs peuvent être définis de façons statique

Dans un second temps, l'éventail peut de façon régulière s'ouvrir et se fermer.