季節物です。
以前JavaScriptで作った雪が降るプログラムを新しく書き直して、ブラウザ画面いっぱいに雪を降らせるようにした。
JavaScriptでもclassの記述が使えるようになったので、以前functionとして定義していた雪オブジェクトをclass定義に書き直した。
canvasタグをブラウザ画面いっぱいに表示するためにdocument.body.clientHeightなどを使って作成しようとしたが、うまくいかず、最終的にブラウザいっぱいにcanvasタグを広げる部分に関しては、以下のサイトを参考にした。
HTML5のcanvas要素を常に画面いっぱいに表示されるようにする方法リンク切れ
以下プログラムです。
HTML部分(index.html)、JavaScript部分(snow.js)
コメント