26-02-2020, 02:17 AM
(Modification du message : 27-02-2020, 12:21 AM par Sephi-Chan.)
Hello,
Je cherche à représenter une grille d'hexagones qui suit ce repère :
![[Image: repere.png]](https://maitreromain.alwaysdata.net/diggers/repere.png)
Je place le point d'origine (le "milieu") de mon hexagone 0, 0 au milieu de la carte. Je veux ensuite positionner les autres autour dans le respect de mon repère.
Comme je suis en CSS, je dois raisonner en "top" et en "left" (je garde les termes de x et y pour parler des coordonnées de mon repère) depuis le coin supérieur gauche de mon bloc qui contient la carte : mais les hexagones pourront en sortir (avec des top et left négatifs ou importants).
J'ai bricolé quelques formules qui me font un joli pavage mais qui ne correspondent pas du tout à mon modèle. C'est visible ici : http://maitreromain.alwaysdata.net/diggers/.
![[Image: screenshot.png]](https://maitreromain.alwaysdata.net/diggers/screenshot.png)
Le problème, c'est que ça ne colle pas avec mon repère de référence. J'ai donc besoin d'aide pour trouver des formules qui produisent le positionnement que j'expose dans mon repère. Si quelqu'un est prêt à m'aider à les trouver, voici une archive de la page montrée ici, pour pouvoir la manipuler facilement. Le calcul se trouve dans la fonction "add" du fichier app.js.
Merci d'avance ! <3
Je cherche à représenter une grille d'hexagones qui suit ce repère :
Je place le point d'origine (le "milieu") de mon hexagone 0, 0 au milieu de la carte. Je veux ensuite positionner les autres autour dans le respect de mon repère.
Comme je suis en CSS, je dois raisonner en "top" et en "left" (je garde les termes de x et y pour parler des coordonnées de mon repère) depuis le coin supérieur gauche de mon bloc qui contient la carte : mais les hexagones pourront en sortir (avec des top et left négatifs ou importants).
J'ai bricolé quelques formules qui me font un joli pavage mais qui ne correspondent pas du tout à mon modèle. C'est visible ici : http://maitreromain.alwaysdata.net/diggers/.
Le problème, c'est que ça ne colle pas avec mon repère de référence. J'ai donc besoin d'aide pour trouver des formules qui produisent le positionnement que j'expose dans mon repère. Si quelqu'un est prêt à m'aider à les trouver, voici une archive de la page montrée ici, pour pouvoir la manipuler facilement. Le calcul se trouve dans la fonction "add" du fichier app.js.
Merci d'avance ! <3