全棧產(chǎn)品經(jīng)理|如何獨(dú)立寫(xiě)出一個(gè)小游戲上架App Store?

3 評(píng)論 6614 瀏覽 264 收藏 7 分鐘

首先感謝我的愛(ài)人娟娟,在我忙碌的這個(gè)星期里對(duì)我的照顧。

一定有很多產(chǎn)品經(jīng)理和我一樣,想自己動(dòng)手寫(xiě)一個(gè)APP或游戲來(lái)證明自己,但是遲遲不動(dòng)手。元旦假期來(lái)了,為什么不趁這個(gè)機(jī)會(huì)完成自己的夢(mèng)想?

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

下載方法:進(jìn)入AppStore,搜索『色彩迷城』

設(shè)定目標(biāo)

開(kāi)始動(dòng)手前,先檢查自己是否具有獨(dú)立完成這個(gè)游戲的條件:

  1. 首先需要有一定的編程基礎(chǔ),C族編程語(yǔ)言基礎(chǔ)最好
  2. 有Mac電腦,Xcode,蘋(píng)果開(kāi)發(fā)者資格
  3. 基本的用戶界面審美,會(huì)使用PS、AI、Sketch等任意創(chuàng)作工具
  4. 強(qiáng)自學(xué)能力,能夠在1天之內(nèi)上手一個(gè)陌生工具,因?yàn)槟阋佑|簡(jiǎn)單的編曲

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

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

技術(shù)選型

代碼層面:

顯然準(zhǔn)備做一個(gè)2D游戲,那么選cocos2d-x,之前完全沒(méi)有接觸過(guò),在網(wǎng)上找教程看。C++,高級(jí)特性不熟,跟著教程直接上手寫(xiě),出了問(wèn)題再調(diào)試。

圖像層面:

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

音樂(lè)音效:

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

動(dòng)手

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

二、已經(jīng)申請(qǐng)了$99的開(kāi)發(fā)者賬號(hào),所以直接到蘋(píng)果開(kāi)發(fā)者中心去:注冊(cè)App ID、APP證書(shū)、APP描述文件。到iTunesConnect上去新建一個(gè)APP頁(yè)面,填寫(xiě)游戲的基本信息。

QQ20151231-4@2x

三、開(kāi)始繪制基本的頁(yè)面UI,這個(gè)時(shí)候我把LOGO先做出來(lái)了,因?yàn)椴幌肟吹絠TunesConnect上面的圖標(biāo)空白著。

QQ20151231-1@2x

四、網(wǎng)上找了介紹Cocos2d-x的視頻教程,跟著搭架子。其中牽涉到一些面向?qū)ο蟆⒃O(shè)計(jì)模式的東西,大概了解一下即可,因?yàn)橐龌顑翰灰钊脒M(jìn)去。從生成HelloWorld開(kāi)始,一點(diǎn)一點(diǎn)擴(kuò)展:搭建第一個(gè)場(chǎng)景、繪制第一個(gè)Sprite、寫(xiě)第一個(gè)策略類、從csv文件導(dǎo)入游戲數(shù)據(jù)以便快速修改游戲數(shù)值、添加動(dòng)態(tài)的背景、添加背景音樂(lè)和音效(這時(shí)候發(fā)現(xiàn)需要做音樂(lè)了,跳出)

QQ20151231-2@2x

五、自己把心里的背景音樂(lè)哼唱出來(lái),用手機(jī)錄下來(lái),要不直接上電腦錄就亂套了。錄完后,打開(kāi)Logic,創(chuàng)建電子音樂(lè)模板,選用適合的合成器把剛剛哼唱的音樂(lè)打到音軌上。選用8位風(fēng)格,也是為了偷懶讓背景音樂(lè)盡量簡(jiǎn)單,因?yàn)橹恍枰?個(gè)軌:主調(diào)、和聲、鼓,然后用上文說(shuō)的插件處理成紅白機(jī)風(fēng)格,并軌輸出mp3,導(dǎo)入到Xcode中備用。音效也用類似的方法做好。

QQ20151231-3@2x

六、寫(xiě)代碼過(guò)程中肯定會(huì)經(jīng)??ㄗ?,畢竟經(jīng)驗(yàn)不多,那就得停下來(lái)一點(diǎn)一點(diǎn)跟斷點(diǎn),這個(gè)過(guò)程也就把游戲的執(zhí)行過(guò)程進(jìn)行了解,對(duì)Cocos2d-x的結(jié)構(gòu)有了一點(diǎn)點(diǎn)初步了解。Bug解掉了,結(jié)構(gòu)也理順了。

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

八、Xcode打包ipa,Application Loader上傳(傳了2個(gè)多小時(shí),吐槽一下蘋(píng)果商店)。等待編譯等待上傳的過(guò)程,可以把商店截圖做一下,描述文字潤(rùn)色一下什么的。提完了發(fā)布,等待審核。

result

原來(lái)預(yù)計(jì)圣誕節(jié)之前可以過(guò)審,結(jié)果用了10多天才發(fā)布。

看到朋友們的反饋,那種感覺(jué)真的是極好的。

感想

說(shuō)中肯的,「色彩迷城」是一個(gè)完整的游戲,但并沒(méi)有達(dá)到讓你玩很多次還放不下那種上癮的地步,可以很多BUG,也還有很多需要改進(jìn)的地方。

因?yàn)橐徊磺笥磺髠鞑?,所以沒(méi)有太大壓力,就把第一個(gè)版本發(fā)出來(lái),讓朋友們都玩一玩,也可以提一提建議。

最后,期待你的作品!

 

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 首先給你的愛(ài)人點(diǎn)贊

    來(lái)自廣東 回復(fù)
  2. 一直有想,但是總覺(jué)得無(wú)法行動(dòng)

    來(lái)自浙江 回復(fù)
  3. PM需要會(huì)編程,已經(jīng)是大勢(shì)所趨了么?

    來(lái)自上海 回復(fù)