| 【JavaScript/DHTMLのポイント】 |
|
雷
- ロード時にブラウザの種類の判定後、IniSet()関数が画面サイズの取得をした後、レイヤ名を設定し、
夜空の画像と閃光３枚、タイトル画３枚の画像を初期位置に移動します。その後タイマを使って100ms後にThunder()関数を呼び出し、閃光、稲妻などの表示処理を開始します。
- 稲妻、閃光はそれぞれ１種につき３つのレイヤ(Div)に光らせる順の画像を貼り付けられています。稲妻は幅が100ピクセルで、光らせるとき夜空の上を移動させます。
- Thunder()関数は起動されると閃光、稲妻で光らせている途中のものは無いかをTh[0]〜Th[6]の値が１以上かどうかで判断し、１なら1枚目のレイヤを見えるようにし、２なら1枚目を消して２枚目を表示し、
３なら２枚目をけし、３枚目を表示し、４なら３枚目を消しTh[i]の値を0に戻します。値が１〜３なら＋１します。
- 表示中の処理が終わると次の表示の準備に入ります。乱数を計算し0.1より小さければ表示の準備をし、大きい時は新たな表示はしません。表示の準備はAdd()関数を使い乱数で未表示の稲妻などを１０回まで探し、
未使用のものがあればTh[i]の値を１にし、次回のタイムアウトで表示されます。このとき稲妻（i=1〜5)なら乱数を使って表示位置を決め、その位置に３枚のレイヤを移動します。
- 「落雷」ボタンを押すとAdd()関数が呼ばれ、上の手順で未表示の稲妻/閃光が探され、次回の表示準備がされます。
Java Script事例集トップページへ
鴈野さんちのHomePage TOPへ
ご感想などは鴈野 敏生 まで。
