JavaScript:ブラウザ画面いっぱいに雪を降らす

スポンサーリンク
JavaScript:雪が降る(canvasで複数画像を回転) JavaScript

季節物です。

以前JavaScriptで作った雪が降るプログラムを新しく書き直して、ブラウザ画面いっぱいに雪を降らせるようにした。

JavaScriptでもclassの記述が使えるようになったので、以前functionとして定義していた雪オブジェクトをclass定義に書き直した。

canvasタグをブラウザ画面いっぱいに表示するためにdocument.body.clientHeightなどを使って作成しようとしたが、うまくいかず、最終的にブラウザいっぱいにcanvasタグを広げる部分に関しては、以下のサイトを参考にした。

HTML5のcanvas要素を常に画面いっぱいに表示されるようにする方法

以下プログラムです。

HTML部分(index.html)、JavaScript部分(snow.js)

コメント

タイトルとURLをコピーしました