前言:
我们分析了flappy bird的代码思路(flappy bird游戏源代码揭秘和下载),也移植到了android平台(flappy bird游戏源代码揭秘和下载后续---移植到android真机上),现在我们要把代码移植到html5网页浏览器。听起来很棒吧,想不到也可以直接在网页上运行!从window/mac电脑系统, 到android/ios移动系统,再到html5网页浏览器,编写一次,到处运行,这正是cocos2dx editor的神奇之处。
ps: 注意以下事项:
1 笔者撰写本文的前提是:读者已经了解过移植到android平台的博文,如果没有,请跳转过去了解---移植到android平台;
2 请更新cocos2d-x editor到cocos2d-x editor 1.0Beta版本:(很重要)
博文地址: http://blog.csdn.net/touchsnow/article/details/18451107
背景:
最近火爆全球的游戏flappy bird让笔者叹为观止,于是花了一天的时间山寨了一个一模一样的游戏,现在把游戏的思路和源码分享出来,代码是基于javascript语言,cocos2d-x游戏引擎,cocos2d-x editor手游开发工具完成的,请读者轻砸;
ps:运行demo需要配置好cocos2d-x editor,暂不支持其他工具。还有demo是跨平台的,可移植运行android,ios,html5网页等。
html5移植代码下载:
和JS代码唯一的区别是Published编译目录的代码不同,Sources一模一样
下载地址:http://share.weiyun.com/a1feeb97991083b93304755a0aff827d
运行在谷歌chrome浏览器上的效果图
开发工具(2013-02-14 已更新到1.0Beta):
cocos2dx editor,它是开发跨平台的手机游戏工具,运行window/mac系统上,javascript脚本语言,基于cocos2d-x跨平台游戏引擎, 集合代码编辑,场景设计,动画制作,字体设计,还有粒子,物理系统,地图等等的,而且调试方便,和实时模拟;
cocos2dx editor 下载,介绍和教程:http://blog.csdn.net/touchsnow/article/details/19070665;
cocos2dx editor 官方博客:http://blog.makeapp.co/?cat=8;
Published目录移植代码结构分析:
移植方法步骤:
移植方法很简单,没有android移植那么复杂,只需选择在配置里面html5,默认浏览器(ie浏览器存在兼容性问题,请选择其他浏览器作为默认浏览器),然后点击绿三角运行,在google chrome浏览器如文中效果;编译好的代码在Published目录里面,Published在左侧工程结构里面隐藏了,读者通过代码所在的源目录找寻到;
flappy博文系列:
flappy bird游戏源代码揭秘和下载后续---移植到android真机上
flappy bird游戏源代码揭秘和下载后续---移植到html5网页浏览器
flappy bird游戏源代码揭秘和下载后续---日进5万美元的秘诀AdMob广告 (将写)
flappy bird游戏源代码揭秘和下载后续---移植到苹果ios上 (未写)
笔者语:
想了解更多请进入官方博客,最新博客和代码在官方博客首发;请持续关注,还有更多cocos2dx editor游戏源码即将放出;
联系笔者:zuowen@makeapp.co(邮箱)