ShogiCross(将棋クロス)

　
様々な将棋類を将棋駒として実体化するプロジェクト。

収録ゲーム

• 将棋
• チェス
• シャンチー
• チャンギ
• マークルック
• チャトランガ
• どうぶつしょうぎ
• 禽将棋
• 中将棋
• Grand Acedrex
• クーリエチェス
• その他バリエーション等

駒情報

実装済の駒の定義一覧。

Webアプリ

様々な将棋類の駒を並べるだけの将棋盤のようなツール。

実装

• ShogiCross App
• 単品ゲーム集
• 将棋類紹介
• 将棋駒Viewer

ライブラリ

任意のページへ設置できる。駒やボードの追加も対応。

• ドキュメント
• ダウンロード

特徴

• 様々な将棋類の表示に対応

• 4人用ボード対応

• 手を戻す、進める機能

• 盤面回転機能(棋譜とは同期しない)

• 画像出力機能

• BOD形式での局面入出力機能(独自拡張あり)

• レスポンシブ対応

• オリジナルの駒配置を設定 (チェス対将棋も容易)

• 画像を用意せずに追加駒を設定

• 視覚的にわかりやすい駒データ定義

• Webページに簡単設置(CodePen、コード付サンプル)

  • <canvas id="shogiCross"></canvas>
    <script type="module">
    	import {Board, gameSoft} from "https://cdn.jsdelivr.net/gh/yosgspec/[email protected]/src/dist/ShogiCross.min.js";
    	const canvas = document.getElementById("shogiCross");
    	const board = Board.run(canvas, gameSoft.shogi);
    </script>

ペーパークラフト

様々な将棋類を紙の力で実体化。

ディレクトリ構成

プロジェクトのディレクトリ構成。

使用フォント

下記のフォントを採用(優先度順)。

• Noto Serif JP Black
• Noto Emoji
• Noto Sans Symbols 2
• Noto Sans Symbols
• Noto Serif Black
• Noto Serif TC Black

本来は楷書体が適切だと考えるが文字の網羅性と扱いやすさからNotoフォントで統一。

使用ライブラリ

Webアプリの本体についてはVanilla.jsで実装。

ビルドツールとして下記を採用。いずれも最適化のためのもので使わなくても動く。

|ライブラリ|用途 |:---------|:---- |npm-run-all|npmビルド処理直列化 |Vite|コード1ファイル化 |Toptal Minifier Tool|コード最小化 |TypeScript|型定義ファイル(.d.ts)生成 |TypeDoc|.d.ts(JSDoc)ドキュメント生成 |ADM-ZIP|ZIPファイル生成 |sharp-cli|画像ファイル最適化 |jsDelivr|CDNリンク取得 |markdown-it|Markdown⇒HTML変換

ライセンス

CC0-1.0。コードの引用再利用ご自由に。

その他

その他不足情報があれば、下記を参照。
(過去類似作成物)

• 超棋.pdf