Live data from Hacker News

FourShadows.js – Time-aware algorithm driven shadows for icons

github.com

11–20 of 25 posts

Re: FourShadows.js – Time-aware algorithm driven shadows for icons

#11
Neat idea, but shadows cast on the ground don't move around an object a full 360deg over the course of the day.

If the metaphor is that we're looking at the object from above, then the angle of the shadow would depend on the time of day, the day of the year, and the object's latitude. Now THAT would be a neat plugin.

Others have mentioned that Google does it like this in Google Maps...which is even stranger because there is a very clear real world analog in that case. I would have expected that they would take the care to render the shadows as they would actually appear for that location at that time.

Re: FourShadows.js – Time-aware algorithm driven shadows for icons

#13

Neat idea, but shadows cast on the ground don't move around an object a full 360deg over the course of the day. If the metaphor is that we're looking at the object from above, then the angle of the shadow would depend on the time of day, the day of the year, and the object's latitude. Now THAT would be a neat plugin. Others have mentioned that Google does it like this in Google Maps...which is even stranger because t…

As soon as the shadow flowed up the page, I was like, WTF the sun is underground now? This, on a tech news site is.... dumb

Re: FourShadows.js – Time-aware algorithm driven shadows for icons

#17
post #5

Clever, but light comes from the sky (it always comes from the sky in nature...light from below weirds us out). It's probably poor design to have shadows rotating throughout the day. Might be more friendly to have the shadows play like real shadows (never going above the object). Source: http://static.tvtropes.org/pmwiki/pub/images/TV_Tropes_Flash...

This. Light from below is unnatural.

Also, I think this generally would confuse users. I visit at 10AM it looks one way, I visit at 3PM it looks another, and I have no idea why as a user. Even if you paired it with other elements, you've still got the shadow all over the place.

I remember about 10 years ago watching a guy in school build a site that had a header that would have full sunrise-sunset based on your time in cute artwork. If you gave your location, it would display current weather too.

So OP, I think this has limited use; but its good to explore and experiment and see what you end up with. Perhaps with more thought/iterations you'll end up with something really amazing.

Re: FourShadows.js – Time-aware algorithm driven shadows for icons

#20

The effect gets totally ruined on the demo page where the HTML5 and CSS3 shields are used which have their own light source. Screenshot: http://i.imgur.com/prMIIOQ.png

You're right. I shouldn't have used logos with their own shadows. Replaced with flat ones. Sorted out. Thanks!
Post reply on HN