scottschiller / Snowstorm

Enterprise-grade JavaScript snow effect for the internets, setting CPUs on fire worldwide every winter since 2003.
http://www.schillmania.com/projects/snowstorm/
Other
538 stars 144 forks source link

Clipping on Unicode #36

Closed dedisystems closed 5 years ago

dedisystems commented 5 years ago

I have changed the Snow dot on my website to the 🍂 icon, this being accomplished with "🍂 (U+1F342)" However, I cannot find the best setting for the pixels.

            <script type="text/javascript">
                snowStorm.snowColor = '#DBFFFF'; // blue-ish snow!? < This is poinless if unicode icon present
                snowStorm.flakesMaxActive = 24;  // show more snow on screen at once
                snowStorm.animationInterval = 40; // Flakes Dropping Now
                snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
                snowStorm.excludeMobile = false;  // Excludes mobile
                snowStorm.snowCharacter = '🍂'; // for fall 🍁🍂
                snowStorm.useMeltEffect = false; // Disable for fall
                snowStorm.flakeWidth = 11; // Fix Width clip
                snowStore.flakeHeight = 11; // Fix Height clip
            </script>

Changing the sizes any higher at all only widen 90% of the way, but I cannot get the height correct, any alternative?

This is the best I can get it by adjusting the flakes to very large pixels image

dedisystems commented 5 years ago

image I'v atleast got width to work when its set to 900

                snowStorm.flakeWidth = 900; // Fix Width clip

However, no matter what Height, it still shows the same height. Possibly a limitation? Maybe a work around?

dedisystems commented 5 years ago

Fixed my own issue, Quite simple fix. I forgot to go over my code and missed the spelling mistake on the snowStorm for the flake height, realized it was snowStore instead. Sorry bout that!

scottschiller commented 5 years ago

Ah-ha! Sorry, yes - you need to just fiddle with the flake width/height and you should be able to avoid the clipping issue there.

I realize US Thanksgiving is coming up soon, and it always around this time of year that people start downloading SnowStorm for all the Black Friday and holiday sales. 😬