成都网站建设设计

将想法与焦点和您一起共享

JavaScript如何编写网页小游戏-创新互联

这篇文章主要介绍JavaScript如何编写网页小游戏,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司是一家集网站建设,敖汉企业网站建设,敖汉品牌网站建设,网站定制,敖汉网站建设报价,网络营销,网络优化,敖汉网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

以下为游戏界面:

JavaScript如何编写网页小游戏

以下为游戏代码:



  
    
    
    var timerID = null;
    var INT = 40;
    var loadFLG = 0;
    var gameFLG = 0;
    var missFLG = 0;
    var tim = 0;
    var blcol = new Array(5); // block color
    var blsta = new Array(40); // block status
    var blNO = new Array(40); // block No
    var blclr = 0; // clear block
    var ballX = 0; // ball data
    var ballY = 0;
    var ballN = 5;
    var ballDX = 0;
    var ballDY = 0;
    var tmpRL = 193;
    var X = 0;
    blcol[0] = "blue";
    blcol[1] = "yello";
    blcol[2] = "red";
    blcol[3] = "purple";
    blcol[4] = "#FF0000";
    blcol[5] = "black";
    function mainF() {
      clearTimeout(timerID);
      tim = tim + 1;
      with (Math) {
        tmptim = floor(tim / 10)};
      document.forms[0].TM.value = tmptim;
      ballX = ballX + ballDX;
      ballY = ballY + ballDY;
      outCHK();
      blkCHK();
      ball.style.posTop = ballY;
      ball.style.posLeft = ballX;
      racket.style.posLeft = tmpRL;
      if (gameFLG == 01) {
        timerID = setTimeout("mainF()", INT);
      }
    }
    function initG() {
      if (blclr >= 40) {
        blclr = 0;
        tim = 0;
        ballN = 3;
        with (Math) {
          tmptim = floor(tim / 10);
        }
        document.forms[0].TM.value = tmptim;
        clrmes.style.posTop = -1000;
        clrmes.style.posLeft = -1000;
        ovrmes.style.posTop = -1000;
        ovrmes.style.posLeft = -1000;
        for (ib = 0; ib < 5; ib++) {
          for (ia = 0; ia < 8; ia++) {
            chc(ib * 8 + ia +1, ib);
            blsta[ib * 8 + ia] = ib;
          }
        }
      }
      document.forms[0].BL.value = ballN;
      starter.style.posTop = -1000;
      starter.style.posLeft = -1000;
      gameFLG = 1;
      loadFLG = 1;
      ballX = 209;
      ballY = 270;
      ballDX =- 8;
      ballDY =- 8;
      tmpRL = 193;
      missFLG = 0;
      timerID = setTimeout("mainF()", INT);
    }
    function SUP() {
      UP.outerHTML = "SPEED DOWN
";       DN.style.posTop = 170;       DN.style.posLeft = 432;       INT = 40;     }     function SDN() {       DN.outerHTML = "SPEED UP
";       UP.style.posTop = 170;       UP.style.posLeft = 432;       INT = 50;     }     function MouseMv() {       if (loadFLG == 1) {         tmpRL = X - 20;         if (tmpRL < 16) { tmpRL = 16; }         if (tmpRL > 370) { tmpRL = 370; }       }     }     function outCHK() {       if (ballX < 16){ ballX = 32 - ballX; ballDX = -ballDX; }       if (ballX > 401){ ballX = 802 - ballX; ballDX = -ballDX; }       if (ballY < 16){ ballY = 32 - ballY; ballDY = -ballDY; }       if (ballY >= 272) {         if (missFLG == 0) {           tmpX = (ballDX / ballDY) * (272 - ballY) + ballX;           if (tmpX >= tmpRL - 12) {             if (tmpX <= tmpRL + 42) {               ballY = 272; ballDY = -ballDY;               ballX = tmpX;               ballRD = tmpX - tmpRL;               with (Math){ ballDX = 8 * abs(ballDX) / ballDX; }               if (ballRD < -4){ ballDX = -15; }               if (ballRD > 36){ ballDX = 15; }               if (ballRD >= 14){ if (ballRD <= 16) { ballDX = -2; } }               if (ballRD >= 17){ if (ballRD <= 20) { ballDX = 2; } }               if (ballRD >= 0){ if (ballRD <= 4) { ballDX = -4; } }               if (ballRD >= 28){ if (ballRD <= 32) { ballDX = 4; } }               if (ballRD >= -4){ if (ballRD <= -1) { ballDX = -11; } }               if (ballRD >= 33){ if (ballRD <= 36) { ballDX = 11; } }             }           }           if (ballDY > 0){ missFLG = 1; }         }         else {           if (ballY > 290){ missFLG = 0; ballN = ballN - 1; gameEnd(); }         }       }     }     function blkCHK() {       tmpY = ballY + 4;       tmpX = ballX + 4;       if (tmpY >= 48) {         if (tmpY <= 147) {           if (tmpX >= 29) {             if (tmpX <= 396) {               with (Math) {                 ia = floor((tmpX - 29) / 46);                 ib = floor((tmpY - 48) / 20);                 ic = ib * 8 + ia;               }               if (blsta[ic] <= 4) {                 tmpbc = blsta[ic] + 1;                 blsta[ic] = tmpbc;                 chc(ic + 1, tmpbc);                 if (tmpbc == 5){ blclr = blclr + 1; }                 if (blclr >= 40){ gameEnd(); }                 if (ballDX > 0) {                   iy=(ballDY / ballDX) * (29 + 46 * ia - tmpX) + tmpY;                   if (iy > 48 + 20 * ib + 18) {                     tmpY1 = 48 + 20 * ib + 18;                     tmpX1 = (ballDX / ballDY) * (48 + 20 * ib + 18 - tmpY) + tmpX;                     ballX = tmpX1 - 4;                     ballY = tmpY1 - 4;                     ballDY = -ballDY;                   }                   else {                     if (iy < 44 + 20 * ib) {                       tmpY1 = 48 + 20 * ib;                       tmpX1 = (ballDX / ballDY) * (48 + 20 * ib - tmpY) + tmpX;                       ballX = tmpX1 - 4;                       ballY = tmpY1 - 4;                       ballDY = -ballDY;                     }                     else {                       tmpX1 = 29 + 46 * ia;                       tmpY1 = (ballDY / ballDX) * (29 + 46 * ia - tmpX) + tmpY;                       ballX = tmpX1 - 4;                       ballY = tmpY1 - 4;                       ballDX = -ballDX;                     }                   }                 }                 else {                   iy = (ballDY / ballDX) * (29+46 * ia + 44 - tmpX) + tmpY;                   if (iy > 48 + 20 * ib + 18) {                     tmpY1 = 48 + 20 * ib + 18;                     tmpX1 = (ballDX / ballDY) * (48 + 20 * ib + 18 - tmpY) + tmpX;                     ballX = tmpX1 - 4;                     ballY = tmpY1 - 4;                     ballDY = -ballDY;                   }                   else {                     if (iy < 44 + 20 * ib) {                       tmpY1 = 48 + 20 * ib;                       tmpX1 = (ballDX / ballDY) * (48 + 20 * ib - tmpY) + tmpX;                       ballX = tmpX1 - 4;                       ballY = tmpY1 - 4;                       ballDY = -ballDY;                     }                     else {                       tmpX1 = 29+46 * ia + 44;                       tmpY1 = (ballDY / ballDX) * (29 + 46 * ia + 44 - tmpX) + tmpY;                       ballX = tmpX1 - 4;                       ballY = tmpY1 - 4;                       ballDX = -ballDX;                     }                   }                 }               }             }           }         }       }     }     function gameEnd() {       document.forms[0].BL.value = ballN;       gameFLG = 0;       loadFLG = 0;       starter.style.posTop = 200;       starter.style.posLeft = 180;       if (blclr >= 40) {         clrmes.style.posTop = 150;         clrmes.style.posLeft = 160;       }       if (ballN <= 0) {         ovrmes.style.posTop = 150;         ovrmes.style.posLeft = 160;         blclr = 40;       }     }     function onLD() {       bgIE.style.posTop = 16;       bgIE.style.posLeft = 16;       ball.style.posTop = 270;       ball.style.posLeft = 209;       racket.style.posTop = 280;       racket.style.posLeft = 193;       info.style.posTop = 16;       info.style.posLeft = 432;       starter.style.posTop = -1000;       starter.style.posLeft = -1000;       clrmes.style.posTop = -1000;       clrmes.style.posLeft = -1000;       ovrmes.style.posTop = -1000;       ovrmes.style.posLeft = -1000;       DN.style.posTop = 170;       DN.style.posLeft = 432;       for (ib = 0; ib < 5; ib++) {         for (ia = 0; ia < 8; ia++) {           blsta[ib * 8 + ia] = ib;         }       }       starter.style.posTop = 200;       starter.style.posLeft = 180;     }     function chc(bno,bcl) {       tmpbno = ((bno < 10.5) ? "b0" : "b") + (bno-1);       eval(tmpbno).bgColor = blcol[bcl];     }     // End -->   
PONG
  Ball:    Time: 
     with (document) {     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("");     write("
");     write("");     write("
");     write("ALL CLEAR!
");     write("GAME OVER!");     write("SPEED DOWN");   }

以上是“JavaScript如何编写网页小游戏”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联成都做网站行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:JavaScript如何编写网页小游戏-创新互联
文章源于:http://chengdu.cdxwcx.cn/article/cepioc.html