Hype Snow (for the upcoming christmas season)

MaxZieb · November 19, 2021, 10:07pm

Based on https://codepen.io/wikyware-net/pen/rNmaqBz . Resize handler was removed but can be reimplemented from source, but then it would need to react to the Hype dimensions.

dsedlarski · November 30, 2021, 2:12pm

This is the most convincing artificially generated snow I've ever seen.

MaxZieb · November 30, 2021, 2:25pm

And the best … if you observed it carefully the vector of each flake is a straight line (on an angle). Flakes "changing" direction is only an illusion… we don’t see crossing linear flakes, but project our expectation of snow falling in a wobbly line.

obj.x += obj.vx;
obj.y += obj.vy;

ktewes · December 15, 2021, 9:39am

Thanks @MaxZieb for your kind help!!

http://dpa-webgrafik.s3.amazonaws.com/customers/client/aws/my/html/index.html?pathSrc=aktuell/2021_12_14/weisseWeihnacht/cont&nameCSS=style_1_2.css&versionScript=2.7

alexlii · December 26, 2021, 4:31am

Hello,

It seem there is some errors, anyway to fix?

By the way, is is possible to enable flexible layout, so that it also work in mobile mode?

Merry Christmas

MaxZieb · December 26, 2021, 7:39am

I actually removed the resize event as it was based on the window port and not the hype container dimensions. Just comment the line in code containing the variable mentioned in the screenshot.

If you need flexible scale based resizing you would need to implement it using layout request or some other method watching the container dimensions or use the original window port based re-initialization (resize event).

For simple fixed scene size responsiveness just stop the snow on scene uploads and start it on scene loads and use different container sizes.

You might need to tweak the code.