チェス場

2D と 3D のチェスグラウンド

Chessground は、 lichess.org 用に開発された無料/自由なオープンソースのチェス UI です。最新のブラウザーと、Cordova を使用したモバイル開発を対象としています。

ライセンス

Chessground はGPL-3.0 ライセンス(またはオプションでそれ以降のバージョン) に基づいて配布されます。 Web サイトに Chessground を使用する場合、結合した作品は GPL に基づいてのみ配布できます。ソースコードを Web サイトのユーザーにリリースする必要があります。

JavaScript の GPL について詳しくは、greendrake.info をご覧ください。

デモ

埋め込み型 PGN ビューア
チェステレビ
ボード編集者
パズル
分析ボード
ゲームのプレビュー

特徴

Chessground は lichess.org の Web アプリとモバイルアプリのすべてのニーズを満たすように設計されているため、機能が非常に豊富です。

TypeScript で適切に入力された
速い。カスタム DOM diff アルゴリズムを使用して、DOM 書き込みを最小限に抑えます。
小さいフットプリント: 10K gzip 圧縮 (31K 解凍)。依存関係はありません。
ボード上の円、矢印、カスタムユーザー形状の SVG 描画
矢印は有効な動きにスナップします。フリーハンドの矢印は、矢印を描きながらマウスをボードからドラッグしてボードからドラッグして戻すことで描画できます。
いつでも完全に構成可能、再構成可能
CSSのみでスタイリング：クラスを切り替えるだけでボードと駒を変更可能
流動的なレイアウト: ボードはいつでもサイズ変更可能
3D ピースとボードのサポート
完全なモバイルサポート (タッチスタート、タッチムーブ、タッチエンド)
クリックで駒を移動
ドラッグ＆ドロップでピースを移動
- ドラッグ前の最小距離
- カーソル下の部分の集中化
- ピースゴースト要素
- 復帰またはゴミ箱を削除する
クリックまたはドラッグして前に移動
新しいピースをボードにドラッグします (エディター、Crazyhouse)
ピースのアニメーション: 移動と消えていく
最後の移動、確認、移動先、および前の移動先を表示（ホバー効果可能）
FEN 表記での位置のインポートとエクスポート
ユーザーコールバック
内部にチェスのロジックはありません: チェスのバリエーションに使用できます

インストール

npm install --save chessground

使用法

 import { Chessground } from 'chessground' ;

const config = { } ;
const ground = Chessground ( document . body , config ) ;

ラッパー

React: 反応チェス/チェスグラウンド、ルイリシ/反応チェスグラウンド
Vue.js: vitogit/vue-chessboard、qwerty084/vue3-chessboard
角度: topce/ngx-chessground
Svelte: agelas/svelte-chessground-ui、gtim/svelte-chessground、gtm-nayan/svelte-use-chessground

もっと？ここに含めるにはプルリクエストを作成してください。