Discord Game Labs - Colonist (Screens + Scenarios) Iteration #2

[samgawaran]

Summary

Master Issue:

• https://github.com/colonistio/katan/issues/8173

Following the discussions made in the https://github.com/colonistio/design/issues/173 thread. I did some changes in the screen + flow. Mainly its much more simpler and straightforward now.

Changes:

• Play vs Bots to Single Player
• Added Rules in Header
• Added discord username + icon for all avatar sections. removed the ability to edit username
• In-Game screen now shows discord profile and usernames. Add ... if the player name is too long or trim it down

Screens

• Dimensions used in the design is 1280x720. Discord doesn't allow full screens in their game lab's activities so its a good measure to design on a small screen

• No need for Mobile versions as Game Labs doesn't support mobile & Tablet OS

Landing

Room / Lobby

In-Game

Scenarios

Host / Guest View

• As long as someone is in the room. Show Join Room first person inside the room is the Host (same logic with current room in the website)

Player clicks on the rule icon and rule in header

• no changes in flow

Player clicks on advanced settings

• no changes in flow

Host changes a game setting

• no changes in flow

Player clicks on profile dropdown

• no changes in flow

  Related Submission

  • https://github.com/colonistio/design/issues/173

Related links

• https://github.com/colonistio/katan/issues/8173
• https://github.com/colonistio/katan/issues/8219
• https://github.com/colonistio/katan/issues/8224

Submission Checklist

• [x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus @seojoon-y

[demiculus]

Looks good, you can add it to the implementation issues

• https://github.com/colonistio/katan/issues/8231
• https://github.com/colonistio/katan/issues/8232

[seojoon-y]

Looks good, you can add it to the implementation issues

• Discord - P3: Implement in-game design katan#8231
• Discord - P3: Implement room design katan#8232

Done