現學現用-我的第三個小小小私活 現學現用-我的第二個小小小私活 微信小遊戲之旅1. 起步

 之前寫的博客

現學現用-我的第二個小小小私活

之前兩個小小小私活,這次遇到的是第三個。

一、背景

經朋友搭線介紹,一家公司需要做個微信小遊戲,問我有沒有時間和興趣,我說可以做。做過小程序,並沒有做過小遊戲,所以又是一個現學現用。微信小遊戲之旅1. 起步

該公司的對接人給了一個這樣的小遊戲,需要遷移到微信小遊戲上,這個遊戲的名稱叫做Root Beer Tapper。玩法就是一個酒保不斷的倒酒,傳遞給顧客。顧客到達桌子邊沿或酒傳多了遊戲就結束了。

也沒有提供什麼UI,素材。

 

二、如何收費

1.小遊戲我沒有做過,也沒有把握做好,所以跟甲方說是 兩週內 出一個demo

2.等Demo出來後再看如何繼續下去(怎麼收費)

3.所以接下來就是沒有給錢的幹活

 

三、開發歷程

1.先看了微信小遊戲的開發步驟

2.看了下小遊戲的引擎(找到了Egret白鷺引擎,真的是非常贊,提供的開發工具也是一流),可以無縫對接微信小遊戲!

3.找了些類似的小遊戲,發現都是swf格式的文件(用Flash開發的),想用反編譯工具拿到遊戲的源代碼。

4.然後找了一個反編譯swf文件的工具(碩思閃客精靈),想要將裏面的圖片導出來,發現試用版只能導出前兩張圖。

5.於是買了個正版軟件,298元,圖是能全部導出了,發現格式不是自己想要的,哎。。。買了沒有什麼用。。感覺虧了298元。

6.反編譯之後發現裏面的代碼太亂了,要轉成javascript 不那麼容易,乾脆自己寫吧。

7.這個反編譯工具的正版功能在後期也沒有用到,試用版+截圖工具 截取了些圖片素材。

8.截圖出來的圖片沒有去掉背景色,找UX大神教我 怎麼使用PS工具去掉了背景,變成了透明的,這樣就達到了圖片要求。

9.Egret開發工具雖好,但不知道怎麼使用,看了下官網的視頻教程,發現這個視頻非常好啊,視頻裏面的demo和我要做的功能很相似:酒瓶在傳送帶上傳遞。

 

10.看了一部分教程後,就開始動手做了,1個星期後,甲方問了進度,只畫了頁面和顧客的向右移動功能。顧客反饋有進度就好。

 

 11.兩個星期後,甲方又問了進度,這次基本上都做完了

(1) 顧客向右移動

(2) 酒保傳酒

(3) 酒保上下移動到不同桌子

(4) 酒杯碰到顧客後,顧客酒往左走

(5) 喝多杯的顧客,喝完一杯後,將空杯傳給左邊,並繼續往右走

(6) 酒保收集空酒杯

(7) 顧客碰到左邊桌沿,遊戲結束

(8) 酒杯碰到右邊桌沿,遊戲結束

(9) 空酒杯碰到左邊桌沿,遊戲結束

(10) 分數展示

 

12.給甲方展示後,甲方說能不能改變速度和酒量(多喝幾杯),用的面向對象編程,當然可以設置嘛,都是類的屬性。。

13.甲方說非常好~

14.過了一個星期後,再問甲方:“demo已經做完了,是否後面還需要做什麼?”(意思就是可不可以合作啦,聊下需求,簽下合同,匯下第一筆款....)

15.甲方沒有做任何回覆~是的,沒有回覆了。

16.算了哦,就當花了298元學了一把遊戲開發。

 

四、代碼講解

1.目錄結構

 

 

 2.酒保類

3.酒瓶類

 

 4.酒瓶狀態枚舉

enum BeerStatus {
	None, Full, Empty
}

5.顧客類

 

 6.顧客工廠類

 

 7.顧客類型類

enum DrinkerType {
	None, BlueDrinker, FashionWomenDrinker, GreenDrinker, RedDrinker
}

8.核心邏輯

 

 

 

 

 

 

 

這就是我的第三個小小小私活,看似虧了298,可是學到了一點點遊戲開發~也學到了一點如何用PS~

不喜勿噴~~~~

 

 

關注公衆號:悟空聊架構,回覆pmp,領取pmp資料!回覆悟空,領取架構師資料!


作  者:悟空聊架構 
出  處:http://www.cnblogs.com/jackson0714/ 
關於作者:專注於移動開發。如有問題或建議,請多多賜教! 
版權聲明:本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文鏈接。 
特此聲明:所有評論和私信都會在第一時間回覆。也歡迎園子的大大們指正錯誤,共同進步。或者直接私信我 
聲援博主:如果您覺得文章對您有幫助,可以點擊文章右下角推薦】一下。您的鼓勵是作者堅持原創和持續寫作的最大動力! 

悟空聊架構 

關注我,帶你每天進步一點點!

還有111本書籍贈送~~

 demo裏面的素材純屬學習所用,如有侵權,請聯繫我。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章