шахматная площадка

Шахматная площадка в 2D и 3D

Chessground — это бесплатный шахматный пользовательский интерфейс с открытым исходным кодом, разработанный для lichess.org. Он ориентирован на современные браузеры, а также на разработку мобильных приложений с использованием Cordova.

Лицензия

Chessground распространяется по лицензии GPL-3.0 (или любой более поздней версии по вашему выбору). Когда вы используете Chessground для своего веб-сайта, ваша совместная работа может распространяться только под лицензией GPL. Вы должны предоставить исходный код пользователям вашего веб-сайта.

Пожалуйста, прочитайте больше о GPL для JavaScript на greendrake.info.

Демо

Встроенный просмотрщик PGN
Шахматное ТВ
Редактор совета
Пазлы
Доска анализа
Предварительный просмотр игры

Функции

Chessground создан для удовлетворения всех потребностей веб- и мобильных приложений lichess.org, поэтому он довольно функционален.

Хорошо печатается с помощью TypeScript
Быстрый. Использует специальный алгоритм сравнения DOM, чтобы свести количество операций записи DOM до абсолютного минимума.
Небольшой размер: 10 КБ в сжатом виде (31 КБ в разархивированном виде). Никаких зависимостей.
SVG-рисование кругов, стрелок и пользовательских фигур на доске.
Стрелки привязываются к допустимым ходам. Стрелки от руки можно рисовать, перетаскивая мышь с доски и обратно во время рисования стрелки.
Полностью настраиваемый и реконфигурируемый в любое время
Стилизация только с помощью CSS: доску и фигуры можно изменить, просто переключив класс.
Гибкая компоновка: размер доски можно изменить в любое время.
Поддержка 3D-деталей и досок.
Полная поддержка мобильных устройств (touchstart, touchmove, touchend)
Перемещайте фигуры щелчком мыши
Перемещайте части путем перетаскивания
- Минимальное расстояние до перетаскивания
- Централизация фигуры под курсором
- Кусочек призрачного элемента
- Выбросить, вернуть или выбросить
Удалить щелчком или перетаскиванием
Перетаскивайте новые фигуры на доску (редактор Crazyhouse)
Анимация фигур: движение и исчезновение
Отображать последнее перемещение, проверять, перемещать пункты назначения и предварительно перемещать пункты назначения (возможны эффекты наведения)
Позиции импорта и экспорта в нотации FEN
Обратные вызовы пользователей
Внутри нет шахматной логики: можно использовать для шахматных вариантов.

Установка

npm install --save chessground

Использование

 import { Chessground } from 'chessground' ;

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

Обертки

Реагировать: реакция-шахматы/шахматная площадка, руилиси/реакция-шахматная площадка
Vue.js: vitogit/vue-chessboard, qwerty084/vue3-chessboard
Угловой: topce/ngx-chessground
Svelte: agelas/svelte-chessground-ui, gtim/svelte-chessground, gtm-nayan/svelte-use-chessground

Более? Пожалуйста, сделайте запрос на включение, чтобы включить его сюда.