# 再生モード

# 特徴

棋譜再生時に用いるモード

# 必須パラメータ

sp_body: 棋譜

# 推奨オプション

sp_turn: 表示する局面(手数)を指定する
sp_controller: 盤の下にボタン類を表示する
sp_slider: 盤の下にスライダーを表示する

# おまけオプション

sp_viewpoint: 視点
sp_overlay_nav: 盤面の左右で局面を動かす(ただし駒を移動できなくなる)
sp_turn_show: 盤面の上に手数を表示する(邪魔)

# 補足

スライダーにフォーカスがある状態だと左右キーが効く
スライダーは fn + ←→ キーで最初と最後に移動する

※どちらもブラウザの標準機能

# Playground

# 例1. 自動再生する

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script defer src="https://cdn.jsdelivr.net/npm/shogi-player@1.1.17"></script>
    <script type="module">
      const el = document.querySelector("shogi-player-wc")
      let turn = 1
      setInterval(() => {
        el.setAttribute("sp_turn", turn)
        turn = (turn + 1) % 5
      }, 1000)
    </script>
  </head>
  <body>
    <shogi-player-wc
      sp_mode="view"
      sp_body="position startpos moves 7g7f 3c3d 8h2b+ 3a2b"
      sp_turn="0"
      ></shogi-player-wc>
  </body>
</html>

単体で開く

駒を動かすには棋譜はそのままで sp_turn を進める
- 指定の駒をどこに動かすかを一つずつ指定するのではない
局面(手数)を変更するには api_turn_add を使う方法もある

← 表示カスタマイズ例操作モード →