19:45・2022/04/11
おそらきれい〜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」(デモあり)
こちらのサイトを参考に表示しました。
クリスマスっぽくならなかったので冬という括りになりました(´Д`)
【追記】雪だるまの向きを変えました