chessground

체스그라운드

Chessground 는 lichess.org용으로 개발된 무료/자유 오픈 소스 체스 UI입니다. 최신 브라우저와 Cordova를 사용한 모바일 개발을 대상으로 합니다.

특허

Chessground는 GPL-3.0 라이센스 (또는 귀하의 선택에 따라 이후 버전)에 따라 배포됩니다. 웹사이트에 Chessground를 사용하면 결합된 작업물은 GPL 하에서만 배포될 수 있습니다. 웹사이트 사용자에게 소스 코드를 공개해야 합니다 .

greendrake.info에서 JavaScript용 GPL에 대해 자세히 읽어보세요.

시민

• 내장된 PGN 뷰어
• 체스 TV
• 보드 편집자
• 퍼즐
• 분석판
• 게임 미리보기

특징

Chessground는 모든 lichess.org 웹 및 모바일 앱 요구 사항을 충족하도록 설계되었으므로 매우 기능이 뛰어납니다.

• TypeScript로 잘 입력됨
• 빠른. 사용자 정의 DOM diff 알고리즘을 사용하여 DOM 쓰기를 절대 최소값으로 줄입니다.
• 작은 설치 공간: gzip으로 압축한 경우 10K(압축 해제한 경우 31K). 종속성이 없습니다.
• 보드에 있는 원, 화살표 및 사용자 정의 사용자 모양의 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

더? 여기에 포함시키려면 풀 요청을 해주세요.

선적 서류 비치

• 구성 유형
• 기본 구성 값
• API 유형 서명
• 간단한 독립형 예
• 예 저장소
• 기본 CSS

개발

빌드 종속성을 설치합니다.

pnpm install

노드 모듈을 빌드하려면 다음을 수행하십시오.

pnpm run compile --watch

독립 실행형을 구축하려면:

pnpm run dist