Cocos2d-Html5--打怪升級之路

自己正式開始使用cocos2d-html5是在今年的2月份，雖然只是在少量的業余時間使用，不過就時間上來說也要半年多了~ 之前就一直很關注這個分支，原因很簡單，大學的時候，就一直很想學一些瀏覽器相關的前端技術 — html，css，js，jquery之類的，但每次都是看了《XXX入門教程》的第一個例子 — 做一個注冊登錄頁面 — 就沒興趣在學下去了 ~ 于是就又回研究室搞C++，MFC和圖像處理去了 ~ 所以cocos2d-html5讓自己又看到了希望，因為之前一直用cocos2d-iphone版，期間-x，-python，-javascript (很久以前舊的那個) 也都用過，所以對整套API是非常熟悉的，所以cocos2d-html5的上手可以說是毫無障礙 ~ 自己的框架學習習慣就是先大概熟悉下語言(30%就夠了)，然后是API(10%就夠了)，然后趕緊開始刷項目練級，在實踐中把語言和API的熟練度提升上去 ~ 剛開始當然是最簡單的，刷了幾個簡單的UI控件小怪，或是效果，像是CCLabelTTF的簡單特效： 接著是一個Timeline的控件： 到此為止差不多大致熟悉了JS語言和框架API與-iphone或-x版的些微差異 ~ 升級到LV5 ~ 接著繼續刷UI控件小怪，寫了個相對復雜的日歷控件： 這個東西做完以后，基本上對cocos2d最基礎的核心CCLayer，CCSprite，CCAction之類的使用和擴展都有了完整的掌握 ?~ 升級到LV8 ~ 在這之前的項目，都是用記事本notepad++ (win) / textmate (mac) 來開發，靠cc.log來進行調試的 — 標準的不穿裝備全裸練級 ?~ 當然這個對于剛開始起步是好事情，自己是反對剛接觸就搞個牛X的IDE，補全提示功能齊全，這不利于熟悉API，有些時候自動補全，提示玩過頭了就導致只是把參數填一下就了事，聯函數名都不知道，只知道是cc.xxxxxxx ~ 不過既然等級已經到一定程度了，那就該買裝備了，于是開始四處找裝備，最后確定了WebStrom IDE + MAMP的組合，試用下來也確實是相當不錯，開發效率提高了而且調試也輕松多了 ~ 于是，就開始考慮去刷高級怪練級，開始難度高的挑戰，最終選取的目標，就是把自己2年前做的一個棋牌小游戲從cocos2d-iphone移植到cocos2d-html5，然后在發布到微博和Facebook上面去 ~ 這個在當時來說可以算是刷LV30級的Boss，首先這是一個完整的游戲，不是刷個簡單的UI控件小怪所能比擬的，再加上后期的平臺對接部署這個就脫離了cocos2d-html5的范疇，需要各種瀏覽器前端知識的支撐 ~ 雖然目標很高也很難達到，過程也很曲折，但是在一群NPC — gooole, yahoo.ip, baidu, stackoverflow，各種博客文章 – 的幫助下，總算順利拿下Boss，雖然并不完美(微博至今不批準審核，連個詳細的原因也沒有) ~ 另外在刷怪成功的同時還順便將心得做了整理： 這一戰可以說是能力全面大幅提升，首先對cocos2d-html5和-iphone分支的區別有了更深的認識；其次JS語言的熟悉度也提升了不止一個檔次；再接著cocosbuilder的聯合使用也有了掌握；最后還有cocos2d范疇之外的，應用部署，發布的經驗和html，css基礎知識的掌握 ~ 一口氣飆到LV40 ~ 游戲做完了，稍作休息，開始尋找下一個目標，毫無疑問cocos2d是個游戲引擎，但是誰說它只能做游呢？ 至少cocos2d-html5分支，我看到的是后面的”-html5″ — 這是一個瀏覽器的窗口，不僅僅是移動平臺，是通過瀏覽器面向世界的窗口 ~ 于是下一個挑戰的目標， 決定是一個怪是service類的新聞應用，使用cocos2d-html5 + python的架構 ~ 說實話這次應用的客戶端前端UI之類的完全是沒難度，配合cocosbuilder輕松愉快的完成了，難點在于后臺的服務器架構實現，再加上通過cocos2d-html5和后臺服務器的交互(這里只是http的，沒有socket) ~ 完成度不是很高，小升至LV45 ~ 應用小怪刷完了，還有什么可能性呢？ 這時候想到的，是HTML5的在線簡歷，一方面自己整理簡歷中，另一方面想到以前看到的一些不錯的HTML5在線簡歷，很是羨慕，至少比普通的pdf cv要有吸引力多了，而且在一定程度上也是能力的證明 — 至少制作者有這個想法，而且付諸實施，并且實現了 ~ 于是就決定刷CV小怪，這個當然也沒什么壓力，輕松小升至48級 ~ 到這里為止，已經用cocos2d-html5做了很多東西，而且是不僅限于游戲范疇的東西，其中最大的一個體會，首先是語言上帶來的便利性，對于JS這類動態語言來說相比C++或者OC，在學習難度和使用復雜度上是有絕對的優勢的，再加上項目調試的方便快捷，現在的瀏覽器的內置debugger都是很強大的，項目修改后只要ctrl+s一下馬上就生效，不用反復的編譯連接安裝運行~ 那么這種優勢，怎么能夠把它延伸到移動平臺上呢，這時候出現了野生的 — JSBinding ~ 雖說是JSB，但是實際上最大的對手是SpiderMonkey，如果能把SpiderMonkey搞定，掌握C++和JS的交互方法，那么JSB也就拿下了 ~ 當然還是老規矩，先翻翻文檔，然后就是動手上項目，把之前的幾個cocos2d-html5做的UI控件拿來做樣品，試著在cocos2d-x中來進行交互調用 ~ 過程還是挺曲折的，不過最終還是搞定 ~ LV.50達成 ?:) 同樣順便整理了下心得(雖然還沒完成)： 捕獲了JSB這個強力的幫手后，自己的第一反應就是 — 之前看來已經走到頭的cocos2d-html5的路，又再次延伸下去了 — 因為JSB的存在，使得JS和C++這兩個世界得以交互，那就意味著JS世界中的一些好動西完全有可能拿到C++來用 ~ 首先的想法自然是數不勝數的JS特效，JS插件，以前就一直很羨慕，原因很簡單 — 它們都很炫，都很實用，而且自己看不懂也做不到 – 但是現在不一樣了，首先因為cocos2d-html5的幫助，自己已經對JS有了相當的熟悉；其次因為JSB的存在，一些JS插件甚至可以直接拿來在cocos2d-x中使用，即使不能直接用，也一定可以拿來參考并做到cocos2d-html5的實現 ~ 于是就有了下面的各種嘗試 ~ 以前就很喜歡的手寫識別，可以自定義任何復雜的手勢： 一個cocos2d的CLI命令行，可以支持游戲運行時的日志輸出，邏輯控制，而且可以JSB后在cocos2dx中使用: 至此，LV.60達成 ~ 到這里為止，做了不少的項目，于是就有了建一個專門的網頁的想法，最自己而言這在以前是做不到的，但是現在有了cocos2d-html5 + cocosbuilder，網頁小怪輕松搞定 ~ 至此，LV.62達成 ~ 到這里對于cocos2d-html5的使用感覺已經是到了80%熟練的成都了，這一點也得到了證實，最近的一道面試題，要求做一個變則三消游戲，聽完需求，直接cocos2-html5 + sublime text + chrome 做起，大約三天左右的時間(當然只是業余時間)，完成到了一個可以發布的程度 ?~ 再花半天的時間完成微博和FB的接入和提交申請(其實80%的時間花在整理素材填寫app內容上) ~ 再花半天的時間完成JSB，結合cocos2d-x 可以在ios設備上流暢運行 ~ 至此，算是對所掌握的東西的鞏固，LV.65達成 ~ 靈感總是突如其來的，就在前兩天看到了raphaeljs庫，一個可以繪制svg矢量圖形的，在前端世界大名鼎鼎的JS庫，對于崇尚“極簡游戲”的我來說，這個當然得拿下，可以不用準備圖片，直接svg path生成圖形，那當然是再好不過了 ~ 于是就有了下面的小老虎(雖然再試還沒做優化，性能還比較低)： 至此，LV.70達成 ~ 回頭看看這條練級之路，自己覺得是走的相當精彩，相當愉快的，因為這不是枯燥的練級 ~ 對我而言，cocos2d-html5這條路還會繼續走下去 ~ 只要一個靈感，一個目標，就算在困難，也一定能到達(實在不行就靠NPC們的幫助了，呵呵) ~ 最后要感謝一下cocos2d-html5，讓我真正進入了曾經一直想要進入的世界 ~ 對我而言，這個分支不僅僅是的游戲引擎那么簡單，它意味著更多 — 那就是視野的開闊，這個極其重要，原來自己相當于是局限在c++/oc和移動平臺上，但是通過cocos2d-html5 + JSB 這個范圍被無限制的擴大，思維的范圍也被擴大，遇到問題時的解決方案搜索空間也就變得更廣 ~ 現在LV.70 ~ 我想還會繼續的 (貌似滿級是Lv.999 ) ~ PS: 1.文章里提到的項目基本都開源并上傳github了，有興趣請戳：https://github.com/supersuraccoon/ 2.個人建立的CocosLab，有興趣請戳：?http://www.supersuraccoon-cocos2d.com/CocosJSBLab/CocosJSBLab-HTML5/ 3.給同樣想開始cocos2d-html5之旅的朋友說幾句 . cocos2d-html5真的不難 . 自己是JS零基礎，前段零基礎起步，現在Lv.70，所以你也可以 . 稍微看看看文檔，看幾篇號的博客教程，然后就開始刷怪練級吧 . cocos2d-html5對于環境硬件要求極低，所以剛開始不要拘泥于什么裝備 . 不要眼高手低，覺得這怪等級太低，刷了沒意義 ~ 其實你未必能贏 ~ . 初期問題多很正常，在求助真人前，至少找過5個以上NPC，這年頭NPC都很強的，呵呵 . 小怪刷幾個后，有了一定的經驗等級，就可以買點裝備，然后刷大怪了 . 可以嘗試做個小游戲，但是一定要功能完整 . 嘗試部署接入各大平臺 . 嘗試JSB然后在移動平臺運行 . 祝打怪升級愉快 :) 原帖地址：http://www.cocoachina.com/bbs/read.php?tid=152420

總結

以上是生活随笔為你收集整理的Cocos2d-Html5--打怪升级之路的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。