<HTML>

<HEAD>

<TITLE>テニスゲームの制作</TITLE>


<script language="JavaScript"><!--


function idou(){

　py=py+sy;

　px=px+sx;


　p2y=p2y+s2y;

　p2x=p2x+s2x;  


　document.ball.style.top = py;

　document.ball.style.left = px;


　document.ball2.style.top = p2y;

　document.ball2.style.left = p2x;


　if(px==10) sx=10;

  if(py<=50) sy=10;

　if(py+20>=350) sy=-10;


　if(p2x==10) s2x=5;

  if(p2y<=50) s2y=5;

　if(p2y+20>=350) s2y=-5;


  if (px+20>=380){

　　if (py+10>=ry && py+10<=ry+50) {

    	score=score+10;

　　	document.myform.tensu.value=score;

                                    }

　　else {miss=miss+1;

　　document.myform.misu.value=miss;}

　　sx=-10;

　}


  if (p2x+20>=380){

　　if (p2y+10>=ry && p2y+10<=ry+50) {

	score=score+10;

	document.myform.tensu.value=score;

                                     }

    else {miss=miss+1;

    document.myform.misu.value=miss;}

　　s2x=-5;

　}


　if (miss<4) {setTimeout("idou()",200-score/2);} 

　else {document.myform.misu.value="GameOver";}

}


function kaishi(){

　py=70;

　px=30;

  p2y=100;

  p2x=200;

　sy=10;

　sx=-10;

  s2y=5;

  s2x=5;


　ry=100;

　score=0;

　miss=0;


　document.ball.style.top = py;

　document.ball.style.left = px;


　setTimeout("idou()",1000);

}


function bar_move()

{

　　k=event.keyCode;

    ry0=ry;

　　if (k==74 && ry>50) ry=ry-10;

　　if (k==78 && ry+50<350) ry=ry+10;

　　document.racket.style.top = ry;


}


window.document.onkeydown=bar_move;


// --></script>


</HEAD><BODY>

<H2>* テニスゲーム その８ *</H2><p>


<IMG SRC="court.jpg" NAME="court" style="position:absolute;top:50px;left:10px;">

<IMG SRC="ball.jpg" NAME="ball" style="position:absolute;top:70px;left:30px;">

<IMG SRC="ball.jpg" NAME="ball2" style="position:absolute;top:100px;left:200px;">

<IMG SRC="racket.jpg" NAME="racket" style="position:absolute;top:100px;left:380px;">


<DIV style="width : 400px;height : 100px;top : 370px;left : 20px;  

  position : absolute; z-index : 1; visibility : visible;" id="Layer1">


<FORM NAME="myform">


<INPUT TYPE="button" VALUE="スタート" onClick="kaishi()"><P>


↑＊ [Ｊ] Key <BR>

↓＊ [Ｎ] Key <P>


SCORE : <INPUT TYPE="TEXT" NAME="tensu"><BR>

MISS : <INPUT TYPE="TEXT" NAME="misu">


</FORM></DIV></BODY></HTML>