Garados007 / Garados007/Werewolf

UI redesign

Open
#26 0 comments 0 reactions 0 assignees View on GitHub
ui
Dominant language
C#
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Home page and game does no longer share the same code base. This speed up loading time and reduce
the complexity of the code.

The player can create or join a lobby with a simple click. It is also easy to find a random lobby.

The game UI itself is much simpler and the character bubbles are in the center. It is highlighted if
the player speaks and their information are assorted around their speech bubble. The bottom halve
contains the chat and log combined. If speech is disabled the player bubbles are rendered smaller
and the chat therefore bigger.

Any game related dialogs are rendered as fly-over which can be moved by the player and the UI
remembers the last position. The transition between phases is now animated in a small dialog box at
the center of the screen.

The top contains an information bar with the name of the current phase and a small description. It
does also contain a "continue" button which starts a request to end the current scene and continue
to the next one. At 50% it starts a 30 second timer which does end the scene automatically. The
continue button is visible by everyone but it does only contain an anonymous counter (nobody can see
who clicked on it). Some voting requests does also contribute to this counter.

The options to each voting does now render the icon of each player that voted on it next to the
text. Anonymous votings just tell the number of player.

Any player can rearrange the player bubbles on their screen using drag and drop. It is also possible
to write notes on the screen (using a text tool) or draw lines. They can also attach notes to other
player.

Contributor guide

Open the contributing guide

Research direction

No files, tests, or entry points are named. Start by locating the Home page and game UI entry points in the Elm frontend, then determine how the requested lobby flow, game layout, dialogs, voting indicators, drag-and-drop bubbles, notes, and drawing fit together; done would require the complete redesign described here.

Written by the indexing model from the issue text.

Assessment

Tech stack
elm
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.