Website powered by

Celestial Harmony UI

Aug 2017 - Dec 2017
https://studiosynth.itch.io/celestial-harmony
Part of a research project where the controller of the game is a piano, the player plays different chords and melodies to restore the biomes on the planets back to life. Creating the UI for this project was a challenge because there was no previous basis upon which to draw on how to display to the player the controls of the game. After much redesigning and playtesting, these solutions were implemented into the game. Having minimal text UI and heavy iconography was the goal for the game.

Main Menu Screen. The piano stays consistent throughout all screens. All menu options are mapped to a black key on the piano. Star particle effects go around the menu options here.

Main Menu Screen. The piano stays consistent throughout all screens. All menu options are mapped to a black key on the piano. Star particle effects go around the menu options here.

How to Play Screens. Player can go to the next page by pressing C# and D# simultaneously on the far right octave. To back out to main menu, they would press C# and D# in the middle octave. Gifs play for the different pages with descriptions of gameplay.

How to Play Screens. Player can go to the next page by pressing C# and D# simultaneously on the far right octave. To back out to main menu, they would press C# and D# in the middle octave. Gifs play for the different pages with descriptions of gameplay.

Options Menu. This is where the player can pick to edit audio or video options.

Options Menu. This is where the player can pick to edit audio or video options.

Audio Options. The toggle is mapped to one black key. The sliders have two mapped keys each, one for lowering and the other for raising.

Audio Options. The toggle is mapped to one black key. The sliders have two mapped keys each, one for lowering and the other for raising.

Video Options. A variety of radio buttons for resolutions and toggle buttons for fullscreen, bloom, and anti-aliasing.

Video Options. A variety of radio buttons for resolutions and toggle buttons for fullscreen, bloom, and anti-aliasing.

Credits Page. Shows everyone who worked on the game and their roles.

Credits Page. Shows everyone who worked on the game and their roles.

Pause Screen. Places an overlay over the current level and gets rid of all elements besides the piano and the planet. From here, players can go into the Options menu or Quit to main menu.

Pause Screen. Places an overlay over the current level and gets rid of all elements besides the piano and the planet. From here, players can go into the Options menu or Quit to main menu.

Gameplay. Resource meter decreases and increases depending on the combination. Spells appear at the top. Feedback speech bubble shows the correct spells the player inputted and ?'s if that spell was wrong. Spell History shows previous spell combinations.

Gameplay. Resource meter decreases and increases depending on the combination. Spells appear at the top. Feedback speech bubble shows the correct spells the player inputted and ?'s if that spell was wrong. Spell History shows previous spell combinations.

Spellbook can be brought up by holding a specific chord. Displays the different available spells and their names. Spells are mapped to different elements.

Spellbook can be brought up by holding a specific chord. Displays the different available spells and their names. Spells are mapped to different elements.

Icons that appear on the piano constantly as chords. In order: Spellbook, Fire, Water, and Earth. The split icons are for chords that have overlapping notes/keys.

Icons that appear on the piano constantly as chords. In order: Spellbook, Fire, Water, and Earth. The split icons are for chords that have overlapping notes/keys.