Lapangan catur

Lapangan catur dalam 2D dan 3D

Chessground adalah UI catur sumber terbuka gratis/gratis yang dikembangkan untuk lichess.org. Ini menargetkan browser modern, serta pengembangan seluler menggunakan Cordova.

Lisensi

Chessground didistribusikan di bawah lisensi GPL-3.0 (atau versi yang lebih baru, sesuai pilihan Anda). Saat Anda menggunakan Chessground untuk situs web Anda, karya gabungan Anda hanya dapat didistribusikan di bawah GPL. Anda harus merilis kode sumber Anda kepada pengguna situs web Anda.

Silakan baca lebih lanjut tentang GPL untuk JavaScript di greendrake.info.

Demo

Penampil PGN tertanam
televisi catur
Editor dewan
Teka-teki
Papan analisis
Pratinjau permainan

Fitur

Chessground dirancang untuk memenuhi semua kebutuhan web dan aplikasi seluler lichess.org, sehingga cukup berfitur.

Diketik dengan baik dengan TypeScript
Cepat. Menggunakan algoritme diff DOM khusus untuk mengurangi penulisan DOM hingga minimum absolut.
Jejak kecil: 10K gzip (31K membuka ritsleting). Tidak ada ketergantungan.
Gambar SVG berupa lingkaran, panah, dan bentuk pengguna khusus di papan
Panah mengarah ke gerakan yang valid. Panah bebas dapat digambar dengan menyeret mouse keluar dari papan dan ke belakang sambil menggambar panah.
Sepenuhnya dapat dikonfigurasi dan dikonfigurasi ulang kapan saja
Penataan gaya hanya dengan CSS: papan dan potongan dapat diubah hanya dengan berpindah kelas
Tata letak yang lancar: papan dapat diubah ukurannya kapan saja
Dukungan untuk potongan dan papan 3D
Dukungan seluler penuh (touchstart, touchmove, touchend)
Pindahkan potongan dengan klik
Pindahkan potongan dengan drag & drop
- Jarak minimum sebelum drag
- Sentralisasi potongan di bawah kursor
- Elemen hantu sepotong
- Drop off kembali atau sampah
Pindahkan terlebih dahulu dengan klik atau seret
Seret potongan baru ke papan (editor, Crazyhouse)
Animasi potongan: bergerak dan memudar
Menampilkan langkah terakhir, memeriksa, memindahkan tujuan, dan tujuan sebelumnya (efek melayang mungkin)
Posisi impor dan ekspor dalam notasi FEN
Panggilan balik pengguna
Tidak ada logika catur di dalamnya: dapat digunakan untuk varian catur

Instalasi

npm install --save chessground

Penggunaan

 import { Chessground } from 'chessground' ;

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

Pembungkus

Bereaksi: reaksi-catur/medan catur, ruilisi/reaksi-medan catur
Vue.js: vitogit/vue-papan catur, qwerty084/vue3-papan catur
Sudut: topce/ngx-chessground
Langsing: agelas/svelte-chessground-ui, gtim/svelte-chessground, gtm-nayan/svelte-use-chessground

Lagi? Silakan buat permintaan tarik untuk memasukkannya di sini.