首先感謝我的愛人娟娟，在我忙碌的這個星期里對我的照顧。

一定有很多產(chǎn)品經(jīng)理和我一樣，想自己動手寫一個APP或游戲來證明自己，但是遲遲不動手。元旦假期來了，為什么不趁這個機會完成自己的夢想？

本文描述了我1周時間內(nèi)完成一個簡單小游戲的歷程，希望對大家有所幫助。

下載方法：進入AppStore，搜索『色彩迷城』

設(shè)定目標

開始動手前，先檢查自己是否具有獨立完成這個游戲的條件：

1. 首先需要有一定的編程基礎(chǔ)，C族編程語言基礎(chǔ)最好
2. 有Mac電腦，Xcode，蘋果開發(fā)者資格
3. 基本的用戶界面審美，會使用PS、AI、Sketch等任意創(chuàng)作工具
4. 強自學能力，能夠在1天之內(nèi)上手一個陌生工具，因為你要接觸簡單的編曲

首先我們簡單設(shè)定了游戲的風格：卡通、簡單、休閑。要在1周內(nèi)完成，千萬不要去碰那些復(fù)雜的游戲類型，以免打擊到自信心。

原本我和愛人打算做一個小鳥在電線桿上唱歌的游戲，但是考慮到最后要自己寫代碼，所以放低要求到一款比較傳統(tǒng)的消除游戲，畢竟這樣網(wǎng)上可以參考的資料會更多。

技術(shù)選型

代碼層面：

顯然準備做一個2D游戲，那么選cocos2d-x，之前完全沒有接觸過，在網(wǎng)上找教程看。C++，高級特性不熟，跟著教程直接上手寫，出了問題再調(diào)試。

圖像層面：

跟隨潮流用Sketch，效率快了很多，出圖也方便很多。

音樂音效：

用Logic寫，選用了8bit風格，所以在網(wǎng)上找了一個插件叫Magic 8bit plug，可以把MIDI音軌轉(zhuǎn)換成紅白機風格效果。

動手

一、先想好游戲的名字叫色彩迷城，消除類游戲，玩法是：有一堆彩色小點點，點擊后看到背后一個圖形，要求玩家記住這個圖形，把包含相同圖形的小點點配對消除掉，有很多關(guān)卡，難度遞增，游戲目的是獲得高分。

二、已經(jīng)申請了$99的開發(fā)者賬號，所以直接到蘋果開發(fā)者中心去：注冊App ID、APP證書、APP描述文件。到iTunesConnect上去新建一個APP頁面，填寫游戲的基本信息。

三、開始繪制基本的頁面UI，這個時候我把LOGO先做出來了，因為不想看到iTunesConnect上面的圖標空白著。

四、網(wǎng)上找了介紹Cocos2d-x的視頻教程，跟著搭架子。其中牽涉到一些面向?qū)ο?、設(shè)計模式的東西，大概了解一下即可，因為要出活兒不要太深入進去。從生成HelloWorld開始，一點一點擴展：搭建第一個場景、繪制第一個Sprite、寫第一個策略類、從csv文件導入游戲數(shù)據(jù)以便快速修改游戲數(shù)值、添加動態(tài)的背景、添加背景音樂和音效（這時候發(fā)現(xiàn)需要做音樂了，跳出）

五、自己把心里的背景音樂哼唱出來，用手機錄下來，要不直接上電腦錄就亂套了。錄完后，打開Logic，創(chuàng)建電子音樂模板，選用適合的合成器把剛剛哼唱的音樂打到音軌上。選用8位風格，也是為了偷懶讓背景音樂盡量簡單，因為只需要3個軌：主調(diào)、和聲、鼓，然后用上文說的插件處理成紅白機風格，并軌輸出mp3，導入到Xcode中備用。音效也用類似的方法做好。

六、寫代碼過程中肯定會經(jīng)常卡住，畢竟經(jīng)驗不多，那就得停下來一點一點跟斷點，這個過程也就把游戲的執(zhí)行過程進行了解，對Cocos2d-x的結(jié)構(gòu)有了一點點初步了解。Bug解掉了，結(jié)構(gòu)也理順了。

七、游戲雛形出來了，自己跳出去從局外人的角度試用，列出不如意的問題列表（能有十幾條），然后開始一個一個地改。改完之后感覺游戲終于是可以見人的一個狀態(tài)了。再給娟娟玩幾遍，進一步調(diào)整一些轉(zhuǎn)場動畫什么的細節(jié)，最后把關(guān)卡難度調(diào)節(jié)一下，就這樣了。

八、Xcode打包ipa，Application Loader上傳（傳了2個多小時，吐槽一下蘋果商店）。等待編譯等待上傳的過程，可以把商店截圖做一下，描述文字潤色一下什么的。提完了發(fā)布，等待審核。

原來預(yù)計圣誕節(jié)之前可以過審，結(jié)果用了10多天才發(fā)布。

看到朋友們的反饋，那種感覺真的是極好的。

感想

說中肯的，「色彩迷城」是一個完整的游戲，但并沒有達到讓你玩很多次還放不下那種上癮的地步，可以很多BUG，也還有很多需要改進的地方。

因為一不求盈利，二不求傳播，所以沒有太大壓力，就把第一個版本發(fā)出來，讓朋友們都玩一玩，也可以提一提建議。

最后，期待你的作品！

本文由 @小澤?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。