【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. メッセージにてご連絡ください。見つかった不具合については、できる限り迅速に対応いたします。