之前寫的博客
之前兩個小小小私活,這次遇到的是第三個。
一、背景
經朋友搭線介紹,一家公司需要做個微信小遊戲,問我有沒有時間和興趣,我說可以做。做過小程序,並沒有做過小遊戲,所以又是一個現學現用。微信小遊戲之旅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裏面的素材純屬學習所用,如有侵權,請聯繫我。