*[nascha_page_id] snow ページに雪を降らせてみる cssとjsの組み合わせ。
画像は今回使っていない。
cssでは雪の形状と左右にゆらゆらする動きを定義して、自由落下についてはjsで定義している。
特になにがどうというポイントはないけどjqueryを使わずに作ったのがゆいいつのポイント。
説明ってほどではないけど左右にゆらゆら動くのはちゃんとjsで計算させるのがめんどくさかったのでcssで何個か定義させておいてjs側でランダムに選択するとわりと手っ取り早い。
画面内での賑やかさ的に40個の雪を生成させている。
降らすタイミングは0〜20秒くらいのランダムな形で差をつけてスタートさせて画面から消えたらまた上から、という形でループさせてるけど、どうも初回と2回目の間があいてる感じがする。
もっとちゃんと数学的に楽で正しい解決方法があるように思うけど。
2023/12/15