Sheet Music and Lightning - Interactive VFX UI/ UX Prototype

Playtest of the minigame (no audio)

Visual effects sans canvas

Base hierarchy

Base hierarchy

Hierarchy after initialization and spawning of prefabs: Composition -> Staff -> Column -> Note

Hierarchy after initialization and spawning of prefabs: Composition -> Staff -> Column -> Note

Octaves have been abstracted for simplicity

Octaves have been abstracted for simplicity

Example of a 4:4 signature

Example of a 4:4 signature

This is a prototype that I developed during my time at Tevolve, symbolizing a song bringing back an NPC's memory.

Using a combination of Layout Group components and C# scripting, the spacing of the notes reacts to the time signature, and the numbers of staves responds to the number of notes in the sequence (with respect to the time signature.) As players hit the correct notes, progress updates on the UI via note placement and a bar of lightning. When an incorrect note is played, the sheet is cleared and plays a quick closing/ re-opening animation before allowing player input again.

Responsible for UI/UX, VFX, environment, rendering & post, and programming, with help from textures included in a Hovl particle pack. I created the frame in Photoshop adhering to a provided aesthetic. Unfortunately we ran out of time to polish this further, but it was still really fun to put together!