おそらきれい〜2020冬〜

おそらきれい〜2020冬〜

21:44・2020/12/19　公開

21:51・2020/12/19　更新

サムネのフォント:FOT-ロックンロール Std DB

見た目

雪だるまを設置し、雪の結晶を降らせました。

雪だるま

0.8秒ごとに輪郭がちょっと変わります。

const yukidaruma = document.getElementsByClassName('yukidaruma');
                    let _src = yukidaruma[0].getAttribute('src');
                    let _flag = 0;

                    window.onload = function(){
                    setInterval("yuki()", 800);
                    }

                    function yuki() {
                        if (_flag == 0) {
                        _src = _src.replace('yukidaruma2', 'yukidaruma');
                        yukidaruma[0].setAttribute('src', _src);
                        _flag = 1;
                        }else if (_flag == 1) {
                        _src = _src.replace('yukidaruma', 'yukidaruma2');
                        yukidaruma[0].setAttribute('src', _src);
                        _flag = 0;
                        };
                    };

雪の結晶

雪とか氷とか色々降らせる「snowfall.jquery.js」（デモあり）

こちらのサイトを参考に表示しました。

クリスマスっぽくならなかったので冬という括りになりました(´Д`)

【追記】雪だるまの向きを変えました