The X-Lab - Experimental Development Repository

Haunted Crypt
Category: games
Language: HTML/Javascript
Description:
Mysterious forces are at work in this dark and musty crypt. The deceased's personal effects float around as if caught in some mystic vortex. Grab as many items as you can. But watch out! A possessed skull seeks to guard the treasures from would-be robbers.
Download: hauntedcrypt.zip
Source Code:
<!--### Written by Micah Atwell - www.micahatwell.com/xlab ###-->
<!--
   Haunted Crypt
   Copyright (C) 2006 Micah Atwell, All Rights Reserved.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <title>Haunted Crypt</title>
   <style type="text/css">
      BODY{font-family:Verdana,Arial,Helvetica;font-size:10px;color:#ff3333;background-color:#000000;}
      #board{background-color:black;width:640px;height:480px;position:absolute;left:0px;top:0px;
         background-image:url(imgs/boardBkg.jpg);background-repeat:no-repeat;}
      #scoreboard{font-family:monospace;font-size:14px;font-weight:bold;
         position:absolute;left:5px;top:5px;display:inline;}
      #livesboard{font-family:monospace;font-size:14px;font-weight:bold;
         position:absolute;left:100px;top:5px;display:inline;}
      #screenMsg{position:absolute;left:200px;top:160px;width:240px;height:40px;z-index:50;
         font-family:monospace;font-size:16px;font-weight:bold;color:#dcdccc;text-align:center;}
      #screenMsg span{color:#ff3333;}
      #elFoe{visibility:hidden;position:absolute;}
      #elTarg{visibility:hidden;position:absolute;}
      #elTauntBox{visibility:hidden;position:absolute;padding:3px;background-color:#993300;color:white;font-weight:bold;}
   </style>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div id="board">
   <div id="scoreboard">Score: 0</div>
   <div id="livesboard">Lives: |||||</div>
   <div id="screenMsg">
      <img src="imgs/logo.gif" width="240" height="40" border="0" alt="Haunted Crypt"><br><br>
      Grab as many items as you can without getting munched. Bonus points awarded for speed.<br><br>
      <img src="imgs/btn_startUp.gif" width="60" height="24" border="0" onmousedown="this.src='imgs/btn_startDn.gif';
         " onmouseup="this.src='imgs/btn_startUp.gif';" onmouseout="this.src='imgs/btn_startUp.gif';
         " onclick="startGame();" alt="push to start game" title="push to start game">
      <img src="imgs/btn_startDn.gif" width="60" height="24" border="0" alt="" style="visibility:hidden;display:none;">
      <img src="imgs/btn_restartUp.gif" width="60" height="24" border="0" alt="" style="visibility:hidden;display:none;">
      <img src="imgs/btn_restartDn.gif" width="60" height="24" border="0" alt="" style="visibility:hidden;display:none;">
   </div>
<script language=JavaScript type="text/javascript">
   <!--
      /* DEV NOTES
      
      */
      if(navigator.userAgent.indexOf("MSIE") != -1)var br="IE";
      else if(navigator.userAgent.indexOf("Gecko") != -1)var br="Moz";
      else{
         alert('You must use Internet Explorer or a Mozilla browser to play this game.');
         history.back(1);
      }
      scrmsg = null;
      boardW = 640;
      boardH = 480;
      wait = 1;
      targs=new Array(
         new Array("imgs/spider.gif",10),
         new Array("imgs/book.gif",25),
         new Array("imgs/hourglass.gif",50),
         new Array("imgs/painting.gif",75),
         new Array("imgs/goblet.gif",100),
         new Array("imgs/septre.gif",150),
         new Array("imgs/candle.gif",200),
         new Array("imgs/key.gif",500)
      );
      for(i=0;i<targs.length;i++)
         document.write('<img src="'+targs[i][0]+'" border="0" alt="" style="visibility:hidden;display:none;">');
      targIdx = Math.round(Math.random()*(targs.length-1));
      targImg = new Image();
      targImg.src = targs[targIdx][0];
      document.write('<img id="elTarg" src="'+targImg.src+'">');
      targ = document.getElementById("elTarg");
      targX = 0;
      targY = 0;
      targNextX = 0;
      targNextY = 0;
      targStep = 1;
      targTol = 10;
      chaserL = new Image();
      chaserR = new Image();
      chomper = new Image();
      chaserL.src = "imgs/skullchompL2.gif";
      chaserR.src = "imgs/skullchompR2.gif";
      chomper.src = "imgs/skullchompF2.gif";
      document.write(
         '<img src="'+chaserL.src+'" border="0" alt="" style="visibility:hidden;display:none;">'+
         '<img src="'+chaserR.src+'" border="0" alt="" style="visibility:hidden;display:none;">'+
         '<img src="'+chomper.src+'" border="0" alt="" style="visibility:hidden;display:none;">'+
         '<img src="imgs/poof.gif" border="0" alt="" style="visibility:hidden;display:none;">'+
         '<img id="elFoe" src="'+chaserR.src+'"><span id="elTauntBox"></span>'
      );
      foe = document.getElementById("elFoe");
      tauntBox = document.getElementById("elTauntBox");
      tauntTmO = null;
      foeStep = 3;
      foeTol = foeStep / 2 + 1;
      mX = 0;
      mY = 0;
      mouseOut = true;
      followMouse = false;
      endgame = false;
      scoring = true;
      score = 0;
      lives = 5;
      timer = 0;
      bonusVal = 0;
      bonuses = 0;
      levels = 0;
      
      function getRndNum(seed){
         return Math.round( Math.random() * seed );
      }
      function rndPos(){
         rX = getRndNum(boardW);
         rY = getRndNum(boardH);
         rpos = new Array( rX, rY );
         return rpos;
      }
      function startChase(){
         scoring=true;
         endgame=false;
         newpos = rndPos();
         foeX = newpos[0];
         foeY = newpos[1];
         newpos = rndPos();
         targX = newpos[0];
         targY = newpos[1];
         nextPos = rndPos();
         targNextX = nextPos[0];
         targNextY = nextPos[1];
         setTimeout(
            'startIntv = setInterval("followMouse = false; moveChaser();",10);'+
            'targIdx = Math.round(Math.random()*(targs.length-1)); targ.src=targs[targIdx][0];'+
            'foe.style.visibility = "visible"; targ.style.visibility = "visible";'+
            'timer = 0; runTimer = setInterval("timer++;",1000);',
            wait * 1000
         );
      }
      function moveChaser(){
         if(foeX < mX) foe.src = chaserR.src;
         else foe.src = chaserL.src;
         cnp = calcNewPos( mX, mY, foeX, foeY, foeStep );
         if(foeX >= boardW){
            foe.style.left = --foeX;
            tauntBox.style.left = foeX - 100;
         }else{
            foeX += cnp[0];
            foe.style.left = foeX - ( foe.width / 2 );
            tauntBox.style.left = foeX - 100;
         }
         if(foeY >= boardH){
            foe.style.top = --foeY;
            tauntBox.style.top = foeY - 60;
         }else{
            foeY += cnp[1];
            foe.style.top = foeY - ( foe.height / 2 );
            tauntBox.style.top = foeY - 60;
         }
         cnp = calcNewPos( targNextX, targNextY, targX, targY, targStep );
         targX += cnp[0];
         targY += cnp[1];
         targ.style.left = targX - ( targ.width / 2 );
         targ.style.top = targY - ( targ.height / 2 );
         if(foeCollision()){
            scoring=false;
            clearInterval(startIntv);
            clearInterval(runTimer);
            foe.src = chomper.src;
            followMouse = true;
            lives--;
            updateLives();
            if(lives == 0){
               endgame=true;
               endGame();
            }else setTimeout(
               'foe.style.visibility = "hidden"; targ.style.visibility = "hidden"; startChase();',2000
            );
         }
         if(targetCollision()){
            nextPos = rndPos();
            targNextX = nextPos[0];
            targNextY = nextPos[1];
         }
      }
      function pauseChaser(){
         mouseOut = true;
      }
      function getMpos(e){
         if(br == "IE"){
            mX = window.event.x + document.body.scrollLeft;
            mY = window.event.y + document.body.scrollTop;
         }else if(br == "Moz"){
            mX = e.pageX;
            mY = e.pageY;
         }
         mouseOut = false;
         if(followMouse){
            foe.style.left = mX - ( foe.width / 2 );
            foe.style.top = mY - ( foe.height / 2 );
         }
      }
      function calcNewPos(preyX,preyY,predX,predY,step){
         if(preyX == predX) return;
         arg = ( preyY - predY ) / ( preyX - predX );
         mult = 1;
         if(preyX - predX < 0) mult = -1;
         alpha = Math.atan(arg);
         dx = mult * step * Math.cos(alpha);
         dy = mult * step * Math.sin(alpha);
         if(dx==null || dy==null)return calcNewPos(preyX+1,preyY+1,predX+1,predY+1,step);
         return new Array(dx,dy);
      }
      function foeCollision(){
         if(
            (Math.abs( foeX - mX ) < foeTol ) &&
            (Math.abs( foeY - mY ) < foeTol ) &&
            (!mouseOut)
         ){
            rndQuote( Math.round( Math.random() * 5 ) );
            return true;
         }
      /* // changes image of foe when player grabs target.
         else if((Math.abs(foeX-targX)<(foe.width/2))&&(Math.abs(foeY-targY)<(foe.height/2))){
            clearInterval(startIntv);foe.src="imgs/explosion.gif";
            setTimeout("foe.style.visibility='hidden';targ.style.visibility='hidden';startChase();",2000);
         }
      */
         else if(
            (Math.abs( foeX - mX ) < ( foeTol + 200 ) ) &&
            (Math.abs( foeY - mY ) < ( foeTol + 200 ) ) &&
            (!mouseOut)
         )foeStep = 10;
         else foeStep = 3;
         return false;
      }
      function targetCollision(dest){
         if(
            (Math.abs( targX - targNextX ) < targTol ) &&
            (Math.abs( targY - targNextY ) < targTol )
         )return true;
         return false;
      }
      function isTargetClicked(e){
         if(br == "IE"){
            var eX = window.event.x;
            var eY = window.event.y;
         }else if(br == "Moz"){
            var eX = e.pageX;
            var eY = e.pageY;
         }
         if(
            (Math.abs( targX - eX ) < ( targ.width / 2 ) ) &&
            (Math.abs( targY - eY ) < ( targ.height / 2 ) )
         )targetClicked();
      }
      function targetClicked(){
         clearInterval(runTimer);
         if(scoring){
            calcBonus();
            score+=targs[targIdx][1];
            updateScore();
         }
         clearInterval(startIntv);
         levels++;
         targ.src="imgs/poof.gif";
         if(!endgame)startChase();
      }
      function calcBonus(){
         if(timer < 1)bonusVal = 40;
         else if(timer < 2)bonusVal = 20;
         else if(timer < 3)bonusVal = 10;
         else if(timer < 4)bonusVal = 5;
         else bonusVal = 0;
         bonuses+=bonusVal;
      }
      function updateScore(){document.getElementById("scoreboard").innerHTML='Score: '+score;}
      function updateLives(){
         str='';
         for(var i=0;i<lives;i++)str+='|';
         document.getElementById("livesboard").innerHTML='Lives: '+str;
      }
      function endGame(){
         clearInterval(startIntv);
         targ.style.visibility="hidden";
         foe.style.visibility="hidden";
         tauntBox.style.visibility="hidden";
         score+=bonuses;
         updateScore();
         scrmsg.innerHTML=
            'Game Over!<br><br>'+
            'Levels: <span>'+levels+'</span><br>'+
            'Bonus: <span>'+bonuses+'</span><br>'+
            'Score: <span>'+score+'</span><br><br>'+
            '<img src="imgs/btn_restartUp.gif" width="60" height="24" border="0" '+
            'onmousedown="this.src=\'imgs/btn_restartDn.gif\';" onmouseup="this.src=\'imgs/btn_restartUp.gif\';" '+
            'onmouseout="this.src=\'imgs/btn_restartUp.gif\';" onclick="window.location.reload();" '+
            'alt="push to restart" title="push to restart">';
         scrmsg.style.visibility="visible";
      }
      function rndQuote(r){
         q = new Array(
            "Gotcha!!!",
            "You're mine now!!!",
            "I own you!!!",
            "You can't escape me!",
            "That's mine!",
            "AHHH HA-HA-HA-HA!!!",
            "Muahahahaha!",
            "Mmmm... crunchy!"
         );
         if( r < q.length ) taunt( q[r] );
      }
      function taunt(quot){
         if(tauntTmO == null){
            tauntBox.style.visibility = 'visible';
            tauntBox.innerHTML = quot;
            tauntTmO = setTimeout('tauntBox.style.visibility = "hidden"; tauntTmO = null;', 1500);
         }   
      }
      function startGame(){
         scrmsg=document.getElementById('screenMsg');
         scrmsg.innerHTML='';
         scrmsg.style.visibility='hidden';
         startChase();
      }
      document.onmousemove = getMpos;
      document.onmouseout = pauseChaser;
      document.onmousedown = isTargetClicked;
   //-->
</script>
</div>
</body>
</html>