<HTML>

<HEAD>

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


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


function idou(){

　py=py+sy;

　px=px+sx;

　document.ball.style.top = py;

　document.ball.style.left = px;


　if(px<=40) {

    if (py+10<r2y || py+10>r2y+50) {

    	score1=score1+1;

　　	document.myform.ten1.value=score1;

                                   }

　　sx=10;

    sp=sp+5;

             }


  if(py<=50) sy=10;

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


  if (px+20>=380){

　　if (py+10<ry || py+10>ry+50) {

	score2=score2+1;

　　　　document.myform.ten2.value=score2;

				 }

　　sx=-10;

    sp=sp+5;

               　}


　if (score1<4 && score2<4) {setTimeout("idou()",200-sp);} 

　else {

        if (score1==4) { document.myform.ten2.value="負け";

			 document.myform.ten1.value="勝ち";

                       }

        else { document.myform.ten2.value="勝ち";

　　　　　　　 document.myform.ten1.value="負け"; 

             }

       }

}


function kaishi(){

　py=70;

　px=50;

　sy=10;

　sx=10;


　ry=100;

  r2y=100;


　score1=0;

　score2=0;


  sp=0;


　document.ball.style.top = py;

　document.ball.style.left = px;


  document.myform.ten1.value=score1

  document.myform.ten2.value=score2


　setTimeout("idou()",1000);


}


function bar_move()

{

　　k=event.keyCode;


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

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


　　if (k==65 && r2y>50) r2y=r2y-10;

　　if (k==90 && r2y+50<350) r2y=r2y+10;


　　document.racket.style.top = ry;

    document.racket2.style.top = r2y;

}


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:50px;">

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

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


<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>

Player 2:　　　　　   　　　　Player 1:<BR>

　　↑＊ [Ａ] Key　　　　　　　　↑＊ [Ｊ] Key <BR>

　　↓＊ [Ｚ] Key　　　　　　　　↓＊ [Ｎ] Key <P>


<INPUT TYPE="TEXT" NAME="ten2"> : <INPUT TYPE="TEXT" NAME="ten1"><BR>


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