Browse > Home > HTML5 > HTML5 Canvas版的斗地主

| Subcribe via RSS

HTML5 Canvas版的斗地主

三月 10th, 2011 | 1,549 views | Posted by flashlizi in HTML5

此游戏是我继塔防游戏Runner后用CasualJS Framework开发的另一款HTML5 Canvas游戏。游戏处于试验性质,并非完整作品。因此有很多功能并未完成,如电脑出牌AI系统,积分系统等等,有时间我会继续完善。

游戏地址1:http://www.riaidea.com/html5/ddz/
游戏地址2:http://www.html5idea.com/game/ddz/index.html (因在appengine上可能需要翻墙)
运行平台:支持HTML5 Canvas的浏览器,如Chrome9+,Safari5+,Firefox3.6+等,甚至可以在ipad上玩,推荐用Chrome体验(有音效)。
游戏素材:游戏素材均借自QQ斗地主HD。。。

游戏截图:

8 Responses to “HTML5 Canvas版的斗地主”

  1. Jeongee Says:

    呵呵,期待大神能有个完整的开发过程教程~~~
    期待这个多人在线版本啊~~~


  2. flashlizi Says:

    这个还有很多bug,有时间我修正并提高AI。以后会有相关教程出来。搭配websocket的话很容易实现多人在线版本的。


  3. snail east Says:

    You’re good, want to learn from you.


  4. shitou Says:

    感觉非常不错,
    请教下LZ, canvas中关于鼠标事件是不是需要遍历canvas中所有元素的位置,再结合当前鼠标的位置来判断当前激活的元素呢,还是有其他办法呢?
    多谢.


  5. flashlizi Says:

    遍历是需要的。每个元素都有一个矩形范围,鼠标位置在此范围内说明与某元素有碰撞,即产生了点击等鼠标事件。当需要像素级别的碰撞的话,那就需要在前者基础之上做像素检测了。


  6. zuhd Says:

    自己抢地主 会有bug 牌会有遮挡


  7. 西山凉 Says:

    你好,博主看到您的HTML5作品是在很兴奋,很喜欢您的作品,在这想联系下您,您有没有空把您的HTML5作品打包成WEBOS设备的程序?webos的手机和平板设备是可以支持html5的之前已经有人打包过html5的游戏在webos手机上运行了,浏览器对html5也是支持的,安卓ios等设备应用程序已经饱满,可是hp虽然已经让webos开源了,可APP还是不多,webos不乏是一个优秀的系统。您若是有兴趣,可去webos的国内论坛煮机网、上去看看。您的作品若是在哪发布会得到很高的支持和站长老麦的开发基金支持,国内webos的用户量还是可以的,您若是有兴趣可否考虑下打包您的作品?


  8. flashlizi Says:

    非常感谢你的建议。目前我的blog上的一些html5游戏主要还是demo性质的,而且图片素材都不是原创的,这也是不可能作为真正的html5作品发布的原因。以后有了原创作品,我会考虑的,谢谢。


Leave a Reply