很早就知道canvas,当时一直没应用到,最近闲来无事就顺便写写看。吃豆游戏可以说是我们80,90后共同的回忆录,小时候常常在学习机上玩,所以也就有了强烈的欲望去写。为了写这个游戏,看了很多吃豆人游戏的相关信息,包括游戏规则,历史,其它相关游戏设计。又去了各个小游戏平台玩了下,找些灵感!!!就连最简单的配色,也是反复斟酌几个小时确定的方案……哈哈,不容易啊

代码分两部分,游戏引擎和游戏主程序,引擎用来类的定义,管理动画场景,事件定义等等……游戏主程序主要组织业务逻辑。算面向对象编程吧,可以参考下
路人甲版权所有哦,哈哈~可以关注github获得最新代码!纯手工打造

是男人就吃光所有豆子!!!



  1. <html> 
  2.     <head> 
  3.         <meta charset="utf8"> 
  4.         <title>Pac-Man . 吃豆游戏</title> 
  5.         <style> 
  6.             *{padding:0;margin:0;} 
  7.             .wrapper{ 
  8.                 width: 960px; 
  9.                 margin:0 auto; 
  10.                 line-height:36px; 
  11.                 text-align:center; 
  12.                 color:#999; 
  13.             } 
  14.             canvas{display:block;background: #000;} 
  15.         </style> 
  16.     </head> 
  17.     <body> 
  18.         <div class="wrapper"> 
  19.             <canvas id="canvas" width="960" height="640">不支持画布</canvas> 
  20.             <p>按[空格]暂停或继续</p> 
  21.         </div> 
  22.         <script src="http://passer-by.com/pacman/game.js"></script> 
  23.         <script src="http://passer-by.com/pacman/index.js"></script> 
  24.     </body> 
  25. </html> 


返回顶部