Dodge 'Em 2

Installation Instructions:

1: Copy and paste the following style declaration in the HEAD section of your page:
Select all...

Copy and paste the following script in the HEAD section of your page:
Select all...

var yoffset=60;

var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var speed=300, hitcount=1, randcar=0, oktoanimate=true, oktotestcrash=true, okmouse=true;
var car, road, crash, xcntr,aid=0;
var drive=new Array();
var ycoords=[47,58,68,83,99,122,144,172,200];
var xcoords=[ [-57,-25,5,37], [-67,-31,5,42], [-78,-36,6,48], [-91,-43,6,57], [-105,-50,6,64], [-126,-60,6,74], [-148,-70,6,84], [-171,-80,7,97], [-194,-91,7,112] ];
var cararray=[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]];
var carimages=new Array();
for(p=1;p<=4;p++){
carimages[p]=new Image();
carimages[p].src='drive'+p+'.gif';
}

function moveidto(id,x,y){
if(ns4)id.moveTo(x+xcntr,y+yoffset);
else{
id.style.left=x+xcntr+'px';
id.style.top=y+yoffset+'px';
}}

function trckmse(evt){
cx=(ie4||ie5)? event.clientX:evt.pageX;
if((cx<=xcntr+164)&&(cx>=xcntr-156)&&okmouse)moveidto(car, cx-47-xcntr, 200);
return false;
}

function resize(){
xcntr=(ie4||ie5)? document.body.clientWidth:window.innerWidth;
var wh=(ie4||ie5)? document.body.clientHeight:window.innerHeight;
if((wh<450) || (xcntr<600))window.resizeTo(620,470);
xcntr=xcntr/2;
moveidto(car, 0, 200);
moveidto(road, -250, 0);
}

function getid(id){
if(ns4) return findlayer(id,document);
else if(ie4)return document.all[id];
else return document.getElementById(id);
}

// FUNCTION TO FIND NESTED LAYERS IN NS4 BY MIKE HALL
function findlayer(name,doc){
var i,layer;
for(i=0;i<doc.layers.length;i++){
layer=doc.layers[i];
if(layer.name==name)return layer;
if(layer.document.layers.length>0)if((layer=findlayer(name,layer.document))!=null)return layer;
}
return null;
}

function getkeypress(keypress){
keyp=(ie4||ie5)? event.keyCode:keypress.which;
if(keyp==112){
oktoanimate=false;
clearTimeout(aid);
alert('Game Paused....\n\nPress "OK" to continue.');
oktoanimate=true;
animate();
}
return false;
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)',400);
else resize();
}

window.onload=function(){
for(i=1;i<=36;i++)drive[i]=getid('drive'+i);
car=getid('car');
road=getid('road');
crash=getid('crash');
if(ns4)document.captureEvents(Event.MOUSEMOVE | Event.KEYPRESS);
document.onmousemove=trckmse;
document.onkeypress=getkeypress;
resize();
alert('INSTRUCTIONS:\n\n- Use the mouse to navigate the car around other cars.\n- Press "P" to pause the game.\n\nPress "Ok" when ready...');
status="You\'ve crashed 0 times";
animate();
testcrash();
}
</script>

3: Copy and paste the following HTML in the BODY section of your page:
Select all...

4: There is a "yoffset" variable at the top of the script you can use to set how far down the page the game starts. A setting of 0 sets the game right at the top, bigger numbers push the game down the page. The horizontal position is always centered.

5: If you have page content after the game, you'll have to add a bunch of linebreak tags ( <BR> ) or something to give the game enough "whitespace".