Indicate emoji interactivity on the answer screen

[margoyle]

Option one:
Cycle through highlighted emoji – the highlight shifts between emojis until the user takes control (clicks on an emoji to view the meaning).
Suggested pacing - two-three seconds per emoji?

Option two:
Subtle pulsing of the highlight color.

Also think we should hold off on this till we do the needles - if we settle on a pulsing for the active needle then pulsing might make more sense here too.

[margoyle]

Per explorations in #73, I think glowing/pulsing is probably the way to go with the needle and with the emoji highlight.

The needle is tricky - I think you need a bit of inner shadow and outer shadow, and ideally the base of the needle (the round bit) wouldn't be highlighted, just the decorative hand/pointer/end.

[margoyle]

(This will look a lot better in Lou's hands)

[louh]

So I'm going to put a light drop shadow on the needles and we can see how that looks / play with color/opacity. Unfortunately I don't think there's any way to differentiate between the base and the end of the needle, since it's getting applied to the entire image asset. One way we could do this is by removing the base of the needle in the image. We draw back the base with HTML, so that will allow it to remain present without a drop shadow.

Anyway, adding drop shadows to images with transparency is a thing that's possible because of CSS Filters, a thing I recently learned about and didn't realize I could do before. But it comes with its own limitations -- we can't get an inset drop shadow on there with this method. It's probably possible to do it in the SVG itself, however.

re: pulsing: I'm going to commit an opacity pulse, so there's a light fade in/out. It turns out that's a ton easier to do, and I haven't figured out how to a pulsing drop shadow / glow effect on an SVG shape yet (and actually, at this moment, not entirely certain that it's achievable).

[louh]

@margoyle @mstem I added the pulsing drop shadow, take a look!

[slifty]

This is resolved now, yes?