campo de ajedrez
Chessground es una interfaz de usuario de ajedrez de código abierto y gratuita desarrollada para lichess.org. Está dirigido a navegadores modernos, así como al desarrollo móvil que utiliza Cordova.
Licencia
Chessground se distribuye bajo la licencia GPL-3.0 (o cualquier versión posterior, a su elección). Cuando utiliza Chessground para su sitio web, su trabajo combinado puede distribuirse únicamente bajo la GPL. Debes revelar tu código fuente a los usuarios de tu sitio web.
Lea más sobre GPL para JavaScript en greendrake.info.
Población
- Visor PGN integrado
- televisión de ajedrez
- editor del tablero
- Rompecabezas
- tablero de análisis
- Vista previa del juego
Características
Chessground está diseñado para satisfacer todas las necesidades de aplicaciones web y móviles de lichess.org, por lo que tiene muchas funciones.
- Bien escrito con TypeScript
- Rápido. Utiliza un algoritmo de diferenciación DOM personalizado para reducir las escrituras DOM al mínimo absoluto.
- Tamaño reducido: 10 000 comprimidos (31 000 descomprimidos). Sin dependencias.
- Dibujo SVG de círculos, flechas y formas de usuario personalizadas en el tablero
- Las flechas se ajustan a movimientos válidos. Las flechas a mano alzada se pueden dibujar arrastrando el mouse fuera del tablero y hacia atrás mientras se dibuja una flecha.
- Totalmente configurable y reconfigurable en cualquier momento
- Estilo solo con CSS: el tablero y las piezas se pueden cambiar simplemente cambiando de clase
- Diseño fluido: el tablero se puede cambiar de tamaño en cualquier momento
- Soporte para piezas y tableros 3D
- Soporte móvil completo (touchstart, touchmove, touchend)
- Mover piezas haciendo clic
- Mover piezas arrastrando y soltando
- Distancia mínima antes del arrastre
- Centralización de la pieza bajo el cursor.
- Elemento fantasma de pieza
- Dejar revertir o basura
- Premover haciendo clic o arrastrando
- Arrastra nuevas piezas al tablero (editor, Crazyhouse)
- Animación de piezas: moviéndose y desapareciendo.
- Muestra el último movimiento, verificación, destinos de movimiento y destinos previos al movimiento (posibles efectos de desplazamiento)
- Importar y exportar posiciones en notación FEN
- Devoluciones de llamada de usuario
- Sin lógica de ajedrez en el interior: se puede utilizar para variantes de ajedrez
Instalación
npm install --save chessground
Uso
import { Chessground } from 'chessground' ;
const config = { } ;
const ground = Chessground ( document . body , config ) ;
Envoltorios
- Reaccionar: reaccionar-ajedrez/chessground, ruilisi/react-chessground
- Vue.js: vitogit/vue-chessboard, qwerty084/vue3-chessboard
- Angular: topce/ngx-chessground
- Esbelto: agelas/svelte-chessground-ui, gtim/svelte-chessground, gtm-nayan/svelte-use-chessground
¿Más? Realice una solicitud de extracción para incluirla aquí.
Documentación
- Tipos de configuración
- Valores de configuración predeterminados
- Firmas de tipo API
- Ejemplo independiente simple
- Ejemplos de repositorio
- CSS básico
Desarrollo
Instalar dependencias de compilación:
Para construir el módulo de nodo:
Para construir el independiente: