Metlivi ブログ

アイコンが重なるときにVTTマップノートのラベルを読みやすくする方法

マップノートのアイコンが重なると、プレイヤーは正しいラベルを特定したり、目的のノートを開いたりするのに苦労することがあります。最も確実な解決策は、問題が発生している場所の乱雑さを減らすことです。ピン同士を離す、ラベルを短くする、アイコンやテキストの配置を調整する、必要なときだけラベルを表示するなどの方法があります。具体的な操作方法はVTTによって異なるため、まずは何が重なっているのかを特定し、ノートのクリック対象を損なわない変更方法を選択してください。

2026年10月09日読了時間:8分読書・アート・文化Metlivi Editorial Team
セクション 1

何が重なっているのかを特定する

問題のあるエリアを拡大し、次の3点を確認します:アイコン自体が互いを覆い隠していないか、ラベル同士が衝突していないか、ポインタで目的のアイコンを確実に選択できなくなっていないか。これらの問題は同時に発生することもありますが、必要な調整はそれぞれ異なります。ラベルを拡大すると読みやすくなる一方で衝突が悪化する可能性があり、アイコンを縮小するとマップのアートワークは見えやすくなるもののクリックが難しくなる場合があります。

また、ラベルが常に表示されているか、ホバー時に表示されるかも確認してください。1人のプレイヤーだけが見づらさを感じている場合、そのプレイヤーの表示設定がグループの他のメンバーと異なっている可能性があります。Foundryでは、すべてのシーンレイヤーにわたってマップノートを表示するかどうかを各ユーザーが切り替えることができ、Roll20では「VTT設定」>「グラフィックス」にネームプレートの表示オプションがあります。これらの操作については、FoundryのマップノートガイドおよびRoll20のマップピンガイドに記載されています。

セクション 2

ラベルのスタイルを変更する前にアイコンの重なりを解消する

クリック可能なアイコンが同じ場所に重なっている場合は、1つ以上のノートを近くの空いているスペースへ少し移動させます。出入り口やトークンの上ではなく目印の横に配置するなど、各アイコンがその場所と視覚的に関連付けられた状態を維持してください。Foundryでは、ノートを選択してドラッグします。ノート設定には微調整用の座標も用意されています。ドキュメントには、配置後もマップノートはドラッグ可能であると記載されています。Foundry マップノート

小さな変更を加え、プレイヤーが普段使用するズームレベルでテストしてください。拡大時には明確に離れているように見えるピンでも、通常の縮尺でマップを表示すると隣のピンと重なってしまうことがあります。2つのマップ地物が近接している場合は、両方を同じランドマークの上に配置するのではなく、それぞれのアイコン用に近くの異なる位置を選択してください。公式ツールはノートの移動機能を提供していますが、近くのピンを自動で整列してくれるわけではないため、これは実用的なレイアウト上の推奨事項です。

ランドマークのすぐそばに適当なスペースがない場合は、関連性が明確に伝わる最も近いオープンエリアにアイコンを移動させます。どの地物を指しているのかプレイヤーが分からなくなるほどピンを離しすぎないようにしてください。VTTが個別のマップラベルや描画ツールをサポートしている場合は、それも別のレイアウトの選択肢になりますが、ノートアイコンとは挙動が異なる場合があります。例えばFoundryでは、テキスト描画はキャンバス上に直接テキストを配置しますが、マップノートはアイコンをジャーナルエントリやページにリンクします。Foundry 描画ツール

セクション 3

ラベルを短くして見分けやすくする

ラベルは詳細な内容を要約するためではなく、目的地を特定するために使用します。「北門」「古い橋」「物置部屋」のような短い名前は、密集した場所でも長い説明文より素早く確認できます。詳細はリンクされたノートやハンドアウトに記載し、ラベルはプレイヤーが正しいクリック対象アイコンを選ぶためのコンパクトな手掛かりにとどめてください。

同じエリア内では名前の重複を避けて区別しやすくします。近くにある3つのアイコンが「遺跡」「遺跡 東」「遺跡 西」となっていると、プレイヤーは推測を迫られる可能性があります。特定の特徴や方角など、有用で判別しやすい単語をそれぞれに付け、近くのノートには同じ命名規則を使用してください。最も優れた短いラベルとは、プレイヤーがいくつものピンを開いて比較しなくても判別できるラベルです。

Foundryでは、マップノートのテキストラベルでリンク先のジャーナルタイトルを上書きできます。ラベルが入力されていない場合は、ジャーナルエントリの名前がデフォルトで使用されます。Roll20のピンではネームプレートを使用でき、リンクされたハンドアウトやカスタムツールチップの情報を表示できます。これらの機能を活用すれば、リンク先の資料に詳細な内容を保持しつつ、マップ上の表示は簡潔に保つことができます。Foundry マップノート · Roll20 マップピン

セクション 4

アイコンのサイズとラベルの配置を調整する

アイコン同士が重なり合っていたり、マップのアートワークを覆い隠しすぎていたりする場合は、サイズを小さくしてみてください。サイズ変更後にプレイヤーが区別しにくくなったりクリックしにくくなったりした場合は、サイズを少し戻し、代わりにピン同士を離してスペースを確保します。Foundryのマップノート設定には、アイコンサイズ、フォントサイズ、テキストの色、テキストのアンカーポイントが含まれており、アンカーによってアイコンに対するラベルの配置場所を変更できます。Roll20ではピンのサイズ調整が可能で、複数のサイズオプションが用意されています。Foundry マップノート · Roll20 マップピン

設定は一度に1つずつ変更し、近接ズームと通常のプレイ時のズームの両方で密集箇所を確認してください。アイコンの上にラベルを配置すると隣のピンとの重なりは解消されてもマップの地物と重なる場合があり、横に配置するとある衝突は解決しても別の衝突が発生することがあります。配置は局所的な調整として捉えてください。別のアンカーや位置を試し、アイコンの選択しやすさを損なわずに判読性を維持できる設定を採用しましょう。

色は近接するマーカーの識別に役立ちますが、意味のすべてを色に頼るのではなく、明確なラベルと配置を補強するために使用すべきです。Foundryにはアイコンの色合い(ティント)やテキストの色の調整機能があり、Roll20にはピンのカラーバリエーションが用意されています。グループ内ですでに共通認識がある色なら一貫して使用し、マップの背景に対してラベルが読みやすい状態を保てているか確認してください。Foundry マップノート · Roll20 マップピン

セクション 5

ホバー表示やズーム動作を活用して視覚的な乱雑さを抑える

VTTがホバー時のみのラベル表示に対応している場合、必要なときだけ名前を表示することで、密集したピン同士の視覚的な干渉を軽減できます。これは、プレイヤーがすでにアイコンを識別できているか、どこをポイントすればよいか分かっている場合に最も効果的です。近くのアイコンがすべて同じに見える場合や、プレイヤーが隠れたラベルを探し回らなければならない場合にはあまり役立ちません。Roll20のドキュメントには、ホバー時にネームプレートを表示する設定や、無効化するオプション、縮小時に自動で非表示にするオプションが記載されています。Roll20 マップピン

Foundryの組み込みマップノートガイドによると、テキストラベルはポインタをノートの上に置いたときに表示されると説明されており、別途ユーザーごとにシーンレイヤー全体でノートを表示するかどうかの切り替えも用意されています。プレイヤーから「ノートが見当たらない」と言われた場合は、まずこの表示トグルを確認し、そのプレイヤーにリンク先のジャーナルエントリを閲覧する権限があるかどうかを確認してください。Foundryでは、「限定(Limited)」権限を持つプレイヤーはリンクされたノートの位置とラベルを見ることはできますが、それを開くことはできない場合があると記されています。Foundry マップノート

セクション 6

アイコンをクリックしやすく保つ

ラベルが読みやすいからといって、クリックしやすいとは限りません。2つのピンが近すぎると、特にグループが普段使うズームレベルでは、ポインタが誤ったピンに当たってしまうことがあります。各ターゲットが明確に区別できるように位置を十分に離し、各アイコンを順番にクリックして目的のリンク先ノートが開くかをテストしてください。ホバーラベルを使用する場合は、実際のプレイで使用する前に、各マーカーの上にカーソルを置いて表示される名前が目的地と一致しているかを確認してください。

クリックの問題を解決するために、すべてのラベルを常に大きく表示しておくのは避けてください。重なりが増え、シーンが見えにくくなる原因になります。そうではなく、名前を区別し、アイコンの間隔を空け、お使いのVTTが実際に提供しているラベル表示オプションを活用してください。マーカーが依然として紛らわしい場合は、位置を変更するか、利用可能であればより識別しやすいアイコンや色を選択してください。例えばRoll20はシンボルや色のカスタマイズに対応しており、Foundryはアイコンの選択、色合い、ラベルの配置設定を提供しています(利用可否や詳細はツールによって異なります)。Roll20 マップピン · Foundry マップノート

セクション 7

手早く行える調整手順

混雑したマップエリアを整理する際は、以下の順序で進めてください:

この手順は実用的な判断の指針であり、すべてのVTTで保証されている機能ではありません。操作方法はツールによって異なり、一部のプラットフォームではアンカーの設定、ホバー時のみのラベル表示、ピンごとのサイズ調整に対応していない場合があります。利用可能な最も近い同等の設定を使用してください。必要なオプションがプラットフォームにない場合でも、間隔を空けることや簡潔な名前を付けることは引き続き有効なレイアウトの選択肢となります。

アイコン、ラベル、クリックターゲットのどれが衝突しているのかを特定します。
マップ上の関連性を明確に保ちながら、重なっているアイコンを近くの別の位置に移動します。
ラベルを短くし、そのクラスタ内の名前を容易に区別できるようにします。
VTTに該当する機能がある場合は、アイコンのサイズ、フォントサイズ、またはラベルのアンカーを調整します。
利用可能であり、プレイヤーのノートの探し方に合っている場合は、ホバー表示やズームに応じたラベル表示を試します。
通常のプレイ時のズームで結果を確認し、各アイコンをクリックして目的のノートが開くことを確かめます。
セクション 8

権限と可視性は個別に確認する

プレイヤーがアイコンは見えていても、そのコンテンツを開けないことがあります。これは、ラベルが明確であってもピンが壊れているかのように見えたり、混乱を招いたりする原因になります。ノートの共有設定や権限設定を確認し、プレイヤーがリンク先のページやハンドアウトにアクセスできることを確かめてください。Foundryでは、リンクされたマップノートへのアクセスはジャーナルエントリまたはページの権限に依存します。「限定(Limited)」権限の場合、プレイヤーにピンとラベルは表示されますが、そのテキストを開くことは許可されない場合があります。Foundry マップノート

可視性も重なりとは別の問題です。Foundryのノートは、全体に表示(グローバル表示)するよう設定されていない限り、シーンの霧(フォグ)やトークンの視界によって制限される場合があり、プレイヤー側でもすべてのレイヤーにノートを表示するかどうかを切り替えることができます。Roll20のピンには独自の表示/非表示状態があります。特定のプレイヤーにマーカーが見えない場合は、位置やラベルのスタイルを変更する前に、これらの可視性条件を確認してください。Foundry マップノート · Roll20 マップピン

セクション 9

プレイ前の最終チェック

プレイヤーに普段使用する縮尺でマップを見てもらい、密集しているノートを探してそれぞれ開いてもらいます。プレイヤーが迷うことなく正しいマーカーを特定し、意図したノートをクリックできれば、レイアウトはうまく機能しています。うまくいかない場合は、問題の原因に戻って調整します。干渉しているアイコンの間隔をさらに広げる、ラベルを簡素化するか位置を変更する、あるいは表示や権限の設定を見直すなどです。小さく的を絞った変更を加えることで、通常はシーンの有用な情報を損なうことなく、クリック可能なノートの使い勝手を向上させることができます。

参考資料

マップノート — Foundry Virtual Tabletop — https://foundryvtt.com/article/map-notes/
マップピン — Roll20 ヘルプセンター — https://help.roll20.net/hc/en-us/articles/36271267343639-Map-Pins
描画ツール — Foundry Virtual Tabletop — https://foundryvtt.com/article/drawings/
関連記事

このテーマをさらに見る