跳ねるウサギ

説  明
うさぎが画面下で跳ねます。

注意事項
下記サンプルの赤字部分が跳ねる速度、青文字が跳ねる高さ、紫色が移動方向および移動速度、緑色がウサギの画像になっています。それぞれの状況に応じて書き換えてください。


動作雰囲気チェック >>実行
サンプル
<html>
<head>
<title>ウサギぴょこぴょこ</title>
<script language="JavaScript"><!--
x = 0;
baseY = 100; // はねる地面の位置
n = 0;
dx = 1;
function jump()
{
baseY = document.body.clientHeight - document.usagi.height + 10;
n = n + 0.1;
a = Math.abs(Math.floor(Math.sin(n) * 35));
if (a > 8)
{
x = x + dx;
y = baseY - a;
document.usagi.style.pixelTop = y;
document.usagi.style.pixelLeft = x;
}
}
// --></script>
</script>
</head>
<body onLoad="setInterval('jump()',100)">
<img src="usagi.gif" name="usagi" style="position:absolute;top:100px;left:0px;">
</body>
</html>