ダンジョンエディタの使い方

これはTRPGのダンジョンなどのマップを作成するためのWebアプリケーションです。

このアプリケーションは自由に使用することができますが、AS-ISで提供されます。

動作はGoogle Chrome バージョン 51.0.2704.84 (64-bit, Mac)で確認しています。少なくともHTML5をサポートしないブラウザでは動作しません。

更新情報

リリース

カーソルを表示するよう修正

画像保存時にカーソルが残るので消すように修正

使い方

編集

描画

アイコンを選択して編集領域(グリッドのある場所)をクリックするとクリックした場所にアイコン画像が表示されます。アイコンが配置される場所は赤い枠で示されます。アイコンはグリッドの太い線で囲まれたマス(細い線で囲まれた4マス分)を占めます。

クリック位置は細い線で囲まれた範囲で認識するので、アイコンは半分ずつずらして配置することができます。アイコンは重ねて描画することができます。同じ場所にアイコンを配置した場合、後から配置したものが上に描画されます。

ただし、この順番は後から入れ替えることはできません。

削除

削除アイコン()を選択すると削除モードになります。削除モードでアイコンを配置した場所をクリックするとアイコンを削除します。同じ場所に複数のアイコンが配置されている場合、後から追加したものから削除されます。

レイヤ

ダンジョンマップエディタにはレイヤ機能があります。

同じレイヤに配置されたアイコンはひとまとまりに扱われ、他のレイヤには干渉しません。

レイヤは下にあるものから順番に描画されます。下のレイヤは上のレイヤのアイコンでオーバーレイされるので重なった部分の下の画像は表示されません(上の画像の透明部分は透過します)。

レイヤの追加

「レイヤ」領域の「+」ボタンをクリックすると新規レイヤが追加されます。新規のレイヤは最上位に配置されます。

レイヤの選択

レイヤをクリックするとクリックしたレイヤが選択されます。選択中のレイヤは青い枠線で囲まれます。マップの編集やレイヤの削除は選択中のレイヤが対象になります。

レイヤの削除

「レイヤ」領域の「ー」ボタンをクリックすると選択中のレイヤが削除されます。レイヤを削除した場合、そのレイヤに配置したアイコンは全て削除されます。

レイヤの表示・非表示

レイヤの左に表示されているチェックボックスを非選択状態にするとそのレイヤは表示されなくなります。また、画像を出力する時も出力されません。選択状態にすると表示され、画像にも出力されます。

レイヤの入れ替え

「レイヤ」領域の「△」ボタンをクリックすると選択中のレイヤが1つ上になります。「▽」ボタンをクリックすると一つ下になります。この操作によりレイヤのオーバレイの順番を入れ替えることができます。

ファイル読込・保存

画像保存

「画像保存」ボタンをクリックするとファイル保存ダイアログが開き、マップ画像をPNG形式でローカルに保存することができます。

設定保存・設定ファイル読込

「設定保存」ボタンをクリックするとファイル保存ダイアログが開き、マップ情報をJSON形式でローカルに保存することができます。保存したファイルを「設定ファイル読込」で読み込むとマップを再編集できます。

マップサイズ変更

「マップサイズ」領域で「幅」、「高」を変更するとマップの大きさを変更できます。値はアイコンを(重ならずに)何個おけるかで表します。

グリッドは太い線で表されたグリッドの幅(=アイコンの表示サイズ)です。値を大きくすると表示(画像保存時も)サイズが大きくなります。小さくすると表示サイズが小さくなります。マップが編集領域からはみ出す場合、編集領域はスクロール可能になります。