三国时代OL HTML5游戏开发

三国题材的 HTML5 游戏开发,玩法丰富,技术栈也挺硬核。Canvas 渲染做图形表现,localStorage搞存档,Audio音效——基本 HTML5 的家底全翻了。加上jQuery Mobiletmpl模版引擎,移动端兼容性也考虑得比较到位。

UI 交互这块,用了CSS3 动画transform,各种浮动、翻转效果蛮顺滑的。像菜单展开、卡牌翻转这些小动作,响应也快。你要是做轻量 H5 游戏,可以参考下它的 UI 实现方式。

平台适配方面,支持iPhone、Android、iPad、PC,浏览器方面也覆盖挺全的,从UC、QQFirefox、Opera,基本都跑得起来。要注意的就是音频在低版本安卓上偶尔抽风,开发时记得测一测。

另外,文中还了几个相关的项目和教程,像三国时代 OL 实践Python 版三国杀,还有连连看小游戏,都蛮值得一看。想快速上手,可以先跑跑这些 demo。

如果你准备做跨平台 H5 游戏,建议看看HTML5 Builder,搭配这套代码,事半功倍。

ppt 文件大小:1.5MB