<html>
<head>
<title>Mario Kart: Evasion</title>
<script language="JavaScript" type="text/javascript">
<!--
var mouseX = 0;
var mouseY = 0;
var paused = true;
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = trackMouse;
function trackMouse(e)
{
mouseX = e.pageX;
mouseY = e.pageY;
if (mouseX < 0 || mouseX > window.innerWidth ||
mouseY < 0 || mouseY > window.innerHeight)
{
paused = true;
document.paused.left = window.innerWidth/2 - 100;
document.paused.top = window.innerHeight/2 - 25;
document.paused.visibility = "show";
}
else if (paused == true)
{
paused = false;
document.paused.visibility = "hide";
}
}
function move()
{
var lose = false;
if (!paused)
for (var i = 0; i < document.layers.length-1; i++)
{
var layer = document.layers[i];
layer.moveBy(layer.delX, layer.delY);
if (layer.left <= 0 && layer.delX < 0)
layer.delX = -layer.delX;
else if (layer.left + 48 >= window.innerWidth && layer.delX > 0)
layer.delX = -layer.delX;
if (layer.top <= 0 && layer.delY < 0)
layer.delY = -layer.delY;
else if (layer.top + 48 >= window.innerHeight && layer.delY > 0)
layer.delY = -layer.delY;
if (layer.left <= mouseX && layer.left + 48 >= mouseX &&
layer.top <= mouseY && layer.top + 48 >= mouseY && !lose)
{
alert("You ran into " + layer.name + "!");
lose = true;
}
}
setTimeout("move()", 20);
}
</script>
</head>
<body bgcolor="#ffffff" onLoad="move();">
<layer name="Donkey Kong" background="lay1.gif" top=90 left=100
width=48 height=48 onLoad="this.delX = -1; this.delY = -1;"></layer>
<layer name="Yoshi" background="lay2.gif" top=20 left=20
width=48 height=48 onLoad="this.delX = 3; this.delY = 2;"></layer>
<layer name="Wario" background="lay3.gif" top=50 left=10
width=48 height=48 onLoad="this.delX = 3; this.delY = -4;"></layer>
<layer name="Toad" background="lay4.gif" top=120 left=20
width=48 height=48 onLoad="this.delX = 2; this.delY = 3;"></layer>
<layer name="Princess" background="lay5.gif" top=77 left=22
width=48 height=48 onLoad="this.delX = -1; this.delY = -2;"></layer>
<layer name="Mario" background="lay6.gif" top=34 left=33
width=48 height=48 onLoad="this.delX = -2; this.delY = 2;"></layer>
<layer name="Luigi" background="lay7.gif" top=46 left=100
width=48 height=48 onLoad="this.delX = -2; this.delY = -1;"></layer>
<layer name="Bowser" background="lay8.gif" top=29 left=58
width=48 height=48 onLoad="this.delX = 1; this.delY = 5;"></layer>
<layer name="paused" background="paused.gif" top=50 left=50
width=200 height=50 visibility=hidden></layer>
</body>
</html>