Add an auto-map of visited rooms

オープン
#24 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
38/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript

調査の方向性

Start by reading packages/engine/src/types.ts, packages/engine/src/affordances.ts, and the noir pack map at packs/letzte-nacht-der-reichsmark/design/world.md. Then inspect apps/web/src/components/dock.ts to find the player controls and how themes and sheets are handled. The work is done when the pure helper has unit tests, the noir walkthrough map has no overlaps, unvisited rooms stay unnamed, and the accessible room list and all three themes meet the criteria.

索引モデルが issue の本文から書いたものです。

説明

area: engine area: web priority: medium type: feature

Context

With ten or more rooms (the noir pack has eleven), players on phones lose their bearings. The engine already knows the visited rooms and the exits of each room, so a map needs no format change.

Scope

  • Engine: a pure helper (for example mapView(pack, state)) that returns the visited rooms with their names, the current room, and per visited room its listed exits (direction or custom label). Targets of exits are named only if visited; unvisited targets appear as unexplored stubs. Exits hidden by visibleWhen are not revealed.
  • Layout: deterministic placement from compass directions (north, south, east, west, diagonals, up, down); custom exits drawn as labelled links; collisions resolved deterministically without overlapping rooms.
  • Player: a map button opens a sheet with an SVG map built with DOM APIs (text as text nodes), current room highlighted, read-only in this version; themed for light, sepia and dark.
  • Accessible alternative: a list of visited rooms and their exits.

Acceptance criteria

  • After the noir pack's walkthrough the map shows all eleven rooms without overlaps.
  • Unvisited rooms are never named.
  • The helper is pure and unit-tested; the same state always produces the same layout.
  • The list alternative is reachable with a screen reader.
  • The map is legible in all three themes.

References

  • packages/engine/src/types.ts (View)
  • packages/engine/src/affordances.ts
  • packs/letzte-nacht-der-reichsmark/design/world.md (Map)
  • apps/web/src/components/dock.ts
主要言語
TypeScript
スター
0
フォーク
0
平均マージ
1時間 24分
マージ済み PR(30日)
5

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

nullthrone/lexvm のほかの issue

nullthrone/lexvm の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。