serge-web / serge

Serious Gaming, Evolved - web interface
https://sites.google.com/deepbluec.com/serge/
Apache License 2.0
14 stars 4 forks source link

Umpire and Player annotations #1539

Closed IanMayo closed 11 months ago

IanMayo commented 2 years ago

A lot of game context is passed by the map markers plus the supporting messages.

We've added map markers, which can represent events in the game at fixed locations.

Players and umpires could add more context to the map through the user of drawing features:

These features would be stored on their own drawing layer in the game, and passed as part of daily orders and state of world.

A library to support such a capability is here: https://github.com/geoman-io/leaflet-geoman

ShendMikullovci commented 2 years ago

Love the idea. We could add a visibility feature to it as well to allow the user to view the annotations whenever they choose to. Great addition.

ShendMikullovci commented 2 years ago

Icon ideas:

Compass Icon

Pen Swirl Icon

Pen Ruler Icon

Shapes Icon

Shapes Icon 2

Depending on how we approach the feature, we could go for different keyword icons (tools, toolbox, etc.).

ShendMikullovci commented 2 years ago

Question: Would a feature such as a distance counter be of value? A tool that would measure the distance between, say, 2 assets (in time and/or miles/kilometers)? If I'm not mistaken, we do have the feature where we show the user how long an asset can take to get from point A to point B?

IanMayo commented 2 years ago

The triangle/circle/square icon looks great - though we're restricted to the icons in the free font-awesome package.

No we don't show the player how long a journey takes between two points. The closest to this is that we show them how far an asset can travel in a turn, according to its speed and the turn length.

The distance measuring tool would be of some modest value, though no players have requested it.

ShendMikullovci commented 2 years ago

The triangle/circle/square icon looks great - though we're restricted to the icons in the free font-awesome package.

This one is the closest I found on font-awesome:

Shapes Icon

ShendMikullovci commented 2 years ago

Here's an idea:

If we go with the font-awesome icon, this is how it'd look.

Drawing Feature Base

Clicking it would darken the button as the following drop-down appears:

Drawing Feature Mapping

If the user selects the line tool, then the line icon replaces the shapes icon in the general toolbar to emphasize its selection. The cursor turns to a cross:

Drawing Feature Mapping 2

If the user is to click on the icon again, the drop-down shows the selected item in highlighted in grey alongside the 2 other tools:

Drawing Feature Mapping 3

Notes:

Line Icon