SvgMapEditorの使い方

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

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

動作はGoogle Chrome バージョン 149.0.7827.115 (64-bit, arm64)で確認しています。かなり新しいブラウザが必要です。多分、PCでないと使えません。

更新情報

リリース

使い方

編集

描画

モードで「選択」以外を選んでください。選択した図形を描けます。

  • 線

    格子線上に線を引きます。クリックするごとに中間点を置き、中間点ごとに線の方向を変られます。

    ダブルクリックするとそこで描画を終えます。

  • 四角、楕円

    ドラッグするとその範囲の格子線で囲まれた領域に収まるように四角か楕円を描きます。

  • 扉

    ドラッグすると最も近い格子線上に扉アイコンを描きます。水平か垂直にしか置けませんが、インスペクタで設定することで回転させたり位置を微調整できます。

  • 文字

    クリックした位置に「テキスト」を置きます。文字列はインスペクタで編集できます。

    絵文字を書けばアイコンの代わりにできます。

  • アイコン

    クリックした位置に選択したアイコンを置きます。

オブジェクト修正

「選択」を選んでマップ上のオブジェクトをクリックするとインスペクタが表示されます。インスペクタでオブジェクトの位置や色を変更できます。

ファイル読込・保存

画像保存

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

設定ファイル読込

「ファイル選択」ボタンをクリックするとファイル選択ダイアログが開き、マップファイルをロードできます。

マップサイズ変更

「幅」、「高」を変更するとマップの大きさを変更できます。値はマスの数です。