magic text

~~ Magic Text ~~

Made this quick little demo on the way home the other day. It’s just a text layer that responds to the image underneath it by changing its color and shadow.

I do this by writing the image to a canvas element, and then sampling the lightness value at multiple points on the layer. I average the lightness together and use that to determine what color the text should be and how much shadow there should be.

Hope it helps you build something awesome!

Play with it here: http://share.framerjs.com/e0yfu9p8j92n/
by George Kedenburg III