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


ブラウザで簡単!ボードゲーム盤面メーカー ブラウザ上で動作する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. メッセージにてご連絡ください。見つかった不具合については、できる限り迅速に対応いたします。

