To put PONG on your site make a new page and insert the following HTML code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Pong From W.O.L</TITLE> </HEAD> <BODY BGCOLOR="black" TEXT="white"> <FONT FACE="Arial"> <P> <br> <SCRIPT> //Script Created by Michael Sigle //Use on your own site with images as long as you keep this script intact window.onerror=new Function("return true") var dx; var dy; var scor = 0; var dod; var pscor = 0; var escor = 0; var point; var los; var reversal = 0; function startUp() { score.scorebox.value = " " score.box.value= " " score.reverse.value = " " } function initialize() { dx = 2; dy = 2; los = Math.round(21 * Math.random()) + 1; point = 0; hefr = Math.round(200 * Math.random()) + 35; vred = Math.round(100 * Math.random()) + 100; ball.style.posTop = hefr; ball.style.posLeft = vred; moveBall() } function moveBall() { var xp = ball.style.posLeft; var yp = ball.style.posTop; var sig = paddle.style.posTop; var gis = paddle.style.posLeft; var hit = document.elementFromPoint(xp,yp); var pore = 215 var place = pore - 1; if (point < 7) { if ((yp >= 15) && (yp <= 215)) paddle.style.posTop = yp - 6; else paddle.style.posTop = place } if (point >= 7) { if ((yp >= 15) && (yp <= 215)) paddle.style.posTop = yp + 13; else paddle.style.posTop = place } if ((yp < 27) || (yp > 258)) dy = dy * -1 if (point >= 15) paddle.style.posTop = sig if (xp >= 358){ escor = escor + .5 score.scorebox.value = " " +escor+ " " gameLose() return } if (xp <= 27) { pscor = pscor + .5 score.box.value = " " +pscor+ " " gameWin() return } if (hit != null) { if (hit.id == "paddle"){ dx = dx * -1; point = point + 1 } else if (hit.id == "enemy") { dx = dx * -1; } } ball.style.posTop += dy ball.style.posLeft += dx window.setTimeout("moveBall()", 1, "JavaScript"); } function movePaddle() { var ypos = window.event.y; if ((ypos >= 15) && (ypos <= 230)) enemy.style.posTop = ypos; } function gameLose() { if (escor >= 15){ goal.style.visibility = "hidden" lose.style.visibility = "visible" alert("Sorry, please try again. You lost by the score of " +escor+ " to " +pscor+ ".") history.go(-1) } else return } function gameWin() { if (pscor >= 15){ goal.style.visibility = "hidden" win.style.visibility = "visible" alert("Well done. You won by the score of " +pscor+ " to " +escor+ ".") history.go(-1) } else return } function reverseIt() { if (reversal <= 9) { if (window.event.keyCode == 118){ dy = dy * -1 reversal = reversal + 1 score.reverse.value = reversal } if (window.event.keyCode == 104){ dx = dx * -1 reversal = reversal + 1 score.reverse.value = reversal } } } </SCRIPT> </HEAD> <BODY onLoad="startUp()" onmousemove="movePaddle()" onKeypress="reverseIt()"> <IMG id="ball" SRC="http://home.talkcity.com/StageSt/tbaynes/ball.gif" STYLE="position: absolute; Top:115; Left:110; Width:16; Height:15;z-index=3;"> <IMG id="border" SRC="http://home.talkcity.com/StageSt/tbaynes/table.gif" STYLE="position: absolute; Top:25; Left:25; Width:350; Height:250;z-index=2;"> <IMG id="paddle" SRC="http://home.talkcity.com/StageSt/tbaynes/pad.gif" STYLE="position: absolute; Top:30; Left:40; Width:15; Height:60; z-index:3"> <IMG id="enemy" SRC="http://home.talkcity.com/StageSt/tbaynes/pad.gif" STYLE="position: absolute; Top:30; Left:340; Width:15; Height:60;z-index:3"> <IMG id="bord" SRC="http://home.talkcity.com/StageSt/tbaynes/border1.gif" STYLE="position: absolute; Top:25; Left:20; Width:5; Height:250;z-index:3"> <IMG id="borde" SRC="http://home.talkcity.com/StageSt/tbaynes/border1.gif" STYLE="position: absolute; Top:25; Left:375; Width:5; Height:250;z-index:3"> <IMG id="bordit" SRC="http://home.talkcity.com/StageSt/tbaynes/border3.gif" STYLE="position: absolute; Top:20; Left:25; Width:350; Height:5;z-index:3"> <IMG id="bordit" SRC="http://home.talkcity.com/StageSt/tbaynes/border3.gif" STYLE="position: absolute; Top:275; Left:25; Width:350; Height:5;z-index:3"> <INPUT TYPE="button" VALUE="Serve" onClick="initialize()" onmousedown="initialize()" STYLE="position: absolute; Top:15; Left:400;z-index:3"> <FORM NAME="score"> <INPUT TYPE="text" NAME="box" SIZE="10" STYLE="position: absolute; Top:69; Left:400;z-index:3"> <INPUT TYPE="text" NAME="scorebox" SIZE="10" STYLE="position: absolute; Top:120; Left:400;z-index:3"> <INPUT TYPE="text" NAME="reverse" SIZE="10" STYLE="position: absolute; Top:190; Left:400;z-index:3"> <DIV STYLE="position: absolute; Left:400; Top:50;z-index:5">Your Score:</DIV> <DIV STYLE="position: absolute; Left:400; Top:100;z-index:5">Opponent Score:</DIV> <DIV STYLE="position: absolute; Left:400; Top:170;z-index:5">Reversals Used:</DIV> <DIV id="win" STYLE="position: absolute; font-size: 50px; Left:15; Top:290; visibility:hidden;z-index:3">You Win!!!!</DIV> <DIV id="lose" STYLE="position: absolute; font-size: 50px; Left:15; Top:290; visibility:hidden;z-index:3">You Lose!!!!</DIV> <DIV id="goal" STYLE="position: absolute; font-size: 12px; Left:15; Top:290; visibility:visible;z-index:3"> <CENTER> <TABLE BGCOLOR="lightblue" width="100%" BORDER="1"><TR><TD><CENTER><A HREF="http://www.worldoflaughter.net">www.worldoflaughter.net</A></CENTER><BR> <FONT COLOR="#00066">Joke, Games, Downloads, Screen Savers and more. Get Pong on youe site!<BR><FONT SIZE="-1"><CENTER>Game By Michael Sigle</CENTER></TD></TR></TABLE> <FONT COLOR="white"><FONT FACE="comic sans ms"><H1>PONG!</H1><P> How to play:<br> Move the mouse up and down to move your paddle(the one on the right). Click on "serve" to begin every time a point is scored (make sure you press down and let up the mouse button on the serve button). You have ten reversals, also. Press the H key at any time to reverse the horizontal movement, or press V to change the vertical movement. Game is to 15. Good Luck!!<br> <p align="center"></DIV> </FORM> </BODY> </HTML> <-- BACK
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Pong From W.O.L</TITLE> </HEAD> <BODY BGCOLOR="black" TEXT="white"> <FONT FACE="Arial"> <P> <br> <SCRIPT> //Script Created by Michael Sigle //Use on your own site with images as long as you keep this script intact window.onerror=new Function("return true") var dx; var dy; var scor = 0; var dod; var pscor = 0; var escor = 0; var point; var los; var reversal = 0; function startUp() { score.scorebox.value = " " score.box.value= " " score.reverse.value = " " } function initialize() { dx = 2; dy = 2; los = Math.round(21 * Math.random()) + 1; point = 0; hefr = Math.round(200 * Math.random()) + 35; vred = Math.round(100 * Math.random()) + 100; ball.style.posTop = hefr; ball.style.posLeft = vred; moveBall() } function moveBall() { var xp = ball.style.posLeft; var yp = ball.style.posTop; var sig = paddle.style.posTop; var gis = paddle.style.posLeft; var hit = document.elementFromPoint(xp,yp); var pore = 215 var place = pore - 1; if (point < 7) { if ((yp >= 15) && (yp <= 215)) paddle.style.posTop = yp - 6; else paddle.style.posTop = place } if (point >= 7) { if ((yp >= 15) && (yp <= 215)) paddle.style.posTop = yp + 13; else paddle.style.posTop = place } if ((yp < 27) || (yp > 258)) dy = dy * -1 if (point >= 15) paddle.style.posTop = sig if (xp >= 358){ escor = escor + .5 score.scorebox.value = " " +escor+ " " gameLose() return } if (xp <= 27) { pscor = pscor + .5 score.box.value = " " +pscor+ " " gameWin() return } if (hit != null) { if (hit.id == "paddle"){ dx = dx * -1; point = point + 1 } else if (hit.id == "enemy") { dx = dx * -1; } } ball.style.posTop += dy ball.style.posLeft += dx window.setTimeout("moveBall()", 1, "JavaScript"); } function movePaddle() { var ypos = window.event.y; if ((ypos >= 15) && (ypos <= 230)) enemy.style.posTop = ypos; } function gameLose() { if (escor >= 15){ goal.style.visibility = "hidden" lose.style.visibility = "visible" alert("Sorry, please try again. You lost by the score of " +escor+ " to " +pscor+ ".") history.go(-1) } else return } function gameWin() { if (pscor >= 15){ goal.style.visibility = "hidden" win.style.visibility = "visible" alert("Well done. You won by the score of " +pscor+ " to " +escor+ ".") history.go(-1) } else return } function reverseIt() { if (reversal <= 9) { if (window.event.keyCode == 118){ dy = dy * -1 reversal = reversal + 1 score.reverse.value = reversal } if (window.event.keyCode == 104){ dx = dx * -1 reversal = reversal + 1 score.reverse.value = reversal } } } </SCRIPT> </HEAD> <BODY onLoad="startUp()" onmousemove="movePaddle()" onKeypress="reverseIt()"> <IMG id="ball" SRC="http://home.talkcity.com/StageSt/tbaynes/ball.gif" STYLE="position: absolute; Top:115; Left:110; Width:16; Height:15;z-index=3;"> <IMG id="border" SRC="http://home.talkcity.com/StageSt/tbaynes/table.gif" STYLE="position: absolute; Top:25; Left:25; Width:350; Height:250;z-index=2;"> <IMG id="paddle" SRC="http://home.talkcity.com/StageSt/tbaynes/pad.gif" STYLE="position: absolute; Top:30; Left:40; Width:15; Height:60; z-index:3"> <IMG id="enemy" SRC="http://home.talkcity.com/StageSt/tbaynes/pad.gif" STYLE="position: absolute; Top:30; Left:340; Width:15; Height:60;z-index:3"> <IMG id="bord" SRC="http://home.talkcity.com/StageSt/tbaynes/border1.gif" STYLE="position: absolute; Top:25; Left:20; Width:5; Height:250;z-index:3"> <IMG id="borde" SRC="http://home.talkcity.com/StageSt/tbaynes/border1.gif" STYLE="position: absolute; Top:25; Left:375; Width:5; Height:250;z-index:3"> <IMG id="bordit" SRC="http://home.talkcity.com/StageSt/tbaynes/border3.gif" STYLE="position: absolute; Top:20; Left:25; Width:350; Height:5;z-index:3"> <IMG id="bordit" SRC="http://home.talkcity.com/StageSt/tbaynes/border3.gif" STYLE="position: absolute; Top:275; Left:25; Width:350; Height:5;z-index:3"> <INPUT TYPE="button" VALUE="Serve" onClick="initialize()" onmousedown="initialize()" STYLE="position: absolute; Top:15; Left:400;z-index:3"> <FORM NAME="score"> <INPUT TYPE="text" NAME="box" SIZE="10" STYLE="position: absolute; Top:69; Left:400;z-index:3"> <INPUT TYPE="text" NAME="scorebox" SIZE="10" STYLE="position: absolute; Top:120; Left:400;z-index:3"> <INPUT TYPE="text" NAME="reverse" SIZE="10" STYLE="position: absolute; Top:190; Left:400;z-index:3"> <DIV STYLE="position: absolute; Left:400; Top:50;z-index:5">Your Score:</DIV> <DIV STYLE="position: absolute; Left:400; Top:100;z-index:5">Opponent Score:</DIV> <DIV STYLE="position: absolute; Left:400; Top:170;z-index:5">Reversals Used:</DIV> <DIV id="win" STYLE="position: absolute; font-size: 50px; Left:15; Top:290; visibility:hidden;z-index:3">You Win!!!!</DIV> <DIV id="lose" STYLE="position: absolute; font-size: 50px; Left:15; Top:290; visibility:hidden;z-index:3">You Lose!!!!</DIV> <DIV id="goal" STYLE="position: absolute; font-size: 12px; Left:15; Top:290; visibility:visible;z-index:3"> <CENTER> <TABLE BGCOLOR="lightblue" width="100%" BORDER="1"><TR><TD><CENTER><A HREF="http://www.worldoflaughter.net">www.worldoflaughter.net</A></CENTER><BR> <FONT COLOR="#00066">Joke, Games, Downloads, Screen Savers and more. Get Pong on youe site!<BR><FONT SIZE="-1"><CENTER>Game By Michael Sigle</CENTER></TD></TR></TABLE> <FONT COLOR="white"><FONT FACE="comic sans ms"><H1>PONG!</H1><P> How to play:<br> Move the mouse up and down to move your paddle(the one on the right). Click on "serve" to begin every time a point is scored (make sure you press down and let up the mouse button on the serve button). You have ten reversals, also. Press the H key at any time to reverse the horizontal movement, or press V to change the vertical movement. Game is to 15. Good Luck!!<br> <p align="center"></DIV> </FORM> </BODY> </HTML>
<-- BACK
