Player UI
When the player is damaged below 30% hp, UI changes are triggered. the opacity of the bloody view starts off low and gradually increases as the players hp gets lower.
A little heart beat sound is also played when the player reaches 30% of max hp and is triggered in the same way as the bloody view.
Done through a new Class PlayerLowHealthDisplay UI component, which uses events to trigger the display of the bloody view. this component is attached to the player Entity in the PlayerFactory.java.
To find the design plan of the bloody view click here
since the players visual HP was updated through the UpdatePlayerHealthUI() it was decided that we would use this method to check for current HP values. This then allowed us to attach event triggers in this class and use another method, updateLowHeathUI() to trigger any event listeners in the PlayerLowHealthDisplay class.
The sequence diagram below shows which how events are triggered depending on the HP of the player:
- If player hp <= threshold trigger "BloodyViewOn"
- otherwise trigger "BloodyViewOff"
The corresponding event handler will call the respective methods in PlayerLowHealthDisplay to turn on and off the bloody view and the heart beat sound.
-
gradually increase the contrast of the bloody view as hp reaches 0. ✔️
-
flash/darken the contrast of the bloody UI every time the player is hit. for Example:
