var pl=document.getElementById("MC"); 

 var i=1; 

   

 // 行为表 

 var skill={ 

  "n1":{ 

   "d1":function(){ 

   console.log("前进"); 

   play.getImg().src="images/YAGAMI/advance.gif" 

   play.getImg().style.left=i+"px" 

   }, 

   "d2":function(){ 

   console.log("后退"); 

   play.getImg().src="images/YAGAMI/retreat.gif" 

   }, 

   "d3":function(){ 

   console.log("站立"); 

   play.getImg().src="images/YAGAMI/stand.gif" 

   }, 

   "d4":function(){ 

   console.log("暴起"); 

   play.getImg().src="images/YAGAMI/bq.gif" 

   } 

 

  } 

 } 

 //键位表 

 var active={ 

  "68":"d1", 

  "65":"d2", 

  "83":"d3", 

  "87":"d4" 

 } 

   

  // 操作 

 function set(obj,key){ 

  if(!active[key])return; 

  return function(){ 

   var name=obj.getName(); 

   skill[name][active[key]](); 

  } 

 } 

   

  // 创建一个Play类 

 function Play(pl){ 

  var imgNade =pl; 

  var name=pl.getAttribute("data-name"); 

  this.getImg=function(){ 

   return imgNade; 

  } 

  this.getName=function(){ 

   return name; 

  } 

 } 

 var play=new Play(pl); 

   

  // 按下 

 document.onkeydown=function(e){ 

  i+=10; 

  var key=e.keyCode; 

  var fu=set(play,key); 

  if(fu){ 

   fu(); 

  } 

 } 

 

 

源码地址

源码如下，大家可以按照这个思路丰富下效果，实现一个完整的拳皇游戏。

https://github.com/maomincoding/game_kz.git

结语

谢谢阅读，希望没有浪费您的时间。这篇文章篇幅较短，主要是给大家实现一个小效果。

当前标题：天哪！几行js代码就可以实现拳皇小游戏
分享URL：http://www.jxjierui.cn/article/cohihig.html