児童書のおすすめ本59選

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

JavaScript:雪が降る(canvasで複数画像を回転)

季節物です。

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

雪を見る

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

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

参考 HTML5のcanvas要素を常に画面いっぱいに表示されるようにする方法ツクログ

以下プログラムです。

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

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA