Benutzerdefinierte Taktiken einbetten

Bringen Sie mehr Interaktivität in Ihre Taktiken. Betten Sie Ihre Taktiken ein und lassen Sie Benutzer*innen sie lösen.

Sie haben die volle Kontrolle über die Taktik.

Sie können die Position angeben, was die richtigen Züge sind und was der letzte Zug war.

Example

Wie Sie Ihre eigene Taktik einbinden

Auf der Seite, auf der Sie Ihre eigene Taktik erstellen können, befindet sich eine Schaltfläche zum Einbetten. Diese Schaltfläche erstellt automatisch den iframe-Code, den Sie auf Ihrer Website einfügen müssen.

  1. Zuerst müssen Sie Ihre Taktiken mit dem Taktik-Creator erstellen.
  2. Klicken Sie danach auf die Schaltfläche "Einbetten".
  3. Kopieren Sie den iframe-Code und fügen Sie ihn in Ihre Seite ein.

Verwenden Sie diesen Link, um Ihre Taktik zu erstellen und einzubetten: Erstellen Sie Ihre eigene Taktik

Automatisierung

Dieser Vorgang kann auch automatisiert werden. Alle für die Taktik benötigten Informationen sind im Hash der Einbettungs-URL gespeichert.

Um Taktiken automatisch zu generieren, können Sie diesen Hash selbst erstellen.

Der Hash ist die base64-kodierte Zeichenfolge, die aus dem Fen, den Zügen und dem letzten Zug besteht.

base64.encode("${fen};${moves};${last_move}")

Die Werte sind jeweils durch ein ";" getrennt. Die Züge müssen in san-Notation und der letzte Zug in uci-Notation sein.

Details zur Implementierung

Sie können die Standardbreite und -höhe ändern, wenn Sie möchten. Stellen Sie nur sicher, dass die Höhe etwa 80px höher ist als die Breite, damit die "x am Zug"-Meldung unter das Board passt.

Für mobile Geräte wird empfohlen, die Breite der Iframes auf 100 % zu begrenzen. Unten finden Sie das CSS, um das zu erreichen.

iframe { max-width: 100%; }