hexer

hexer ist eine Webanwendung zum einfachen Erstellen von Hexfeldkarten.

Karte und Felder

Eine Hexfeldkarte besteht aus bis zu 40 mal 40 (Hex-)Feldern. Ein Feld kann eine Farbe und ein Bild beinhalten. Die Karte kann mit Texten angereichert werden und es können feldunabhängige Kurven in die Karte gezeichnet werden.

Die erste Karte ist 24 mal 24 Felder groß und alle Felder haben eine grüne Farbe.

Benutzeroberfläche und Steuerung

Die Benutzeroberfläche teilt sich in die Werkzeugleiste und den Zeichenbereich. Die Webanwendung wird mit der Maus gesteuert. Aktive Elemente werden hervorgehoben sobald man mit der Maus über ein solches Element fährt. Mit einem Klick auf die linke Maustaste wird das Element aktiviert und die darunterliegende Funktion ausgeführt. In der Werkzeugleiste ist dies meist die Auswahl von Optionen, welche dann im Zeichenbereich auf Felder, Kurven oder Texte angewendet werden können.

Funktionen

Felder leeren

Mit Felder leeren kann die Farbe, das Bild oder beides gleichzeitig von einem Feld entfernt werden. Felder ohne Farbe werden transparent. Solange Felder leeren aktiv ist, kann keine andere Funktion ausgeführt werden.

Felder zeichnen

Felder zeichnen ist der Standardmodus der Anwendung. Mit Felder zeichen wird die Farbe und das Bild eines Feldes gesetzt. Hierzu gibt es drei Auswahlmöglichkeiten:

Unter Vorauswahlen finden sich nützliche Kombinationen von Farben und Bildern. Die Auswahl einer Vorauswahl wird direkt in die Auswahl von Bild und Farbe übernommen. Die Funktion steht nur für die Standardbildersammlung von hexer zur Verfügung. Bei Verwendung einer eigenen Bildersammlung ist die Funktion deaktiviert.

Unter Farben steht eine Auswahl von Farben für Felder zur Verfügung. Eine ausgewählte Farbe kann durch nochmaligen Klick auf die Farbe wieder abgewählt werden. Eine ausgewählte Farbe wird mit einem Klick auf ein Feld gesetzt. Falls keine Farbe ausgewählt ist, dann bleibt die Farbe des Feldes unverändert. Es ist nicht möglich, die Farbe auf transparent zu setzen. Das geht mit Felder leeren.

Unter Bilder steht eine Auswahl von Bildern für Felder zur Verfügung. Ein ausgewähltes Bild kann durch nochmaligen Klick auf das Bild wieder abgewählt werden. Das ausgewählte Bild wird mit einem Klick auf ein Feld gesetzt. Falls kein Bild ausgewählt ist, dann bleibt das Bild des Feldes unverändert.

Texte

Ein Klick auf Texte aktiviert oder deaktiviert den Textmodus. Im Textmodus lassen sich Schriftgröße, Schiftfarbe und Schriftart für Texte auswählen. Im Textmodus erscheint im Zeichenbereich über dem Mauszeiger ein Vorschautext oder, falls sich der Mauszeiger über einem bereits eingefügten Text befindet, ein anderes Zeigersymbol. Ein Klick mit der linken Maustauste öffnet ein Texteingabefeld. Mit ✔ oder Enter wird der eingegebene Text in die Karte eingefügt und das Eingabefeld geschlossen. Mit ✖ oder Escape wird die Eingabe verworfen und das Eingabefeld geschlossen. del löscht einen ausgewählten Text von der Karte. Im Textmodus kann keine andere Funktion ausgeführt werden.

Kurven

Ein Klick auf Kurven aktiviert oder deaktiviert den Kurvenmodus. Im Kurvenmodus lassen sich Linienstärke, Linienfarbe und Linienstil für Kurven auswählen. Im Kurvenmodus erscheint im Zeichenbereich über dem Mauszeiger ein roter Kreis oder, falls sich der Mauszeiger über einer bereits eingefügten Kurve befindet, dann werden deren Kurvenpunkte hervorgehoben.

Kurvenpunkte erstellen

Ein Klick auf eine leere Position und setzt einen Kurvenpunkt in den roten Kreis und hängt ihn an eine Kurve an. Weitere Kurvenpunkte lassen sich gleichermaßen zur Kurve hinzufügen. Der jeweils letzte Kurvenpunkt wird mit Entf entfernt. Mit Doppelklick oder Escape wird der Einfügemodus beendet.

Kurve bearbeiten

Ein Klick mit der linken Maustaste selektiert eine hervorgehobene Kurve zur Bearbeitung. Im Bearbeitenmodus können Linienstärke, Linienfarbe und Linienstil der Kurve angepasst werden. Mit einem Klick auf einen Kurvenpunkt wird dieser angehoben und kann verschoben werden. Ein zweiter Klick auf den Kurvenpunkt lässt diesen los und fügt ihn an der neuen Position ein. Ein angehobener Kurvenpunkt wird mit Entf gelöscht. Mit a schaltet die Kurve um in den Einfügemodus und es können neue Kurvenpunkte an die Kurve angehangen werden. Ein Klick auf löscht die gesamte Kurve. Mit Doppelklick oder Escape wird der Bearbeitenmodus beendet und die Kurve deselektiert.

Einstellungen

Einstellungen öffnet ein Menü mit folgenden Einstellungsmöglichkeiten für die Karte:

• Breite: Gibt die aktuelle Breite der Karte an und ermöglicht das Hinzufügen und Entfernen von einer Spalte Felder rechts der Karte. Die Breite ist auf 5 bis 40 Spalten begrenzt.
• Höhe: Gibt die aktuelle Höhe der Karte an und ermöglicht das Hinzufügen und Entfernen von einer Reihe Felder unterhalb der Karte. Die Höhe ist auf 5 bis 40 Reihen begrenzt.
• Grid an/aus: Blendet das Grid ein oder aus.
• Gridfarbe: Legt die Farbe der Gridlinien fest.
• Zeichenhintergrund: Legt die Hintergrundfarbe des Zeichenbereichs fest. Die Hintergrundfarbe wird beim Export als PNG oder SVG ignoriert.
• Maßstab an/aus: Blendet einen Maßstab von 5 Feldern mit Beschriftung rechts unterhalb der Karte ein oder aus.
• Maßstabbeschriftung: Eingabe der Beschriftung für den Maßstab.
• Koorrinaten an/aus: Blendet Spalten- und Reihennummern neben der Karte ein oder aus.

Eigene Bildersammlung

Es ist möglich für eine Karte eine eigene Bildersammlung zu benutzen. Die Bildersammlung wird automatisch zusammen mit der Karte gespeichert und geladen.

Eine Bildersammlung besteht aus einer Menge von SVG-Dateien und einer Metadatei. Eine Bildersammlung wird als ZIP-Datei bereitgestellt.

Mit ↥ öffnet sich ein Dialog zum Hochladen einer ZIP-Datei. Falls die ZIP-Datei erfolgreich als Bildersammlung erkannt und verarbeitet werden konnte, dann wird die aktuelle Bildersammlung durch die Inhalte der ZIP-Datei ersetzt. Fehler bei der Verarbeitung werden als orangener Text ausgegeben.

Mit ↧ wird die aktuelle Bildersammlung als ZIP exportiert und ein Browserdialog zum Herunterladen der Datei geöffnet.

Mit × wird die aktuelle Bildersammlung durch die Standardbildersammlung von hexer ersetzt. Das Symbol ℹ erscheint, falls eine eigene Bildersammlung geladen ist.

Zoom

Als SVG herunterladen

Exportiert den Zeichenbereich als SVG-Datei und öffnet einen Browserdialog zum Herunterladen der Datei.

Als PNG herunterladen

Exportiert den Zeichenbereich als PNG-Datei und öffnet einen Browserdialog zum Herunterladen der Datei.

Laden

Mit Laden wird die ausgewählte Karte vom Server geladen. Hierzu wird der Zeichenbereich vollständig geleert und durch die Inhalte der neu geladenen Karte ersetzt. Falls die Karte eine eigene Bildersammlung beinhaltet, dann wird diese Bildersammlung geladen. Ansonsten wird die Standardbildersammlung von hexer genutzt.

Speichern

Mit Speichern wird der aktuelle Zeichenbereich unter dem angegebenen Namen auf dem Server als Karte gespeichert. Die Karte ist danach öffentlich und für alle Benutzer sichtbar. Speichern erzeugt einen Fehler, falls das angegebene Passwort nicht mit einem zuvor vergebenen Passwort übereinstimmt.

Passwort

Um zu verhindern, dass andere Benutzer eine Karte ändern oder löschen, kann die Karte mit einen Passwort versehen werden. Das Passwort muss jedesmal beim Speichern oder Löschen angegeben werden. Das Passwort kann nicht geändert werden.

Löschen

Löschen löscht die ausgewählte Karte vom Server. Löschen erzeugt einen Fehler, falls das angegebene Passwort nicht mit einem zuvor vergebenen Passwort übereinstimmt. Löschen kann nicht rückgängig gemacht werden.

Quellen

Die Bilder für die Hexfelder stammen von Nicu Buculei. Die Symbole der Benutzeroberfläche kommen von Game-icons.net. Unter Hexagonal Grids befindet sich gut dokumentierte Theorie und praktische Tipps zum Umgang mit Hexfeldern. Unter Bézier Splines erfährt man, wie man glatte Bézierkurven zeichnet.

Rechtliches

Die Bilder der Standardbildersammlung sind gemeinfrei oder public domain. Damit erstellte Karten dürfen ohne Einschränkung zu allen Zwecken benutzt werden.

Der Quellcode der Anwendung unterliegt der GNU General Public License.