【P▼Z SYSTEM】雪アニメーション“falling

雪アニメーション“falling_snow.js”

　　　 利用規約 -terms of use-

いきなり注意！ -Attention!-

You may not use all source programs on this site if you can't understand Japanese.
ソースコード使用の際には必ず利用規約をお読みください。

雪アニメーション“falling_snow.js”とは

呼び出されると、あらかじめ設定しておいた画像をブラウザ画面中に雪の様に降らせるアニメーション処理を行います。
JavaScriptで記述されています。JavaScriptをサポートしていない、もしくはJavaScript実行を許可しない設定となっているブラウザでは動作しません。
InternetExplorer6.0およびNetscape7.1にて正常動作を確認済みです。
アニメーション処理はページを開いている限り続行させることも、数秒で止めることもできます。このページでは続行を指定しています。
画像はブラウザが対応している形式であれば(GIF、JPG等）特に限定しません。
設定できる画像は2種類までです。

使ってみたらどんな感じ？

見たまんまですな。（笑

どうやって使うの？

お使いのブラウザがJavaScriptを許可している事を確認してください。
降らせたい画像を用意してください。
下記画像をダウンロードしてお使いいただいても構いません。透過処理済みです。（直リンクはお断りします。）
　
TOPページにてfalling_snow.jsをダウンロードしてください。

falling_snow.jsに各種設定事項を書きこみ、falling_snow.jsを呼び出す記述をHTMLファイル内に付け加えてください。
記述方法は下記を参照してください。

falling_snow.jsへの記述

“プログラム設置前にここでお好みの設定情報をセットしてください”という文の下の

var img_snow0 = "../imgforjs/star_b.gif";	// imgデータパスその1
var img_snow1 = "../imgforjs/star_r.gif";	// imgデータパスその2

の画像URL部分（赤字の部分）を降らせたい画像のURLに書きかえる。
画像は2種類まで指定できます。1種類だけ降らせたい場合は2行ともおなじURLを指定してください。

同じく、“プログラム設置前にここでお好みの設定情報をセットしてください”という文の下の設定事項を書きかえる。

var tsz_snow = 40;	// 画像タテサイズ
var ysz_snow = 40;	// 画像ヨコサイズ
var num_snow = 15;	// 表示する画像枚数
var tim_snow = 0;	// 実行時間（100=1秒実行 0以下=ずっと実行)

ピンクの字は降らせたい画像のタテ・ヨコサイズです。ピクセル単位で書きこんでください。
グリーンの字は１画面に一度に表示する画像の枚数です。あまり多すぎると処理が重くなります。
オレンジの字はアニメーション処理を行う時間です。
グリーン、オレンジの字はそれぞれ、実際に動かしながら微調整を行うと良いと思います。

HTMLファイルへの記述

<HEAD>タグと</HEAD>タグに挟まれた位置に下の一文を追加する。

HTMLファイルとfalling_snow.jsを同じフォルダに置くのなら、上記の書き方になります。
異なるフォルダに置くのなら、相対または絶対パスでfalling_snow.jsを記述する必要があります。
言っている意味がわからない！という方は同じフォルダに置いておくのが無難でしょう。

<BODY>タグと</BODY>タグに挟まれた位置に、下のようなタグ記述を追加する
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

falling_snow.jsとHTMLファイル、画像ファイルをサーバにアップロードしてください。
Homepageに【P▼Z SYSTEM】へのリンクをはっていただけると大変嬉しいです。

謝辞

信じがたい程の自由度を持つサーバを無料で提供してくださっているxrea.comさんに感謝いたします。