マップ描画ツール書いた

先日、TRPG のある程度簡単なマップは SVG で描くと良さそうだと言ったが、実際に書いてみた。

（雛´-`）.｡ｏＯ（そうとう楽しかったらしく、ログをまとめたいけれども「マップを描くの無理じゃね？」と壁に面した結果、作られたようです #アヴァンドナー）https://t.co/62gYRTGbCt
— しゅんしゅんひよこ (@Shunshun94) June 11, 2022

システムについては黒絢のアヴァンドナー | どらこにあん公式サイトを見ていただければ。銀剣のステラナイツと同じところが出しているシステムであり、ステラナイツの戦闘システムはアヴァンドナーの戦闘システムを簡略化したものと呼んでもよいかもしれない。楽しかったは楽しかったのだがログを生成する際に位置関係を示すのが難しいことに気付いて悩ましく思った結果、位置関係をサラッと描けるツールを描くことにして作ったのが上述のものである。

SVG を使っているため、マップのファイルサイズそのものは軽量。ただし、ツールそのものは PNG での出力もできるようにしている。また、SVG そのものを埋め込むのではなく、JS でその場で描画させるソースコードをウェブページに埋め込むこともできるようにしている。SVG, PNG, コード埋め込みいずれの方法であっても上述のツールからファイル・コードをコピーないしダウンロードできるようにした。