Schachfeld
Chessground ist eine kostenlose Open-Source-Schach-Benutzeroberfläche, die für lichess.org entwickelt wurde. Es zielt auf moderne Browser sowie die mobile Entwicklung mit Cordova ab.
Lizenz
Chessground wird unter der GPL-3.0-Lizenz (oder einer späteren Version, nach Ihrer Wahl) vertrieben. Wenn Sie Chessground für Ihre Website nutzen, darf Ihr kombiniertes Werk nur unter der GPL verbreitet werden. Sie müssen Ihren Quellcode für die Benutzer Ihrer Website freigeben .
Weitere Informationen zur GPL für JavaScript finden Sie auf greendrake.info.
Demos
- Eingebetteter PGN-Viewer
- Schachfernsehen
- Vorstandsredakteur
- Rätsel
- Analysetafel
- Spielvorschau
Merkmale
Chessground wurde entwickelt, um alle Web- und Mobil-App-Anforderungen von lichess.org zu erfüllen, und ist daher sehr funktionsreich.
- Gut getippt mit TypeScript
- Schnell. Verwendet einen benutzerdefinierten DOM-Diff-Algorithmus, um DOM-Schreibvorgänge auf das absolute Minimum zu reduzieren.
- Geringer Platzbedarf: 10 KB gezippt (31 KB entpackt). Keine Abhängigkeiten.
- SVG-Zeichnung von Kreisen, Pfeilen und benutzerdefinierten Benutzerformen auf der Tafel
- Pfeile rasten bei gültigen Zügen ein. Freihandpfeile können gezeichnet werden, indem Sie beim Zeichnen eines Pfeils die Maus vom Brett weg und zurück ziehen.
- Vollständig konfigurierbar und jederzeit rekonfigurierbar
- Styling nur mit CSS: Brett und Teile können durch einfaches Wechseln einer Klasse geändert werden
- Fließendes Layout: Die Größe des Boards kann jederzeit geändert werden
- Unterstützung für 3D-Teile und Bretter
- Vollständige Mobilunterstützung (Touchstart, Touchmove, Touchend)
- Verschieben Sie Teile per Klick
- Verschieben Sie Teile per Drag & Drop
- Mindestabstand vor dem Ziehen
- Zentralisierung des Stücks unter dem Cursor
- Stück Geisterelement
- Geben Sie Rückstände oder Müll ab
- Durch Klicken oder Ziehen vorab verschieben
- Ziehen Sie neue Teile auf die Tafel (Herausgeber, Crazyhouse)
- Animation von Teilen: Bewegen und Verschwinden
- Letzte Bewegung anzeigen, überprüfen, Ziele verschieben und Ziele vor der Bewegung anzeigen (Hover-Effekte möglich)
- Import- und Exportpositionen in FEN-Notation
- Benutzerrückrufe
- Keine Schachlogik im Inneren: Kann für Schachvarianten verwendet werden
Installation
npm install --save chessground
Verwendung
import { Chessground } from 'chessground' ;
const config = { } ;
const ground = Chessground ( document . body , config ) ;
Wrapper
- Reagieren: React-Chess/Chesground, Ruilisi/React-Chesground
- Vue.js: vitogit/vue-chessboard, qwerty084/vue3-chessboard
- Angular: topce/ngx-chessground
- Svelte: agelas/svelte-chessground-ui, gtim/svelte-chessground, gtm-nayan/svelte-use-chessground
Mehr? Bitte stellen Sie eine Pull-Anfrage, um es hier einzubinden.
Dokumentation
- Konfigurationstypen
- Standardkonfigurationswerte
- API-Typsignaturen
- Einfaches eigenständiges Beispiel
- Beispiele Repo
- Basis-CSS
Entwicklung
Build-Abhängigkeiten installieren:
So erstellen Sie das Knotenmodul:
So erstellen Sie das Standalone-Gerät: