flappy bird游戲源代碼揭秘和下載后續---移植到html5網頁瀏覽器

前言：

     我們分析了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游戲源代碼揭秘和下載

flappy bird游戲源代碼揭秘和下載后續---移植到android真機上

flappy bird游戲源代碼揭秘和下載后續---移植到html5網頁瀏覽器

flappy bird游戲源代碼揭秘和下載后續---日進5萬美元的秘訣AdMob廣告 （將寫）

flappy bird游戲源代碼揭秘和下載后續---移植到蘋果ios上 （未寫）

筆者語：

想了解更多請進入官方博客，最新博客和代碼在官方博客首發；請持續關注，還有更多cocos2dx editor游戲源碼即將放出；

聯系筆者：zuowen@makeapp.co（郵箱）