There is a build on itch if you want to interact with it: https://lysard.itch.io/hk-hud-fan-recreation
For a full breakdown, visit the notion page here: https://chain-collision-39b.notion.site/Hollow-Knight-HUD-Recreation-2ea93cf6835a80abadddf787c6214cab
I remade the hollow knight HUD in unity with shader graph, vfx graph, dotween and unity's UI system.
---Fluid in shader graph + dotween + vfx
- Animated fill with dotween and shader graph.
- Changed noise values (dotween) to distort the wave height and length with dotween to give a fall and rise effect when increasing/decreasing.
- I decided to add an outline to the fluid for glow effect.
- Played bubble particles whenever fluid went down at certain values.
- Animated the eyes for blinking effect.
- Played particles and made them spawn from the Soul UI element in a circle. This is when soul goes from unusable to usable.
-Decrease effects:
Flipbook for mask break
Delay and then the slash which is a bunch of diagonal particles. Also a subtle diagonal splatter.
Delayed final particles falling with gravity
-Increase effects:
Dotween mask scaling.
Particles in bubbles, moving vertical up and down.
Colour and size change over lifetime.
-Shaking mask:
Just random shaking in dotween being looped.
Easy particles that move up and scale over time.
Process breakdown video
Showcase - Functional in unity