Is there a way to make the movement smoother? Right now they change directions instantly. Perhaps an ease-in/out on the x-axis?
Great idea :)
Show HN: Embed a snow effect on your website
61–70 of 83 posts
Re: Show HN: Embed a snow effect on your website
#62Re: Show HN: Embed a snow effect on your website
#63I like it!
> Just one line of code, which will not slow your website down.
This is not completely true though :)
Re: Show HN: Embed a snow effect on your website
#64Earlier quoted context omitted.
Why is this downvoted? Is GPT the new thing to unconditionally hate now?
Because if you care what GPT says about something, you can ask it yourself.
Actually I couldn’t because the site was overloaded. Plus it never came to mind my to check, so I appreciate the GP post for mentioning this.
Re: Show HN: Embed a snow effect on your website
#65Earlier quoted context omitted.
Why is this downvoted? Is GPT the new thing to unconditionally hate now?
Because if you care what GPT says about something, you can ask it yourself.
But in a more abstract code example where you don't have good context for what is happening, this similar behavior could be very helpful.
Re: Show HN: Embed a snow effect on your website
#66Adding a border makes the snow a bit more visible on a light website: border: 1px solid black;
> border: 1px solid black;
Personally, I edited it to be
background: lightblue
Re: Show HN: Embed a snow effect on your website
#67I really like it, reminds me of old school internet. I prefer it with ASCII though, try it with an asterix (*) instead of a white orb for that 90's vibe.
Just change this line:
var embCSS = '.embedim-snow{position: absolute;width: 10px;height: 10px;margin-top:-10px}';
embHTML += '*';Re: Show HN: Embed a snow effect on your website
#68Reminds me of back in the late 90s and early 00s when these effects fell under the umbrella of "DHTML" (dynamic HTML) and there were sites dedicated to indexing them and making them easy to browse and even review. Nostalgic.
Re: Show HN: Embed a snow effect on your website
#69I would love to see a proper snow effect like in old demos or windows screen overlays where the snow piled up on UI elements
I made this quite a few years ago although it’s all canvas so doesn’t interact with the page https://www.horsedrawngames.com/nye/
Re: Show HN: Embed a snow effect on your website
#70For a friend's page a while ago we wanted one where the snow would accumulate on DOM elements (anything with a top border, or some such heuristic) but couldn't find one. A quick search finds none currently either (many where it accumulates at the bottom of the page/viewport or on/in a particular DOM element, but none that have it build up generically on DOM boxes. One of the many items in my huge pile of Things To Bo…
Don't stop there! It will need tiny householders to shovel the snow off when the accumulation is too deep, and for a stretch goal the cascading snow can induce avalanches. With enough feature creep you'll be able to declare version 1.0 complete the same day you hear the first cuckoo of spring.
I wasn't planning quite that much, though I did consider some rules to try make the stuff pile with a little more realism than simple pixel stacking. And if elements vanished, having the accumulation on them re-fall instead of just disappearing (including partially if things shrunk) though that would need a modified model as settled snow would compact and have a higher terminal velocity…