Super neat. Looking forward to checking out your implementation and learning about this!
Show HN: The current sky at your approximate location, as a CSS gradient
21–30 of 171 posts
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#22Curious why a celebration of HTML needed a full stack javascript framework?
A server is needed to calculate the sun's position from latitude + longitude + time, and then render the gradient. I could use HTML templating in some other language/framework, but I used Astro because that's what I'm familiar with and it's very easy to deploy to Cloudflare Pages.
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#23Opened this up and sat there for a good 20 seconds waiting for something to happen... only to remember it's midnight here.
Maybe someone smarter than me could add stars to the night sky, so it's not just black.
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#24Awesome. I remember much earlier in my career I was working on a 3D turn-by-turn navigation software, and one of my tasks was to draw the sky in the background. The more senior guy on the team said, just draw a blue rectangle during the day and a dark gray one at night and call it job done. Of course, I had to do it the hard way, so I looked up the relevant literature on sky rendering based on the environment, latitu…
A past coworker who worked on Cobalt[1] told me that they spent entirely too much time implementing stars in the sky of the game with some amount of real(ish) star system physics behind them.
I can understand people removing polish things like that if there are usability concerns, but those small things add up to a lot in an end product and are a joy to find and explore.
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#25Which direction am I looking? Deeper blue to the north.
It's always facing the sun (although it doesn't include the sun itself).
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#26@dlazaro, I believe that style={{backgroundColor: bottom}} is not needed in: is not needed.
I actually included that so the tab and status bars are themed on iOS/Safari. Here's someone else's writeup on that: https://medium.com/@evkirkiles/coloring-the-webkit-browser-b...
That's a cool thing to know, thanks for sharing. Great job on the sky site!
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#27Well, that's delightful. Works really well here in the Pacific Northwest :)
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#28More sophisticated than I expected. It relies on a research paper: https://github.com/ebruneton/precomputed_atmospheric_scatter...
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#29Put my phone against the window and I had to call over my wife to come to check it: it matches 100% (clear sky right now). It's amazing, congratulations
Re: Show HN: The current sky at your approximate location, as a CSS gradient
#30This would be an awesome background for a smart home dash!