Polygone Calculator

refaire les fonctions de base pour

• améliorer l'usage des fonctions suivants les modes de fonctionnement
• corriger les bugs et affiner le tavaildes dites fonctions
• améliorer l'ergonomie de l'application
• ajouter des fonctionnalités en étant plus souple

Ajouter un drag'n drop sur le SVG pour palier aux décalages lors des zooms

Fonctions et usage du clavier.

Définition des commandes claviers pour augmenter la rapidité de dessin

• la touche esc pour entrer et sortir rapidement du mode dessin
• les fléches pour un déplacement sans dessiner
• la touche e et E (avec shift) permet d'effacer ou de ne pas effacer à chaque fois
• la touche m
  • permet d'effacer ou pas le motif au changement de forme
  • avec la touche alt le e efface tout
• la touche '<' et '>' (avec shift) pour le déplacement gauche ou droite et du alt pour le haut et le bas avec dessin.
• la touche /
  • sans shift pour une rotation à droite at avec alt pour une rotation à gauche sans dessin
  • avec shift pour une rotation à droite et avec alt pour une rotation à gauche avec dessin.
  • la touche + pour augmenter la taille et - pour la diminuer
• la touche 'a' et 'A' (avec shift)
  • pour modifier l'angle de rotation dans l'input angle de rotation du plus petit vers le plus grand
  • avec touche shift pour une modification de l'angle inverse
• la touche (tab) p et P (avec shift) pour changer le pas de déplacement
• la touche espace 'l' et 'L' (avec shift) pour changer la longueur de coté
• mettre si possible un curseur indiquant la position réelle du centre de la forme ou si les options GHBDCV sont cochées alors le point de démarrage du polygone
• la taille de la box svg et la position du centre se change à la souris.

Création d'un mode script permettant à l'aie de quelques termes et astuces de créer un dessin

Ce dimanche 3 décembre 2023, début de la programmation de ce mode de dessin automatique.

• la facilité de programmation et d'ajouts de fonctionnalité

• raz : remets tout à l'état d'origine
• efface : efface le desin en cours en remettant le sv à zéro
• dessine : dessine à la place et avec l'angle choisi'
• bouge : déplace le centre du polygone suivant le sens (d, g, b, h)
• angle : change l'angle suivant le menu 'angle de rotation' et le polygone choisi
• tourne le polygone avec l'angle choisi par la commande 'angle'
• debut : définit le debut de la fonction de dessin
• fin : définit la fin du script
• ajouter des fonctionnalités de boucles
• ajouter des fonctionnalités de conditions
• ajouter des fonctionnalités de variables supplémentaires
• ajouter la possibilités de regrouper des fonctions

Modifier le javascript et les menus pour ajouter des fonctionnalités de polygones croisés ou étoilés

Actuellement on appelle un polygone uniquement par le nombre de cotés qu'il a. C'est un polygone de type 1 donc chaque coté relie deux points adjacents. Dans les polygones étoilés on relie un point avec un autre point en sautant un ou plusieurs point intermédiaire. Il faut donc modifier les fonctions pour permettre de dessiner ces polygones.

Un polygone de type 1 est un polygone régulier (triangle équilatéral, carré, pentagone, etc). Un polygone étoilé peut être de type 2 ou de type 3 c'est-à-dire qu'un point sera relié à un autre point en sautant 1 point ou 2 points intermédiaires. On notera alors les polygones de cette façon :

• Polygone de type 1 : P1{x, 1} pour signifier qu'on passe d'un point au point directement adjacent
• Polygone de type 2 : P2{x, 2} pour signifier qu'on passe d'un point à un autre point en passant le point adjacent
• Polygone de type 3 : P3{x, 3} pour signifier qu'on passe d'un point à un autre point en passant les deux points les plus proches
• Il se peut qu'il y ait des types 4 ou 5 ou x si le nombre de cotés le permet. Pour l'instant ce n'est qu'une supposition logique à ce que je connais.

Un polygone étoilé ou croisé n'est un polygone unique que si le tracé de ce polygone passe par tous les points du polygone une et en une seule fois.

Par exemple si on veut réaliser un polygone à partir de 6 points, on peut réaliser un polygone de type 1 qui passera par les point 1, puis 2, puis 3, 4, 5, 6 et reviendra au point 1. Par contre on ne pourra pas réaliser de polygone étoilé de type 2 pour la simple raison que si on part de point 1 le tracé passera par 1 puis 3 puis 5 pour revenir à 1 et on aura réalisé un triangle et on ne sera pas passé par les points 2, 4, et 6 qui de leur coté et suivant la même méthode formeront un autre triangle les deux étant tête-bêche sur le dessin. Cela formera bien une étoile (le sceau de Salomon) mais sera formé de deux polygones à trois cotés

Pour le type 3, on fera alors là un simple ping pong entre le 1 et le 4 ou le 2 et le 5 ou encore le 3 et le 6. l'hexagone ne se prêt donc pas à ce jeu.

si on prend un pentagone, il aura lui son pendant étoilé de type 2 en passant par les points 1 puis 3, puis 5, puis 2, puis 4 pour finalement revenir à 1.

L'heptagone lui nous donnera deux heptagrammes de type 2 et et de type 3 sans que cela pose de problème. On appelera ces polygones étoilés Px{7,2} et py{7, 3} x et y étant quelconque et ne servant qu'à donner un nom propre à chaque heptagramme.

Tableaux

Les tableaux créés après le dessin des polygones ne sont pas correct:

• la position des points n'est pas la bonne
• le calcul ne récupère pas les points de drawPolygon et n'y a qu'un semblant de modifications sur x correspondant au pas mais pas de l'angle. Il faudra donc refaire une correction en nincluant le tableau de pointys de drawPolygon pour l'affichage des points"

corriger le css pour la visualisation des flèches de commandes des input number.

corriger les problèmes de zoom et de viewBox avec les commandes de zoom

• les commandes de zoom n'ont pas de formules parfaitement adaptées à leur usage le changement de point central fausse les résultats de l'ensembl et donne une viewBox de taille supérieure à son maximum de 5720 x 3200e