c_menu.js

//key names 
 /*
  var k_upName =     "Run Forward";
  var k_downName =   "Run Backward";
  var k_leftName =   "Strafe Left";
  var k_rightName =  "Strafe Right";
*/  
  var k_upName =     "Up";
  var k_downName =   "Down";
  var k_leftName =   "Left";
  var k_rightName =  "Right";

  var k_showAimConf = false;
  var k_showVidConf = false; 
  var k_showMusConf = false; 
  
  var firstMenu = true;
  

//  var fontImage = loadImage(fontsprpng);
  var smallFont = loadImage(font8x8png);
//  var bigFont = loadImage("font10x12.png");
  var bigFont = loadImage(font10x12png);
  
  var titleImg = loadImage(titlepng);

  var btnPush = -1;
  var btnOver = -1;
  var btnFocus = -1; 
  var btnValue = 0;
  var btnDisable = -1;
  var menuState = 0;
  var optState = 0;
  var keyPrompt = 0;

 function resetBtn()
  {
   btnPush = -1;
   btnOver = -1;  
    //btnFocus = -1; 
    btnValue = 1.0;
    btnDisable = -1;
  }//resetbtn 
  
  /*
 // var firstfont = true;
  function drawFont(ax, ay, aw, ah, str)
  {
    var i, num; var a;
    //var aw, ah;    aw = 8; ah = 8;
    num = str.length;
    for (i=0;i<num;i+=1)
    {
      a = vecSpr[str[i]];
      //if (firstfont) { console.log("str i ", i, str[i], a); }
     // if ( a == undefined) { ax+=aw; continue; }
      if (str[i] == " ")  { ax+=aw; continue; }
      if ( a== undefined) { a = vecSpr["?"]; }
      ctx.drawImage(fontImage, a.x,a.y,a.sw,a.sh,     ax, ay,  aw, ah);
      ax += aw;  
    } //nexti 
   // firstfont = false;
  }//drawfont 
  */


  function sprBtn(id, str, ax, ay, aw, ah)
  {
    var over;
    over = (vmx<ax||vmx>=ax+aw||vmy<ay||vmy>=ay+ah) == false;
    if (btnDisable == 1) { over = false; }
    if (over && mhold == 1) { mhold = 3; btnFocus = id; }
    if (btnFocus == id) { ax += 1; ay+= 1; }
  
    drawSprRect(str, ax,ay,aw,ah);

    //if (over && btnFocus < 0) { ctx.fillStyle = btnColor3; }
    //ctx.fillRect(ax,ay,aw,ah);

    if (over && btnFocus == id && mpress == 1)
    { btnPush = id; }

  }//sprbtn
  
  function drawFont(ax, ay, sw,sh,  str)
  {
    var i, num; var a;
    var aw, ah; var sx;
    aw = 8; ah = 8; sx = ax;
    num = str.length;
    for (i=0;i<num;i+=1)
    {
      //a = vecSpr[str[i]];
       a = str.charCodeAt(i);
      if (str[i] == " ")  { ax+=aw; continue; }
      if (a == 10) { ax = sx; ay+=ah; continue; } // \n
      fx = Math.floor(((a % 16)|0) * aw);
      fy = Math.floor(((a / 16)|0) * ah);
      ctx.drawImage(smallFont, fx,fy, aw,ah,     ax, ay,  sw, sh);
      ax += aw;  
    } //nexti 
  }//drawfont3 
  
  function drawFont3(ax, ay,  str)
  {
    var i, num; var a;
    var aw, ah;  var sx;
    aw = 10; ah = 12; sx = ax;
    num = str.length;
    for (i=0;i<num;i+=1)
    {
      //a = vecSpr[str[i]];
       a = str.charCodeAt(i);
      if (str[i] == " ")  { ax+=aw; continue; }
      if (a == 10) { ax = sx; ay+=ah; continue; } // \n
      fx = Math.floor(((a % 16)|0) * aw);
      fy = Math.floor(((a / 16)|0) * ah);
      ctx.drawImage(bigFont, fx,fy, aw,ah,     ax, ay,  aw, ah);
      ax += aw;  
    } //nexti 
  }//drawfont3 
  
  
  
  function drawLabel(ax,ay, size, str)
  {
    drawFont(ax,ay,size,size, str);
  }//drawlabel 
 
 function drawLabel3(ax,ay,  str)
  {
    drawFont3(ax,ay, str);
  }//drawlabel 
 
 
  var btnColor = "#808080";
  var btnColor3 = "#b0b0b0";
  
  function resetBtnCol()
  { btnColor = "#808080"; btnColor3 = "#b0b0b0"; }

  function setBtnColA()
  { btnColor = "#3030a0"; btnColor3 = "#6060b0"; }
  
  
  function isOver(ax, ay, aw, ah)
  {
    var over;
    over = (vmx<ax||vmx>=ax+aw||vmy<ay||vmy>=ay+ah) == false;
    if (btnDisable == 1) { over = false; }
    return over;
  }//isover 
  //drawbutton
  function drawBtn(id, ax, ay, aw, ah, str)
  {
    var over;
    over = (vmx<ax||vmx>=ax+aw||vmy<ay||vmy>=ay+ah) == false;
    if (btnDisable == 1) { over = false; }

    if (over && mhold == 1) { btnFocus = id; }
    if (btnFocus == id) { ax += 1; ay+= 1; }
    
    
    ctx.fillStyle = "#000000";
    ctx.fillRect(ax-1,ay-1,aw+2,ah+2);
    ctx.fillStyle = btnColor;
    if (over && btnFocus < 0) { ctx.fillStyle = btnColor3; }
    ctx.fillRect(ax,ay,aw,ah);
    
    var size;
    size = ah*0.5; //16
    var d;
    d = (str.length)* 10 * 0.5; // (size*0.5);
    //drawFont(ax+(aw*0.5)-d,ay+ah*0.5-(size*0.5),size,size, str);
    drawFont3(ax+(aw*0.5)-d, ay+ah*0.5-(size*0.5)-2, str);
    
    //todo -- make custom font writing
    /*
      ctx.fillStyle = "#ffff00";
      ctx.font = "16px Arial";
      var d;
      d = (str.length)*16*0.5*0.5;
      ctx.fillText(str, ax+(aw*0.5)-d+0.5, ay+ah*0.5+4+0.5);  
      */
    
    if (over && btnFocus == id && mpress == 1)
    { btnPush = id;
      
      if (firstMenu==false)
      {
       if(str=="Continue") {playSnd("snd13", 1); }
       else { playSnd("snd12", 1); }
      }//endif3
    }//endif 
  }//drawbtn 
  
  var sliderColor = "#30f030";
  function drawSlider(id, ax, ay, aw, ah, t)
  {
    var over;
    over = (vmx<ax||vmx>=ax+aw||vmy<ay||vmy>=ay+ah) == false;
    if (btnDisable == 1) { over = false; }

    if (over && mhold == 1)    { btnFocus = id; }
    
    var rx; var u;
    rx = vmx - ax;
    if (rx < 0) { rx = 0; }
    if (rx > aw) { rx = aw; }
    
    u = rx / aw; 

    if (btnFocus == id) { t = u; }
    btnValue = t;
     
    ctx.fillStyle = "#000000";
    ctx.fillRect(ax-1,ay-1,aw+2,ah+2);
    ctx.fillStyle = "#303030";
    ctx.fillRect(ax,ay,aw,ah);
    ctx.fillStyle = sliderColor;
    ctx.fillRect(ax,ay,aw*t,ah);
    

    if (btnFocus == id && mpress == 1) { btnPush = id;  btnValue = u; }
    

    if (btnFocus > 0 && btnFocus != id) { return; }
    if (over || btnFocus == id)
    {
     ctx.fillStyle = "#000000";
     ctx.fillRect(ax+aw*u,ay,3, ah);
    }
   
   
   //return u;
  }//drawslider 
 
  function setKeyBtn(kname, key)
  {
    if (kname == k_leftName)      { k_kleft = key;      return; }
    if (kname == k_leftName+ " Alt")  { k_kleft_alt = key;  return; }
    if (kname == k_rightName)     { k_kright = key;     return; }
    if (kname == k_rightName+" Alt") { k_kright_alt = key;return; }

    if (kname == k_upName)      { k_kup = key;         return; }
    if (kname == k_upName+ " Alt")  { k_kup_alt = key;     return; }
    if (kname == k_downName)     { k_kdown = key;       return; }
    if (kname == k_downName+ " Alt") { k_kdown_alt = key;   return; }
    
  }//setkeybtn
    
  function setKey(kname, key)
  {      
    setKeyBtn(kname, key);
    saveConfig();
  }//setkey 
  

 // menuState = 1; //debug 
 // optState = 1;
 
 
  function drawRat()
  {
          //console.log("reach ", keyTime);
      //need a cursor sprite 
      ctx.fillStyle = "#000000";
      ctx.fillRect(vmx,vmy,3,3);
      ctx.fillStyle = "#ffffff";
      ctx.fillRect(vmx-1,vmy-1,3,3);
    
  }//drawrat
   
  function drawMenu()
  {
     if (paused == false) { drawRat(); return; }

     
     ctx.fillStyle = "#00000080";      
       ctx.fillRect(0, 0, 320, 240);
 
 
      
       resetBtn(); resetBtnCol();

       if (keyPrompt == 1)
       { btnDisable = 1; }
       
       if (mbutton == 0 && mpress == 0){btnFocus = -1; }
 
       var ax, ay;
       
       //after game loaded 
         if (firstMenu )// && (bDebug == false))
         {
           menuState = 1;
           //ctx.fillStyle = "#000000ff";      
           // ctx.fillRect(0, 0, 320, 240);
           ctx.drawImage(titleImg, 0,0,320,240,     0,0,320,240,);
            
           ax = 160 - 64; ay = 240-48;
           drawBtn(310, ax,ay, 128+16, 16, "Play!"); ay+=24;
           drawBtn(320, ax-64+8,ay, 256, 16, "Play - No sound please!"); ay+=24;

           if (btnPush == 310) { paused = false;  menuState = 0; firstMenu = false;  }
           if (btnPush == 320) { paused = false;  menuState = 0; firstMenu = false; muteVol = 0.0; }

            drawRat();

          return; 
         }//endif   
       
     if (menuState == 0)
     {

       
        ax = 160 - 64; ay = 80;
       if (isOver(ax,ay, 128+16, 24)) { canLock = keyTime; }
       drawBtn(10, ax,ay, 128+16, 24, "Continue"); ay+=32;
       drawBtn(20, ax,ay, 128+16, 24, "Options"); ay+=32;
       
       if (btnPush == 10) { paused = false; }
       if (btnPush == 20) { menuState = 1; }

     }
     else if (menuState == 1)
     {
       ax = 16; ay = 16;
       
       drawBtn(10, ax,ay, 64, 16, "Back"); ax+=70;
       resetBtnCol(); if (optState == 0) { setBtnColA(); }
       drawBtn(15, ax,ay, 64, 16, "Sound"); ax+=70;
       resetBtnCol(); if (optState == 1) { setBtnColA(); }
       drawBtn(20, ax,ay, 64, 16, "Keys"); ax+=70;
       resetBtnCol(); if (optState == 2) { setBtnColA(); }
       if (k_showVidConf)
       {
       drawBtn(25, ax,ay, 64, 16, "Video"); ax+=70;
       resetBtnCol();
       }
       
       if (btnPush == 10) { menuState = 0; }
       if (btnPush == 15) { optState = 0;  }
       if (btnPush == 20) { optState = 1;  }
       if (btnPush == 25) { optState = 2;  }
       
       
        if (optState == 2)
        {
         ax = 160 - 64; ay = 64;
         ay+=8;
          drawLabel(ax,ay, 8, "Framerate:");

          ay+=16;   
          
          resetBtnCol(); if (frameSkip == 0) { setBtnColA(); }
          drawBtn(80, ax,ay, 128, 16, "60 FPS"); ay += 24;
          resetBtnCol(); if (frameSkip == 1) { setBtnColA(); }
          drawBtn(85, ax,ay, 128, 16, "30 FPS"); ay += 24;
          resetBtnCol(); if (frameSkip == 2) { setBtnColA(); }
          drawBtn(90, ax,ay, 128, 16, "15 FPS"); ay += 24;
          
          if (btnPush == 80)  { frameSkip = 0; }
          if (btnPush == 85)  { frameSkip = 1; }
          if (btnPush == 90)  { frameSkip = 2; }
        
          if (btnPush > 0)   { saveConfig(); }
        }//endif3 
       
        if (optState == 1)
        {
          
          if (k_showAimConf)
          {
             ax = 48; ay = 48;
             ay+=8;
             sliderColor = "#3030f0";
             var ms;
             ms = mouseSpeed * 0.5;
             drawSlider(50, ax,ay, 128, 16, ms);
             drawLabel(ax,ay-8-2, 8, "Aim Speed "+((btnValue*100*2)|0)+"%" );     
             if (btnPush == 50)  { mouseSpeed = btnValue * 2.0;  }
       
             ax+=128+32;   
             drawBtn(80, ax,ay, 100, 16, "RESET AIM");
             if (btnPush == 80)  { mouseSpeed = 1.0;   }
             if (btnPush > 0)   { saveConfig(); }
          }//endif3
              
          
          ax = 48; ay += 32;
          

            
            drawLabel3(ax,ay+4,  k_upName);  
            drawBtn(300, ax+128, ay, 48, 16, ""+getKname(k_kup));
            drawBtn(305, ax+128+64, ay, 48, 16, ""+getKname(k_kup_alt));  ay += 20;
            if (btnPush == 300) { keyPrompt = 1; keyName = k_upName; }
            if (btnPush == 305) { keyPrompt = 1; keyName = k_upName+" Alt"; }
            
            drawLabel3(ax,ay+4,  k_downName);  
            drawBtn(400, ax+128, ay, 48, 16, ""+getKname(k_kdown));
            drawBtn(405, ax+128+64, ay, 48, 16, ""+getKname(k_kdown_alt));  ay += 20;
            if (btnPush == 400) { keyPrompt = 1; keyName = k_downName; }
            if (btnPush == 405) { keyPrompt = 1; keyName = k_downName+" Alt"; }
                     
            drawLabel3(ax,ay+4,  k_leftName);  
            drawBtn(100, ax+128, ay, 48, 16, ""+getKname(k_kleft));
            drawBtn(105, ax+128+64, ay, 48, 16, ""+getKname(k_kleft_alt));   ay += 20;
            if (btnPush == 100) { keyPrompt = 1; keyName = k_leftName; }
            if (btnPush == 105) { keyPrompt = 1; keyName = k_leftName+" Alt"; }
            
            drawLabel3(ax,ay+4,  k_rightName);  
            drawBtn(200, ax+128, ay, 48, 16, ""+getKname(k_kright));
            drawBtn(205, ax+128+64, ay, 48, 16, ""+getKname(k_kright_alt));  ay += 20;
            if (btnPush == 200) { keyPrompt = 1; keyName = k_rightName; }
            if (btnPush == 205) { keyPrompt = 1; keyName = k_rightName+" Alt"; }
            

          
          
          
        //  ay += 32;
          drawBtn(8000, ax,ay, 96+16, 16, "RESET KEYS");
          if (btnPush == 8000) { resetKeys(); saveConfig(); }
          
          
              if (keyPrompt == 1)
              {
               btnPush = -1;
              
              ctx.fillStyle = "#000000a8";
              ctx.fillRect(0,0,320,240);
              
              ctx.fillStyle = "#000000"
              ctx.fillRect(60-2,80-2,196+4,64+4);
              
              ctx.fillStyle = "#505050"
              ctx.fillRect(60,80,196,64);
              
                btnDisable = -1;
                ax = 80; ay = 88;
                drawLabel(ax,ay, 8, "Press key for: ");  ay+=16;
                drawLabel(ax,ay, 8, keyName); ay+=16;
              
                drawBtn(5300, ax, ay, 64, 16, "Cancel");
                drawBtn(5310, ax+64+16, ay, 64, 16, "Unbind");
                
                if (btnPush == 5300)  { keyPrompt = 0;   }
                if (btnPush == 5310)  { keyPrompt = 0;  setKey(keyName, 0);   }
                if (mouseLook == false) { keyPrompt = 0; }
                
                if (lastKey == keyTime-1 && lastKeyId == 27) { keyPrompt = 0; }
                else 
                if (lastKey == keyTime-1 && isKeyAllowed(lastKeyId) )
                { keyPrompt = 0;  setKey(keyName, lastKeyId); }
              
              }//endif5
         
        
        }//endif3
       
       
        if (optState == 0)
        {
         if (muteVol > 0.1) { sliderColor = "#30f030"; }
         else { sliderColor = "#f03030";  }    

        ax = 160 - 64; ay = 64;
        if (k_showMusConf)
        {          
         ay+=8;
         drawSlider(50, ax,ay, 128, 12, mastVol);
         drawLabel(ax,ay-8-2, 8, "Master Volume "+((btnValue*100)|0)+"%" );     
         if (btnPush == 50)  { mastVol = btnValue; }
        
         ay+=32;
         drawSlider(60, ax,ay, 128, 12, musVol);
         drawLabel(ax,ay-8-2, 8, "Music Volume "+((btnValue*100)|0)+"%" );     
         if (btnPush == 60)  { musVol = btnValue; }
        }//endif
        
         ay+=32;
         drawSlider(70, ax,ay, 128, 12, sndVol);
         drawLabel(ax,ay-8-2, 8, "Sound Volume "+((btnValue*100)|0)+"%" );     
         if (btnPush == 70)  { sndVol = btnValue; }


          ay+=32;
          if (muteVol > 0.1) {  drawBtn(80, ax,ay, 64, 16, "MUTE");  }
          else {  drawBtn(80, ax,ay, 64, 16, "UNMUTE");  }
          
          drawBtn(81, ax+70,ay, 64, 16, "RESET");
          if (btnPush == 81) { resetVol(); saveConfig(); }
          
          if (btnPush == 80) 
          { if (muteVol>0){muteVol=0.0;}else{muteVol=1.0;} } 

          if (btnPush == 50 || btnPush == 60 ||btnPush==80)  { recalMusVol(); }
          
          if (btnPush > 0)   { saveConfig(); }
        }//endif3
        
     }//endif 
       
    drawRat();
  }//drawmenu