Ist es möglich, einen hexagonalen Drag and Drop zu machen?

Question

The grid.

Ist es möglich, eine Drag & Drop-System, bei dem die kreisförmigen ziehbare Elemente einrasten würden dieses hexagonale Gitter oben dargestellt zu erzeugen, und melden die Start- und die ankommenden Koordinaten? Ich wollte das lösen, indem ich die Klickkoordinaten aufzeichnete und die Farbe des Pixels an den gleichen Koordinaten auf einem speziellen Gitter auf dem Server anpasste und dann die Koordinaten aus dem Farbcode entschlüsselte, aber es wäre viel benutzerfreundlicher, wenn es das wäre möglich mit Drag & Drop.

Danke für Ihre Zeit.

Levente

Answer 1

Je nachdem, wie Sie die Hexagone darstellen (svg, Bild, CSS + gedreht divs, Leinwand, ...) würde ich verschiedene Ansätze nutzen. Wenn Sie SVGs oder gedrehte Divs verwenden, können Sie einfach den Ereignishandler onmouseover verwenden, um das zugrunde liegende Hexagon zu bestimmen. Wenn Sie eine Zeichenfläche verwenden, konvertieren Sie die Koordinaten des kartesischen Zeigers mithilfe einer Rotationsmatrix in Würfelkoordinaten.

fand ich eine Menge nützlicher Koordinatenkonvertierungen auf der folgenden Seite: http://www.redblobgames.com/grids/hexagons/#coordinates

Ich weiß nicht, welche Systeme Sie verwenden möchten, koordinieren, wenn Sie die diesen Ansatz verwenden wollen, und ich weiß nicht, wie Sie speichern Informationen zu den Sechseckfeldern. Daher kann ich Ihnen noch keine vollständige Lösung geben, aber ich hoffe, dass diese Informationen Ihnen trotzdem helfen werden.