Campo de xadrez

Campo de xadrez em 2D e 3D

Chessground é uma UI de xadrez de código aberto gratuita desenvolvida para lichess.org. Destina-se a navegadores modernos, bem como ao desenvolvimento móvel usando Cordova.

Licença

O Chessground é distribuído sob a licença GPL-3.0 (ou qualquer versão posterior, conforme sua opção). Quando você usa o Chessground em seu site, seu trabalho combinado pode ser distribuído apenas sob a GPL. Você deve liberar seu código-fonte para os usuários do seu site.

Leia mais sobre GPL para JavaScript em greendrake.info.

Demonstrações

Visualizador PGN incorporado
Xadrez TV
Editor do quadro
Quebra-cabeças
Quadro de análise
Antevisão do jogo

Características

O Chessground foi projetado para atender a todas as necessidades de aplicativos móveis e da web do lichess.org, por isso é bastante funcional.

Bem digitado com TypeScript
Rápido. Usa um algoritmo de comparação DOM personalizado para reduzir as gravações DOM ao mínimo absoluto.
Tamanho pequeno: 10K compactado (31K descompactado). Sem dependências.
Desenho SVG de círculos, setas e formas de usuário personalizadas no quadro
As setas se ajustam aos movimentos válidos. Setas à mão livre podem ser desenhadas arrastando o mouse para fora do tabuleiro e para trás enquanto desenha uma seta.
Totalmente configurável e reconfigurável a qualquer momento
Estilização apenas com CSS: tabuleiro e peças podem ser alterados simplesmente trocando de classe
Layout fluido: o quadro pode ser redimensionado a qualquer momento
Suporte para peças e placas 3D
Suporte móvel completo (touchstart, touchmove, touchend)
Mova as peças com um clique
Mova as peças arrastando e soltando
- Distância mínima antes de arrastar
- Centralização da peça sob o cursor
- Elemento fantasma de peça
- Deixe a reversão ou a lixeira
Pré-mover clicando ou arrastando
Arraste novas peças para o tabuleiro (editor, Crazyhouse)
Animação de peças: movendo-se e desaparecendo
Exibir o último movimento, verificar, mover destinos e pré-mover destinos (possíveis efeitos de foco)
Posições de importação e exportação na notação FEN
Retornos de chamada do usuário
Nenhuma lógica de xadrez interna: pode ser usada para variantes de xadrez

Instalação

npm install --save chessground

Uso

 import { Chessground } from 'chessground' ;

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

Invólucros

Reagir: react-chess/chessground, ruilisi/react-chessground
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

Mais? Faça uma solicitação pull para incluí-lo aqui.