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

JavaScript:雪が降る(canvasで複数画像を回転) プログラム

季節物です。

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

[btn target=”_blank” href=”https://torisky.com/public/snow/index.html” class=”raised main-bc strong”]雪を見る[/btn]

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

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

[sanko target=”_blank” href=”https://tsukulog.net/archives/2134″ title=”HTML5のcanvas要素を常に画面いっぱいに表示されるようにする方法” site=”ツクログ”]

以下プログラムです。

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

コメント

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