Iron Man UI

An Iron Man heads up display (HUD) inspired visualization

This visualization was inspired by the Iron Man heads up display (HUD) and UI designs from the three movies. The goal was to build similar design elements and see how they would react to live audio. Some new features of this visualization system include an 8 channel, 64 band equalizer and procedural asset generators.

Final version

Earlier work in progress version


Multiple elements are tied to a central core which allows for unique movements within the visualization.

Global movements in the visualization only occur after various attributes in the audio analysis are fulfilled.

A close up example depicting the procedurally generated blocks and meters that represent different audio frequencies.