なのブログ

   

メンタル障害持ちながらA型就労で広告デザインやWebをしている人のブログ

【JavaScript】canvas要素を使って雪を降らせる

もうすぐクリスマス。
というわけで期間限定でブログに雪を降らせてみました。

https://www.otwo.jp/blog/canvas_sakura/
ベースとなるJSはこちらを参考にさせていただきました。詳しく解説が載っています。こちらは桜の花をひらひら降らせています。

http://www.shurey.com/js/samples/1_tips10.html
ドキュメントの高さを取得する為にこちらを参考にさせていただきました。

https://qiita.com/shouchida/items/83c48c7423ea0eb617b8
canvas要素をz-indexなどを使い画面のいっぱいに表示すると、下にあるリンクなどがクリックできなくなったのでpointer-events: none;を指定。こちらを参考にさせていただきました。

ウィンドウをスクロールしても雪の粒がしばらくはちゃんとあるのに、あるところで消えてしまうのでそれが惜しいです。もっと勉強しないと!

今日はArduinoの勉強のために、電子パーツのお店に行ってソレノイドなどを買いました。進級展があるのでその展示のためになにを作ろうか考えています。いままでガラクタのように見えて素通りしていた電子パーツ類がいまは輝いて見えます。