免费的JavaScript棋盘

9

有人能推荐一个自由开源的JavaScript棋盘吗?

我的计划是将其与一些服务器端Python代码连接起来,最可能的是使用flask web框架。

我需要一个非常简单的功能集:

  • 通过服务器端脚本生成HTML代码时,展示棋盘上的位置(不仅仅是初始位置)。该位置可以存储在一个列表中(以模拟二维数组)并可选地存储在FEN(Forsyth-Edwards表示法)字符串中。
  • 通过鼠标拖动棋子进行移动,并通过HTTP POST自动将移动提交到服务器端脚本。JavaScript代码对移动的验证不是必须的,因为我可以在服务器端完成这个过程。
5个回答

9
我刚发布了 http://chessboardjs.com 的 v0.1.0 版本,它似乎符合你的所有要求。
它是在 MIT 许可证下的开源软件(即:自由软件)。

这是一个非常好的板。 - KevinDeus

4

尝试使用pgn4web。它支持PGN字符串甚至是Chess960。非常易于定制。


1
我在国际象棋论坛(SMF论坛软件)上使用它,效果很好。 - Danijel

4

1

这里有一个国际象棋棋盘,绝对能满足您的需求。开箱即用,它具有:

  • 设置FEN位置
  • 多个棋盘设置
  • 移动棋子、删除棋子、添加棋子
  • 不同主题的棋子
  • 翻转棋盘
  • 以及许多其他功能

它很容易设置(只需执行以下操作):

JavaScript

var ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R';
var board = new ChessBoard('board', ruyLopez);

HTML

<div id="board" style="width: 400px"></div>

你可以得到。

enter image description here


链接?请提供更多上下文信息。 - KevinDeus
1
@KevinDeus 抱歉,由于某些原因,当我粘贴时链接消失了。已修复。 - Salvador Dali

1

我即将尝试jChess,这是一个看起来很有前途的jQuery插件。然而,我认为用户无法将棋子移出盒子。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接