自己写的HTML5吃豆游戏

原创 passerby 教程 源码发布 13.3W阅读 2016-01-15 21:54:55 举报

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

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

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

自己写的HTML5吃豆游戏

html 代码片段

评论 ( 74 )
最新评论
passerby 73F 2017-05-26 09:07:04 74F

谢谢,我的网站上还有更多项目开源哦

飘香 2017-04-05 08:43:24 73F

大牛,你太行了!!!

passerby 70F 2016-11-24 13:15:56 71F

域名服务商有很多啊,西部数码、新网、万网、商务中国

炊非游刃 69F 2016-11-24 12:05:16 70F

就是向自己注册个域名

passerby 68F 2016-11-23 23:08:08 69F

域名服务商注册的呀!现在你是注册不到了,因为已经是被我注册啦

炊非游刃 2016-11-23 17:17:50 68F
passerby 64F 2016-08-22 08:40:33 65F

可以做,只是我没做

liufee 2016-08-15 10:12:26 64F

请问大神,这个可以做移动端适配吗

passerby 62F 2016-07-27 10:06:25 63F

其实不难的,可以去github上看我的源代码

13121570667 2016-07-27 09:49:29 62F

大神,好腻害

passerby 59F 2016-06-23 08:43:27 61F

没有坐标系啊,只有地图……就是二维数组的位置;pacman和豆子的定位都是二维数组的坐标,和自身的尺寸无关,自身尺寸实际上是超过地图中单位方格的尺寸的,这样路可以比墙壁宽;20的单位不是像素,而是多少帧刷新一次

awakening_j 2016-06-16 15:07:48 59F

楼主 有个坐标系的问题想问你下, 你的豆子Map的数据是 28 * 31的长度, 这个怎么映射到stage的坐标系上? 还有pacman的width和height都是20, 那半径就是10, 所以pacman为(10, 10)的话, 豆子在(30, 10)吗? 那pacman的行进速度是以20为单位吗? speed=1为20px, speed=2为40px, 吃两个豆? 游戏的思维不是很好...麻烦解释下....谢谢

passerby 53F 2016-06-03 15:04:57 58F

在我的github上有啊,搜索用户https://github.com/mumuy/pacman

passerby 54F 2016-06-03 15:04:27 57F

你广告了。。。

passerby 55F 2016-06-03 15:04:07 56F

用requestAnimationFrame

awakening_j 2016-06-02 23:02:22 55F

楼主, canvas动画用timeout好还是setInterval好? 还有别的办法来实现动画吗?, 谢谢

pennymei 2016-06-02 16:08:52 54F

OneAPM Browser Insight是一个基于真实用户的 Web 前端性能监控平台,可以定位网站性能瓶颈,网站加速效果可视化;支持浏览器、微信、App 浏览 HTML 和 HTML5 页面。可以在官网注册体验哦~

等恒之海 2016-05-31 21:52:34 53F

你写的代码能不能分享给我一下了 , 我也想学学

lut09010909 2016-05-24 17:39:21 52F

牛逼疯了。

passerby 48F 2016-04-29 19:14:50 51F

上面有我网站的链接啊