darkskyapp / skycons Goto Github PK

Hi. Please, can you init package.json file on your project?

Please, create package.json and add to npmjs.

Hello sir, I am trying to use https://api.weather.gov/ api , but there are not enough icons to show. Please let know and i can not get the how many icons are there and their little description.

Can you add bower support ?

Great work BTW 👍.

Hi @ironwallaby,

Under what license you library is hosted?
Thanks

There is no icons for lighting circunstances, like Storms.

Hi, just wondered why my project is consuming constantly 100% of CPU (single core) and also some GPU in Chromium (newest build - April 4th 2020).
I could determine the Skycons, hanging in the requestAnimationFrame-loop. I can reproduce it.
Not sure what is going on exactly though. Firefox does not have any problems with it.

Two screenshot from the Chromium profiler:

Way, way back when we originally made Skycons, the only way to make them was by drawing to a Canvas in JavaScript. These days, animated SVGs are well-enough supported that Skycons should really just be SVG.

This would fix several issues:

1. Heavy CPU usage on pages that include Skycons.
2. "Blurry" rasterization of Skycons when one doesn't size the Canvas appropriately.
3. Make it easier to customize/alter the Skycons using tools that are already built for the purpose.

We've started a skycons/svg branch for working on these. (It's slow going, though, since I very rarely have the extra hours to work on it.)

Already complete are the clear_day and clear_night Skycons. The next big task is to implement that fancy cloud, since so many of the Skycons depend on it.

I would think utilizing class names for the canvas attribute rather than IDs would be preferable. As it is, the same icon cannot appear twice on a page as that would mean elements sharing the same ID. This practically impedes any ability to utilize this for a true forecast where multiple days may have the same weather.

I tried to use the Skycons in my project, but they weren't scaling to fit into the specified bounding box.

I found that the viewbox atrribute in the <svg> element is using the wrong case. The 'B' should be a capital letter. It should be viewBox .

The SVG icon files need to be changed to fix this.

Add typings for TypeScript
https://github.com/typings/typings

Hi,

Firstly thanks for this, it's really nice. I find if I draw a canvas by default it seems to have an aspect ratio of 2:1 and I don't seem to be able to constrain it as a percentage of the browser size. This is generally not an issue, but it spoils the wind animation as you see the leaf appearing and disappearing. I've been able to temporarily fix it with canvas.height = canvas.width in the draw function. Is there a better way? Should I open a PR to set both dimensions to the smallest of the two so all the icons render correctly?

Having just tested, as similar thing happens with the falling icons (rain/sleet/snow) if you make the aspect ratio 1:2, the elements vanish before they disappear off the bottom of the canvas.

hello when there are two or more same icon, they are not showing, why?
see demo at amindi.info
also image : https://1drv.ms/i/s!At7OAFNNzrqhhO1ubTKjipBrT93mIg

Why not make a very simple list of image->name ? It should be less painful to find the correct image for the right situation.
Thanks

Is there any way to change the color of the icons once they're created? With themed sites being very common these days it seems an oversight to not have this ability. Nor do I mean individually coloring the icons either.