The above is the Heart Shape interaction mechanism with some color
added in by me. This functionality is not yet written but doesn't it look
a lot better than without color. The menu option closest to the mouse pointer
is actually highlighted while the other menu options are muted. Another way
to do it is to pick a menu option's color according to how far away it is
from the mouse. Lets say we have the following gradient:
The menu options furthest from the mouse would get colors on
the blue-ish(left) side of the spectrum while the closest menu options would get
the brighter green-ish(right) side of the spectrum. This would not only give the
user visual cues about the particular menu option they're closest to but also
how close the other options are.
If we use the gradient
system then we have to ensure that the text of the menu options is still
readable regardless of which color background its on. Therefore, the color of
the text and the color of the menu option background should be complementary
colors.