全棧產(chǎn)品經(jīng)理|如何獨(dú)立寫(xiě)出一個(gè)小游戲上架App Store?
首先感謝我的愛(à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è)游戲的條件:
- 首先需要有一定的編程基礎(chǔ),C族編程語(yǔ)言基礎(chǔ)最好
- 有Mac電腦,Xcode,蘋(píng)果開(kāi)發(fā)者資格
- 基本的用戶界面審美,會(huì)使用PS、AI、Sketch等任意創(chuàng)作工具
- 強(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ě)游戲的基本信息。
三、開(kāi)始繪制基本的頁(yè)面UI,這個(gè)時(shí)候我把LOGO先做出來(lái)了,因?yàn)椴幌肟吹絠TunesConnect上面的圖標(biāo)空白著。
四、網(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è)了,跳出)
五、自己把心里的背景音樂(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中備用。音效也用類似的方法做好。
六、寫(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ā)布,等待審核。
原來(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)載。
首先給你的愛(ài)人點(diǎn)贊
一直有想,但是總覺(jué)得無(wú)法行動(dòng)
PM需要會(huì)編程,已經(jīng)是大勢(shì)所趨了么?