原型剖析|如何制作出一款好玩的打地鼠游戲?

打地鼠這款游戲大家小時候都玩過,對于零編程基礎(chǔ)的人,是否有機會自己親手制作一款好玩又有新意的打地鼠游戲呢?在打地鼠這款游戲背后,又有哪些值得思考的因素呢?
我們邀請到了墨刀的特約導(dǎo)師張馬克(暴走大樂哥)為大家詳細剖析這款游戲的誕生、制作和后續(xù)過程。
原型地址:https://modao.cc/app/2baaf8e9b28206db85b5bb96faa1c71dca15f00b
一、產(chǎn)品誕生
如果這款游戲是一個產(chǎn)品的話,首先需要考慮到它的易上手性,打地鼠這款游戲應(yīng)該是很多人小時候玩過的游戲,用戶的學習成本很低,上手即玩。
那么通過墨刀是否可以實現(xiàn)這個游戲場景呢?這就帶出了我們的第一步:熟悉必要的組件。
本次游戲制作過程中,需要以下的幾個組件:
- 圖片(作為素材)
- 全局手勢-定時器(作為游戲規(guī)則判定)
- 狀態(tài)(點擊效果展示)
- 墨刀常用組件(矩形、圓形、文字)
其次,我們梳理一下這款游戲的主要場景,如下圖:
二、游戲制作
1 關(guān)卡倒計時
首先,添加4個狀態(tài),背景元素不變,文字分別設(shè)置為「Ready3」、「Ready2」、「Ready1」、「Go?。 ?,「Go??!」可以設(shè)置一個逐漸放大的效果。
然后,在全局狀態(tài)中添加一個全局手勢,將其設(shè)置為定時器,動效時長1秒,定時器1秒,狀態(tài)1、2、3分別定時跳轉(zhuǎn)到下一個狀態(tài)里。
這樣,一個倒計時的場景就做好了。
2 游戲頁面
頁面布局:以第一關(guān)為例,用黑色的圓形作為地鼠的洞;把地鼠的圖片放到圓形中間。創(chuàng)建11個狀態(tài),通過顯示/隱藏來控制地鼠在洞中顯示的位置。
規(guī)則判定:如果游戲玩家在2秒之內(nèi)點擊地鼠,就會跳轉(zhuǎn)到下一個狀態(tài);如果在2秒之內(nèi)沒有點擊地鼠,就會跳轉(zhuǎn)到Game Over頁面。通過添加兩個全局手勢,設(shè)置為定時器來控制。
過關(guān):如果游戲玩家通過了10關(guān),則跳轉(zhuǎn)到第二關(guān)頁面。第二關(guān)、第三關(guān)里,可以通過增加狀態(tài)、縮短定時器時間來增加難度。
3 游戲優(yōu)化
美觀性
針對于游戲這種產(chǎn)品來說,還需要考慮頁面的美觀性,也就是我們所說的UI,這一點確實是打地鼠游戲的一個較為薄弱的點,之前su也和我溝通過,說能否加強一下頁面的美觀性,這個就是產(chǎn)品的實施成本問題了。因為我并沒有過多的時間去精細的調(diào)整頁面的美觀性,而且也沒有UI同學的細致支持和輸出,在我打算做這個場景之前,針對于時間成本、目標成本也有考慮,這是最快實現(xiàn)的最好方式。大家如果有好的素材可以制作更為精美的游戲界面。
情緒調(diào)動
當然,一款游戲需要一部分情緒刺激,包括刺激用戶多次的去玩。如,設(shè)置Game Over 頁面的言語小挑釁,激發(fā)用戶的不甘心;刺激用戶通關(guān)的欲望,通過是可以看到我微信 我會給1塊錢紅包。
在刺激用戶不甘心的立場上,首先這個游戲很簡單也不浪費時間,Game Over頁面我的圖和語言很賤,肯定會刺激用戶至少再玩一次的。(這里就不放圖片了)
刺激用戶通關(guān)的欲望的立場上,每個通關(guān)看到我微信的朋友,我都發(fā)了紅包給他,在最后的獎勵上,作為一款完整產(chǎn)品,要言出必行 一塊錢雖小,但是信譽事大。
4 規(guī)避作弊
最后,要考慮到游戲本身有Bug嗎?是否可以通過某種形式不用通關(guān)就看到我的微信呢?
這個在論壇里,也有朋友們討論,說我根本就沒有設(shè)置通關(guān)頁面。
答案是否定的!這個游戲本身確實有通關(guān)頁面!有通關(guān)頁面!有通關(guān)頁面!重要的事情說三次!只不過基于Bug的角度我并沒有將通關(guān)頁面單獨開一個頁面,因為這樣熟悉墨刀的朋友會知道利用站點地圖直接作弊看到我的終點頁面。
我將終點頁面調(diào)整到了狀態(tài)下(如圖所示第三關(guān)-狀態(tài)21),因為狀態(tài)是不會在站點地圖中顯示的,這樣就完美的規(guī)避掉可以利用站點地圖作為終點頁來進行作弊了。
二、游戲總結(jié)
打地鼠一款非常簡單的游戲,但這里面涉及到的產(chǎn)品思維,以及如何調(diào)動用戶情緒、獲得成就感等要素確是所有游戲制作者都要考慮的。希望本篇分享能夠讓你有所收獲。
本文由 @墨刀 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
不錯,軟件很強大。所以我選擇Axure
【如果游戲玩家在2秒之內(nèi)點擊地鼠,就會跳轉(zhuǎn)到下一個狀態(tài)】這一步是怎么設(shè)備的呢?有誰教我一下 謝謝
用定時器就好啦,視頻里有詳細的講解。
需要自己動手做一下
?? 第一份工作 第一個h5游戲素材圖片就是用的這篇封面圖