Sprint 4 - Team 7 task ticket 6: Implement the transition animation and improve the text display

[LIU-Evelyn]

Description

Task: Implement the transition animation and match the select action, improve the text display
Feature: Improve features based on the win/lose logic and eviction menu: Goal 6

In the current game, players can already experience the complete process of expelling traitors through the eviction menu, and smoothly trigger the win/lose logic associated with it. Whenever a player uses the eviction menu to select a traitor to expel, the corresponding "prompt box" will pop up to show their selection results. However, one of the purpose of the eviction menu is to expel the traitor who caused the continent to sink, and the current interaction flow does not show this process of eviction. So in order to make the game more "juicy", it is necessary to add a transition animation to visualize the eviction process.

Example

• Transition animation: When the player "clicks" the select button and confirms their choice, a transition animation will appear on the screen to connect the player's actions and the popup of the prompt box. The transition animation will show the eviction process corresponding to the NPC selected by the player (use the image of NPCs).
• Element display: Currently, there are many UI elements in the eviction menu. In order to ensure that the image of each UI meets the design expectations, the optimized image will be displayed (text color/position; window position/size, etc.)

Dependencies

• Win/lose condition for selecting the traitor (Sprint 3 - Team 7 Feature ticket: Win/lose Condition for Selecting Traitor #122 ).
• Design display effects of transition animations (Sprint 4 - Team 7 task ticket 2: Design display effects of transition animations and special effects #192 ).

Milestones

Steps that need to be completed for this task:

• Step 1: Integrate images corresponding to eviction process of each npc into the game. (Oct. 16)
• Step 2: Adjust the order of transition animations (There will be 4 images per eviction process). (Oct. 17)
• Step 3: Adjust the display effect, so that the transition animation can better connect the user's operation. (Oct. 17)

Completion Deadline: Oct. 17

Documentation

• Eviction menu
• Storyline
• NPC information
• Sprint4 - Polishing-tasks: User survey (Team 7)

Member

• Yingxin Liu (@LIU-Evelyn ) (Yingxin LIU)

[LIU-Evelyn]

Step1: 4d3d799

[LIU-Evelyn]

Step 2: Adjusted the size and position of transition animation b0558e3

[LIU-Evelyn]

Step 3: Changed the size of the character during the eviction and add animation to the clue window
2dd904c