Skip to content

Latest commit

 

History

History
75 lines (48 loc) · 1.71 KB

README.md

File metadata and controls

75 lines (48 loc) · 1.71 KB
Raw

局面.js

ウェブで将棋の棋譜を語るための JavaScript ライブラリ https://junkoda.github.io/kyokumen/

できること

  • SFEN (Shogi Forsyth-Edwards Notation) を与えて、局面図を作る
  • 棋譜にマウスカーソルをあわせると局面図を更新する

使いかた

局面図を作る

<figure class="kyokumen" data-sente="先手" data-gote="後手"
data-sfen="lnsgkgsnl/1r5b1/ppppppppp/9/9/9/PPPPPPPPP/1B5R1/LNSGKGSNL b 1"></figure>

局面図を変更する

<span class="mv"
data-sfen="lnsgkgsnl/1r5b1/pppppp1pp/6p2/9/2P6/PP1PPPPPP/1B5R1/LNSGKGSNL b 2">☗７六歩</span>

例

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="https://junkoda.github.io/kyokumen/0/kyokumen.css">
  <title>例</title>
</head>
<body>
<script src="https://junkoda.github.io/kyokumen/0/kyokumen.js"></script>

<figure class="kyokumen" data-sente="先手" data-gote="後手"
     data-sfen="8l/1l+R2P3/p2pBG1pp/kps1p4/Nn1P2G2/P1P1P2PP/1PS6/1KSG3+r1/LN2+p3L w Sbgn3p 124">
</figure>

<p><span class="mv" data-sfen="lnsgkgsnl/1r5b1/ppppppppp/9/9/9/PPPPPPPPP/1B5R1/LNSGKGSNL b 1">初手</span></p>

</body>
</html>

SFEN editor

開発中のSFENエディタ editor/editor.js

https://junkoda.github.io/kyokumen/editor/

script

  • script/kif2sfen.py

kif ファイルから SFEN を生成。

Updates

開発状況は

に書いています。バグ報告・質問など気軽にしてください。