flappy bird游戏源代码揭秘和下载后续---移植到html5网页浏览器

浏览数：27 / 时间：2015年06月11日

前言：

我们分析了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在左侧工程结构里面隐藏了，读者通过代码所在的源目录找寻到；