【HTMLツール】ボードゲーム盤面メーカー

ブラウザで簡単！ボードゲーム盤面メーカー

ブラウザ上で動作するHTML形式のツールです。オリジナルのゲームボード作成はもちろん、TRPGやHTMLに対応したブログの記事など、さまざまな用途にご利用いただけます。

例 ▶ https://banmen-sample.netlify.app

■ 使い方

基本形状の設定: 盤面のサイズ、マスの総数、各マスのサイズや形状を設定します。

ボードスタイルの設定: 背景色、マスの枠線色、接続線の色とスタイルを設定します。

配置の設定: マスの配置パターン（ジグザグ、渦巻きなど）を設定できます。

カラーの設定: 各マスをどのように塗りつぶすか設定できます。（※サンプル画像はパステルトーンでランダムに生成したものです）

マスのコンテンツ設定: マス内部に表示する番号やテキストのサイズ、位置などを設定します。

テキストの入力: 各マスにテキストを入力できます。改行を使った一括入力や個別入力に対応しています。また、マウスオーバー時に表示される「ツールチップテキスト」も追加可能です。

コマの設定: ドロップ＆ドラッグで動かせるコマを追加できます。（※ブログ出力用HTML専用機能です）

保存と読み込み: 画面上部の「JSONを保存」「JSONを開く」ボタンで、現在の盤面データを保存・復元できます。

画像出力: 上部の「画像を保存」ボタンを押すことで、作成した盤面を画像（PNG）として保存できます。

ブログ用HTML出力: 「ブログ用HTMLをコピー」を押すと、個人のホームページやHTMLをサポートするブログにそのまま貼り付けて遊べるコードが出力されます。

例 ▶ https://banmen-sample.netlify.app

■ 実行環境

対応OS: Windows / Mac などのPC環境での使用を推奨します。（PC環境で最もスムーズに動作します）

必須ソフトウェア: Google Chrome、Microsoft Edge、Safari などのモダンウェブブラウザ

ネットワーク環境: デザイン（フォントやレイアウト）を正しく表示するため、インターネット接続環境が必要です。

インストール不要: 展開したフォルダ内のBanmenMaker.htmlファイルをブラウザで開くだけで実行できます。

■ よくある質問

Q. 商用利用は可能ですか？

A. 作成した盤面（画像/JSON）の販売および配布に制限はありません。クレジット表記は任意ですが、していただけると嬉しいです。

※ 本ツール（HTMLファイル）自体の販売および二次配布は禁止いたします。

Q. ファイルを改変して使用してもよいですか？

A. ご自由に改変・カスタマイズしてご使用ください。

Q. エラーや不具合、問い合わせについて

A. メッセージにてご連絡ください。見つかった不具合については、できる限り迅速に対応いたします。