The X-Lab - Experimental Development Repository

Service Call
Category: games
Language: HTML/Javascript
Description:
Your employer's network just went down and you have been dispatched for repairs. You don't have time to swerve in and out of traffic and that old work van just couldn't handle it anyway. Fortunately, you've outfitted it with one of your wireless transmitters, highly modified into a directed energy weapon, capable of obliterating anything in its path. Blast your way down the Interstate so you can make your repairs on time!
Download: servicecall.zip
Source Code:
<!--### Written by Micah Atwell - www.micahatwell.com/xlab ###-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <title>SERVICE CALL</title>
   <script language=javascript type="text/javascript">
      <!--
         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);}
         var scrollInterval = null;
         var plMsgTimeout = null;
         var speedFactor = 7;
         var speedMultiple = 2;
         var mph = 40;
         var mphC = 1;
         var gov = 110;
         var gasInterval = null;
         var brakeInterval = null;
         var gameRunning = false;
         var health = 100;
         var score = 0;
         var enemyOn = false;
         var curEnemy = null;
         var enemyPts = 0;
         var beamOn = false;
         var hitsReqd = 0;
         var curHits = 0;
         
         // an enemy = new Array(
         //      [0]"path/to/img",
         //      [1]imgW,
         //      [2]imgH,
         //      [3]pts,
         //      [4]hitsReqd,
         //      [5]dmg
         //   );
         var enemy01 = new Array("imgs/car01.gif",65,20,50,1,10);   //   old camaro
         var enemy02 = new Array("imgs/van02.gif",65,25,250,1,15);   // silver minivan
         var enemy03 = new Array("imgs/truck01.gif",83,28,100,1,15);   // old blue chevy w/camper
         var enemy04 = new Array("imgs/truck02.gif",70,32,250,1,20);   // truck-o-drunks
         var enemy05 = new Array("imgs/truck03.gif",293,58,500,2,50);   // Big P tractor-trailer
         var bonusHealth = new Array("imgs/amb.gif",73,32,20,1,0);   // ambulance
         var enemies = new Array(enemy01,enemy02,enemy03,enemy04,enemy05,bonusHealth);
         
         function declareObjs(){
            board = document.getElementById("gameboard");
            road = parseInt(board.style.backgroundPosition);
            van = document.getElementById("vehicle");
            enemy = document.getElementById("enemyVehicle");
            crosshairs = document.getElementById("imgCrosshairs");
            beam = document.getElementById("beamImg");
            explosion = document.getElementById("imgExplosion");
            sparks = document.getElementById("imgSparks");
            instr = document.getElementById("instrPanel");
            spdmtr = document.getElementById("speedometer");
            timeL = document.getElementById("timeLeft");
            playerScore = document.getElementById("scoreboard");
            hlthmtr = document.getElementById("healthMeter");
            plMsg = document.getElementById("playerMsg");
            declareObjDims();
         }
         function declareObjDims(){
            boardW = 600;
            boardH = 157;
            board.style.width = boardW;
            board.style.height = boardH;
            board.style.backgroundPosition = "0px 0px";
            board.style.left = 0;
            vanW = 67;
            vanH = 33;
            van.style.width = vanW;
            van.style.height = vanH;
            van.style.left = 70;
            van.style.top = (boardH - vanH) - 1;
            enemy.style.left = boardW;
            enemy.style.top = boardH - 1;
            enemy.style.width = 0;
            enemy.style.height = 0;
            beam.style.width = 300;
            beam.style.height = 29;
            beam.style.left = parseInt(van.style.left) + 46;
            beam.style.top = parseInt(van.style.top) + 4;
            crosshairs.style.left = (parseInt(beam.style.left) + parseInt(beam.style.width) ) - 6;
            crosshairs.style.top = boardH - 8;
            explosion.style.left = (parseInt(beam.style.left) + parseInt(beam.style.width) ) - 17;
            explosion.style.top = boardH - 70;
            explosion.style.width = 70;
            explosion.style.height = 70;
            sparks.style.width = 64;
            sparks.style.height = 32;
            sparks.style.left = (parseInt(beam.style.left) + parseInt(beam.style.width) ) - parseInt(sparks.style.width);
            sparks.style.top = boardH - parseInt(sparks.style.height) + 1;
            plMsg.style.top = boardH / 2;
            plMsg.style.left = parseInt(crosshairs.style.left) - 20;
            instr.style.top = boardH;
            instr.style.width = boardW;
         }
         function getKeyDownIE(){if(event.keyCode==70)fire();/*f*/else if(!gameRunning&&event.keyCode==83)startGame();/*s*/else if(gameRunning&&event.keyCode==81)stopGame(0);/*q*/else if(event.keyCode==82)window.location.reload();/*r*/else return false;}
         function getKeyDownMoz(e){if(e.which==70)fire();/*f*/else if(!gameRunning&&e.which==83)startGame();/*s*/else if(gameRunning&&e.which==81)stopGame(0);/*q*/else if(e.which==82)window.location.reload();/*r*/else return false;}
         function getRndNum(seed){return Math.round(Math.random()*seed);}
         function sendPlMsg(what,bgColor,fgColor,per){plMsg.style.visibility="visible";if(!per)plMsgTimeout=setTimeout("plMsg.innerHTML='';plMsg.style.visibility='hidden'",3000);else clearInterval(plMsgTimeout);plMsg.style.backgroundColor=bgColor;plMsg.style.color=fgColor;plMsg.innerHTML=what;}
         function doCountdown(){tCur=timeL.innerHTML.split(':');s=tCur[1];m=tCur[0];z="";if(s==0){if(m==0){stopGame(1);return;}else{s=59;m--;}}else{s--;if(s<10)z="0";}timeL.innerHTML=m+":"+z+s;}
         function startGame(){gameRunning=true;van.style.visibility="visible";crosshairs.style.visibility="visible";spdmtr.innerHTML=mph;countdown=setInterval("doCountdown()",1000);scrollInterval=setInterval("scrollRoad()",50);speedInterval=setInterval("gas()",2000);enemyInterval=setInterval("mkEnemy()",1000);}
         function stopGame(stat){gameRunning=false;clearInterval(scrollInterval);clearInterval(speedInterval);clearInterval(gasInterval);clearInterval(countdown);clearInterval(enemyInterval);clearInterval(moveEnemyInterval);if(stat==1)sendPlMsg('GAME OVER<br>You Won!','#339900','white',true);else if(stat==0)sendPlMsg('GAME OVER<br>You Lost!','#cc3300','white',true);}
         function scrollRoad(){bdpos=board.style.backgroundPosition.replace(/px/g,'').split(' ');board.style.backgroundPosition=(bdpos[0]-speedFactor)+' 0';}
         function gas(){if(mph<gov){mph++;spdmtr.innerHTML=mph;if(mphC==speedMultiple){speedFactor++;mphC=1;}else mphC++;}else clearInterval(gasInterval);}
         function bump(){van.style.top=parseInt(van.style.top)-10;wait=setTimeout("van.style.top=parseInt(van.style.top)+10",50);}
         function mkEnemy(){if(!enemyOn){enemyOn=true;curHits=0;curEnemy=getRndNum(enemies.length-1);enemy.style.backgroundImage="url("+enemies[curEnemy][0]+")";enemy.style.width=enemies[curEnemy][1];enemy.style.height=enemies[curEnemy][2];enemy.style.top=boardH-(enemies[curEnemy][2]+1);enemy.style.visibility="visible";enemyPts=enemies[curEnemy][3];moveEnemyInterval=setInterval("moveEnemy()",50);}}
         function moveEnemy(){if(parseInt(enemy.style.left)>parseInt(van.style.left)+vanW)enemy.style.left=parseInt(enemy.style.left)-(speedFactor);else hitPlayer();}
         function destroyEnemy(){enemy.style.visibility="hidden";enemy.style.left=boardW;clearInterval(moveEnemyInterval);enemyOn=false;curEnemy=null;enemyPts=0;}
         function hitPlayer(){if(gameRunning&&(parseInt(enemy.style.left)<=(parseInt(van.style.left)+vanW))){bump();drawFire(1);extinguish=setTimeout("drawFire(0)",250);if(enemies[curEnemy][0].search(/amb/)!=-1){health+=enemies[curEnemy][3];if(health>100)health=100;}else health-=enemies[curEnemy][5];hlthmtr.innerHTML=health;destroyEnemy();if(health<=0){hlthmtr.innerHTML=0;stopGame(0);}}}
         function fire(){if(gameRunning&&!beamOn){beamOn=true;beam.style.visibility="visible";beamOff=setTimeout("beam.style.visibility='hidden'",100);assessDamage();beamRestart=setTimeout("beamOn=false",300);}}
         function assessDamage(){if(enemyOn){hitX=parseInt(beam.style.left)+parseInt(beam.style.width);targetL=parseInt(enemy.style.left);targetR=targetL+parseInt(enemy.style.width);if(hitX>=targetL&&hitX<=targetR){curHits++;if(curHits==enemies[curEnemy][4]){drawFire(1);curHits=0;if(enemies[curEnemy][0].search(/amb/)==-1){score+=enemyPts;sendPlMsg(enemyPts+" points!","white","red");playerScore.innerHTML=score;}extinguish=setTimeout("drawFire(0)",250);destroyEnemy();}else{drawSparks(1);extinguish=setTimeout("drawSparks(0)",250);}}}}
         function drawFire(st){if(st==0){explosion.style.visibility="hidden";clearInterval(moveFire);}else{explosion.style.width=(enemies[curEnemy][1]+20);explosion.style.height=(enemies[curEnemy][2]+20);explosion.style.left=parseInt(enemy.style.left)-10;explosion.style.top=parseInt(enemy.style.top)-20;explosion.style.visibility="visible";moveFire=setInterval("explosion.style.left=parseInt(explosion.style.left)-speedFactor",50);}}
         function drawSparks(st){sparks.style.visibility=(st==0)?"hidden":"visible";}
         if(br=="IE")document.onkeydown = getKeyDownIE;
         else if(br=="Moz")document.onkeydown = getKeyDownMoz;
      //-->
   </script>
   <style type="text/css">
      BODY{margin:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;background-color:black;
         background-image:url(imgs/bkgSide.jpg);background-repeat:no-repeat;background-position:0px 0px;}
      CODE{font-family:Courier,Courier New,monospace;}
      #gameboard{position:absolute;left:0px;top:0px;background-image:url(imgs/bkgSide.jpg);
         background-repeat:repeat-x;background-position:0px 0px;}
      #vehicle{position:absolute;left:0px;top:0px;background-image:url(imgs/vanSideSm.gif);background-repeat:no-repeat;}
      #enemyVehicle{position:absolute;left:0px;top:0px;background-image:url(imgs/amb.gif);background-repeat:no-repeat;}
      #imgCrosshairs{position:absolute;left:0px;top:0px;}
      #beamImg{position:absolute;left:0px;top:0px;}
      #imgExplosion{position:absolute;left:0px;top:0px;}
      #imgSparks{position:absolute;left:0px;top:0px;}
      #playerMsg{position:absolute;left:0px;top:0px;padding:2px;color:red;font-weight:bold;background-color:white;}
      #instrPanel{position:absolute;left:0px;top:0px;background-color:black;color:#8899aa;font-weight:bold;}
      #xtra{color:orange;width:150px;}
      .bdr{border:solid #8899aa;border-width:0px;border-right-width:2px;padding:3px;}
      .ttl{color:orange;text-align:left;font-size:12px;}
      .lit{color:white;}
   </style>
</head>
<body onload="declareObjs();">
<div id="gameboard">
   <div id="instrPanel" align="right">
      <span class="ttl"><code>SERVICE CALL</code></span>
      <span class="bdr" id="xtra"></span>
      <span class="bdr">Time <span id="timeLeft" class="lit">2:00</span></span>
      <span class="bdr"><span id="speedometer" class="lit">00</span> mph</span>
      <span class="bdr">Health <span id="healthMeter" class="lit">100</span></span>
      <span class="bdr">Score <span id="scoreboard" class="lit">0</span></span>
      <div align="left"><br>
          Controls: <span class="lit">[S]</span>tart  <span class="lit">[F]</span>ire
          <span class="lit">[Q]</span>uit  <span class="lit">[R]</span>estart<br><br>
          Make it to your destination by destroying vehicles in your path.<br>
          Running into civilian vehicles lowers your health points.<br>
          Gain health points by running into ambulances.<br>
          Larger vehicles may take more than one beam hit to be destroyed.
      </div><br>
   </div>
   <div id="vehicle" style="visibility:hidden"></div>
   <img src="imgs/beam.gif" id="beamImg" width="200" height="32" border="0" alt="" style="visibility:hidden">
   <div id="enemyVehicle" style="visibility:hidden"></div>
   <img src="imgs/crosshairs.gif" id="imgCrosshairs" width="9" height="11" border="0" alt="" style="visibility:hidden">
   <img src="imgs/explosion.gif" id="imgExplosion" width="70" height="70" border="0" alt="" style="visibility:hidden">
   <img src="imgs/sparks.gif" id="imgSparks" width="16" height="16" border="0" alt="" style="visibility:hidden">
   <div id="playerMsg" align="center" style="visibility:hidden"></div>
</div>
<div id="maskL"></div>
<div id="maskR"></div>
<script language="JavaScript" type="text/javascript">
   <!--
      for(i=0;i<enemies.length;i++)document.write('<img src="'+enemies[i][0]+'" width="'+enemies[i][1]+'" height="'+enemies[i][2]+'" border="0" alt="" style="visibility:hidden;display:none;">');
   //-->
</script>
</body>
</html>