你是否还记得有这么一款游戏陪伴我们的童年？——《坦克大战》

在那个任天堂红白FC的黄金时代，一款游戏以其独特的魅力陪伴着我们的童年——那就是南梦宫1980年的经典之作，坦克大战（BattleCity）。

这款双人合作的佳作于1985年以FC版的形式惊艳登场，它创新的设计理念让人眼前一亮：关卡设计别出心裁，砖墙、钢铁森林、河流等元素让战斗更具策略性；强化的宝物系统更是增添了无穷乐趣，永久火力升级和短暂强化道具的引入，使得游戏的挑战性和多样性得以提升。

1990年前后，中国玩家们有幸体验到众多改编版本，如“90坦克”和“导弹坦克”。

福建福州十六中的傅赞老师，一个教育界的游戏革新者，创立的燕山软件技术服务中心，对坦克大战进行了独特的改编和开发，14号坦克和14合1坦克战的推出，以及新关卡和敌人吃宝功能，让游戏世界更加丰富多彩。

其中，1990年的《烟山90坦克》更是加入了手枪和船宝，受到了玩家的热烈欢迎。

然而，1991年导弹坦克的创新玩法虽然新颖，但未能赢得所有玩家的心。

随着时间的推移，燕山软件在1993年后停止了开发，傅赞老师的名字也因此成为了游戏史上的传奇。

尽管南梦宫的《坦克部队》续作在1991年带来了更高的难度，但直到2012年，《坦克大战闪电战》以3D风格再次让玩家回归经典，展现了坦克大战的无限魅力。

尽管南梦宫未曾正式推出续作，但在FC模拟器的世界里，各种修改版本的《坦克大战》从未消失，它以其直观的乐趣和永恒的影响力，激发了无数玩家的回忆和热爱。

至今，它仍被众多致敬作品所铭记，成为了一代人共同的童年回忆。

经典坦克大战

视频介绍

欢迎来到程序小院

经典坦克大战

玩法：
键盘（A W S D）键来控制方向,空格键发射子弹，N：下一关，P：上一关，Enter：开始，赶紧去闯关吧^^

开始游戏

html

<canvas id=&34; ></canvas>
<canvas id=&34; ></canvas>
<canvas id=&34; ></canvas>
<canvas id=&34; ></canvas>
<canvas id=&34; ></canvas>

css

canvasDiv{
  margin:0 auto;
}
.demo-scroll{
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
.column {
  float: left;
  width: 50%;
  padding: 0 2em;
  min-height: 300px;
  position: relative;
}

.column:nth-child(2) {
  box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}

.column p {
  font-weight: 300;
  font-size: 2em;
  padding: 0;
  margin: 0;
  text-align: right;
  line-height: 1.5;
}

js

/**
  * 绘制地图
  */
 this.draw = function(){
  this.wallCtx.fillStyle = &4a4a4a&34;34;;
  this.wallCtx.fillRect(this.offsetX,this.offsetY,this.mapWidth,this.mapHeight);//主游戏区

  this.grassCtx.clearRect(0,0,SCREEN_WIDTH,SCREEN_HEIGHT);
  
  for(var i=0;i<this.HTileCount;i++){
   for(var j=0;j<this.wTileCount;j++){
    if(this.mapLevel[i][j] == WALL || this.mapLevel[i][j] == GRID || 
        this.mapLevel[i][j] == WATER || this.mapLevel[i][j] == ICE){
     this.wallCtx.drawImage(RESOURCE_IMAGE,this.tileSize*(this.mapLevel[i][j]-1)
          + POS[&34;][0], POS[&34;][1],this.tileSize,this.tileSize,j*this.tileSize 
          + this.offsetX, i*this.tileSize + this.offsetY,this.tileSize,this.tileSize) ;
    }else if(this.mapLevel[i][j] == GRASS){
     this.grassCtx.drawImage(RESOURCE_IMAGE,this.tileSize*(this.mapLevel[i][j]-1) 
          + POS[&34;][0], POS[&34;][1],this.tileSize,this.tileSize,j*this.tileSize 
          + this.offsetX, i*this.tileSize + this.offsetY,this.tileSize,this.tileSize);
    }else if(this.mapLevel[i][j] == HOME){
     this.wallCtx.drawImage(RESOURCE_IMAGE,POS[&34;][0], POS[&34;][1], 
          this.homeSize, this.homeSize, j*this.tileSize + this.offsetX, 
          i*this.tileSize + this.offsetY, this.homeSize, this.homeSize) ;
    }
   }
  }
  this.drawNoChange();
  this.drawEnemyNum(maxEnemy);
  this.drawLevel();
  this.drawLives(0,1);
  this.drawLives(0,2);
 };
 
 /**
  * 画固定不变的部分
  */
 this.drawNoChange = function(){
  this.wallCtx.drawImage(RESOURCE_IMAGE, POS[&34;][0], POS[&34;][1], 30, 32, 
    464, 256, 30, 32);//player1
  
  this.wallCtx.drawImage(RESOURCE_IMAGE, 30 + POS[&34;][0], POS[&34;][1], 30, 
    32, 464, 304, 30, 32);//player2
  //30,32旗帜的size, 464, 352旗帜在canvas中位置
  this.wallCtx.drawImage(RESOURCE_IMAGE, 60 + POS[&34;][0], POS[&34;][1], 30, 
    32, 464, 352, 32, 30);//画旗帜
 };
 
 /**
  * 画关卡数
  */
 this.drawLevel = function(){
  this.num.draw(this.level,468, 384);
 };
 
 /**
  * 画右侧敌方坦克数
  * @param enemyNum 地方坦克总数
  */
 this.drawEnemyNum = function(enemyNum){
  var x = 466;
  var y = 34;
  var enemySize = 16;
  for(var i=1;i<=enemyNum;i++){
   var tempX = x;
   var tempY = y + parseInt((i+1)/2)*enemySize;
   if(i%2 == 0){
    tempX = x  + enemySize;
   }
   this.wallCtx.drawImage(RESOURCE_IMAGE,92 + POS[&34;][0],POS[&34;][1],14, 
      14,tempX, tempY,14, 14);
  }
 };
 
 /**
  * 清除右侧敌方坦克数，从最下面开始清楚
  * @param totolEnemyNum 敌方坦克的总数
  * @param enemyNum 已出现的敌方坦克数
  */
 this.clearEnemyNum = function(totolEnemyNum,enemyNum){
  var x = 466;
  var y = 34 + this.offsetY;
  if(enemyNum <= 0){
   return ;
  }
  var enemySize = 16;
  this.wallCtx.fillStyle = &7f7f7f&34;34;;
  this.wallCtx.fillRect(x,y,this.num.size,this.num.size);
  this.num.draw(lives,x,y);
  //this.wallCtx.drawImage(RESOURCE_IMAGE,POS[&34;][0]+lives*14,POS[&34;][1],14, 
    14,x, y,14, 14);
 };
 
 /**
  * 更新地图
  * @param indexArr 需要更新的地图索引数组，二维数组，如[[1,1],[2,2]]
  * @param target 更新之后的数值
  */
 this.updateMap = function(indexArr,target){
  if(indexArr != null && indexArr.length > 0){
   var indexSize = indexArr.length;
   for(var i=0;i<indexSize;i++){
    var index = indexArr[i];
    this.mapLevel[index[0]][index[1]] = target;
    if(target > 0){
     this.wallCtx.drawImage(RESOURCE_IMAGE,this.tileSize*(target-1) + POS[&34;][0],
          POS[&34;][1],this.tileSize,this.tileSize,index[1]*this.tileSize + this.offsetX, 
          index[0]*this.tileSize + this.offsetY,this.tileSize,this.tileSize) ;
    }else{
     this.wallCtx.fillStyle = &000&34;;
     this.wallCtx.fillRect(index[1]*this.tileSize + this.offsetX, index[0]*this.tileSize 
          + this.offsetY,this.tileSize,this.tileSize);
    }
   }
  }
 };

源码

需要源码请

转载：欢迎来到本站，转载请注明文章出处https://ormcc.com/

声明:本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。 E-MAIL:admin@bb1314.com