<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;
 
     // Check for mouse collision
 
     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>

All material Copyright (c) 2001-2010 Hexar
Please direct all inquiries, love letters, and hate mail to .

Home •  Blog •  Photos •  Code •  Features •  Resume •  WinTetris