あゆむん日記 -店の親父と定食と-

だらんだらんした生き物の停滞する日記。もう大概ツイッターにしかいませんけど

桜吹雪スクリプト(簡易版)

すいません、ほとんど俺用メモですが。
俺が良くやる桜吹雪のスクリプトはいつももっと複雑なやつなのですけど、
(花びら5画像ぐらい指定する)
もう1個でいいじゃんということで、まあもしお使いになる方いらっしゃればどうぞ。
僕が今年のシーズンに間に合うかどうかはまた別問題。
まだ何も書いてないのでエイプリルフールにはならないのはうけあい。

花びら画像
http://www.geocities.jp/miseoya1/cherry.gif

コード

<html>
<head>
<title>cherry</title>
</head>
<body bgcolor="black" onLoad="setInterval('moveCherry()',100)">
<script language="JavaScript"><!--
sx = new Array(); sy = new Array(); sp = new Array(); num = 20;    //  花弁の数
scrnx = 1200; scrny = 600;    //  降らせる画面の範囲縦横(ピクセル)
for (i=0; i<num; i++)
{ sx[i] = Math.floor(Math.random() * scrnx);
  sy[i] = Math.floor(Math.random() * scrny);
  sp[i] = Math.floor(Math.random() * 10) + 1;    //  落下速度上限
  document.write("<img src='cherry.gif' style='position:absolute;"
  + "width:15px;height:15px;z-index:3;top:"    //  花弁のサイズ
  + sy[i]+"px;left:"+sx[i]+"px;' name='cherry"+i+"'>"); }
function moveCherry()
{ for (i=0; i<num; i++)
  { sy[i] += sp[i];
    if (sy[i]> scrny) sy[i] = -10;
   document.images["cherry"+i].style.top = sy[i]; }}
// --></script>
</body>
</html>

サンプル
http://www.geocities.jp/miseoya1/cherry.html