JAVASCRIPT - Pong

Pong

Compatibilidad: Ms Internet Explorer, Netscape
Este script simula un conocidísimo juego de la prehistoria del ordenador. Pincha en el enlace para saber sin más rodeos de cuál se trata.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<SCRIPT LANGUAGE="JavaScript">
<!--  to hide script contents from old browsers
// rev 0.04
var crlf = "\r\n";  
// should determine from browser type
	var x = 1;
	var y = 1;
	var dx = 1;
	var dy = 1;
	var s = "";
	var u = 0;
	var oops_flag = false;
	var score = 0;

}
    if (y <  0) { y += 2 * Math.abs(dy); 
if (dy < 0) dy = -dy; }
  }

function display1() {
    var s1 = ""
    var i,j;
    if (oops_flag) return "Oops!! You messed up on the easiest game ever made!! I feel sorry for you!! You need a lot of practice!! Come back often and play!!!!!!";
    for (j=0;j<15;j++) {

for (i=0;i<32;i++) {
	if (j == y && i == x) s1 += "o";
        else s1 += ".";
      }
      s1 += crlf;
    }
    var s2 = ""
    for (i=0;i<16;i++) {
       if (u == i) s2 += "==";
       else s2 += "..";
    }
    return (s1+s2)
  }
  var timerID = null;
  var timerRunning = false;
  var myform;

function stopclock (){
        if(timerRunning) clearTimeout(timerID);
        timerRunning = false;
  }

function startclock (form) {
        myform = form;
	oops_flag = false;
	if (navigator.userAgent.indexOf("Mac") > 2) crlf = "\n";
	// Make sure the clock is stopped
        stopclock();
        dotime();
  }

function dotime () {
	move1();
        if (myform != null) {
	  myform.text3.value = display1();	  
	  myform.score.value = " " + score;
	}
	if (!oops_flag) timerID = setTimeout("dotime()",200);
        timerRunning = true;
  }
// end hiding contents from old browsers  -->
</SCRIPT>

<CENTER>Press start to run. Wave your mouse directly over the dashes under the text area to 
move the "paddle".
<hr>
<FORM NAME="myForm" >
TEXTAREA NAME="text3" ROWS=16 COLS=34 WRAP>
[game field]
/TEXTAREA>
Score: <INPUT TYPE="text" NAME="score" SIZE=10 VALUE=0>
<p>
<a href="" onMouseOver="u =  0">\\\</a>
<a href="" onMouseOver="u =  1">///</a>
<a href="" onMouseOver="u =  2">\\\</a>
<a href="" onMouseOver="u =  3">///</a>
<a href="" onMouseOver="u =  4">\\\</a>
<a href="" onMouseOver="u =  5">///</a>
<a href="" onMouseOver="u =  6">\\\</a>
<a href="" onMouseOver="u =  7">///</a>
<a href="" onMouseOver="u =  8">\\\</a>
<a href="" onMouseOver="u =  9">///</a>
<a href="" onMouseOver="u = 10">\\\</a>
<a href="" onMouseOver="u = 11">///</a>
<a href="" onMouseOver="u = 12">\\\</a>
<a href="" onMouseOver="u = 13">///</a>
<a href="" onMouseOver="u = 14">\\\</a>
<a href="" onMouseOver="u = 15">///</a>
.... wave your cursor here
<BR><BR>
<INPUT TYPE="button" NAME="Button1" VALUE="[ Start Game ]" onCLick="startclock(this.form)">
</FORM>
</CENTER>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de los script de esta sección]