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

5 評(píng)論 13562 瀏覽 18 收藏 7 分鐘

打地鼠這款游戲大家小時(shí)候都玩過(guò),對(duì)于零編程基礎(chǔ)的人,是否有機(jī)會(huì)自己親手制作一款好玩又有新意的打地鼠游戲呢?在打地鼠這款游戲背后,又有哪些值得思考的因素呢?

我們邀請(qǐng)到了墨刀的特約導(dǎo)師張馬克(暴走大樂(lè)哥)為大家詳細(xì)剖析這款游戲的誕生、制作和后續(xù)過(guò)程。

原型地址:https://modao.cc/app/2baaf8e9b28206db85b5bb96faa1c71dca15f00b

一、產(chǎn)品誕生

如果這款游戲是一個(gè)產(chǎn)品的話(huà),首先需要考慮到它的易上手性,打地鼠這款游戲應(yīng)該是很多人小時(shí)候玩過(guò)的游戲,用戶(hù)的學(xué)習(xí)成本很低,上手即玩。

那么通過(guò)墨刀是否可以實(shí)現(xiàn)這個(gè)游戲場(chǎng)景呢?這就帶出了我們的第一步:熟悉必要的組件。

本次游戲制作過(guò)程中,需要以下的幾個(gè)組件:

  • 圖片(作為素材)
  • 全局手勢(shì)-定時(shí)器(作為游戲規(guī)則判定)
  • 狀態(tài)(點(diǎn)擊效果展示)
  • 墨刀常用組件(矩形、圓形、文字)

其次,我們梳理一下這款游戲的主要場(chǎng)景,如下圖:

二、游戲制作

1 關(guān)卡倒計(jì)時(shí)

首先,添加4個(gè)狀態(tài),背景元素不變,文字分別設(shè)置為「Ready3」、「Ready2」、「Ready1」、「Go?。 ?,「Go!!」可以設(shè)置一個(gè)逐漸放大的效果。

然后,在全局狀態(tài)中添加一個(gè)全局手勢(shì),將其設(shè)置為定時(shí)器,動(dòng)效時(shí)長(zhǎng)1秒,定時(shí)器1秒,狀態(tài)1、2、3分別定時(shí)跳轉(zhuǎn)到下一個(gè)狀態(tài)里。

這樣,一個(gè)倒計(jì)時(shí)的場(chǎng)景就做好了。

2 游戲頁(yè)面

頁(yè)面布局:以第一關(guān)為例,用黑色的圓形作為地鼠的洞;把地鼠的圖片放到圓形中間。創(chuàng)建11個(gè)狀態(tài),通過(guò)顯示/隱藏來(lái)控制地鼠在洞中顯示的位置。

規(guī)則判定:如果游戲玩家在2秒之內(nèi)點(diǎn)擊地鼠,就會(huì)跳轉(zhuǎn)到下一個(gè)狀態(tài);如果在2秒之內(nèi)沒(méi)有點(diǎn)擊地鼠,就會(huì)跳轉(zhuǎn)到Game Over頁(yè)面。通過(guò)添加兩個(gè)全局手勢(shì),設(shè)置為定時(shí)器來(lái)控制。

過(guò)關(guān):如果游戲玩家通過(guò)了10關(guān),則跳轉(zhuǎn)到第二關(guān)頁(yè)面。第二關(guān)、第三關(guān)里,可以通過(guò)增加狀態(tài)、縮短定時(shí)器時(shí)間來(lái)增加難度。

3 游戲優(yōu)化

美觀(guān)性

針對(duì)于游戲這種產(chǎn)品來(lái)說(shuō),還需要考慮頁(yè)面的美觀(guān)性,也就是我們所說(shuō)的UI,這一點(diǎn)確實(shí)是打地鼠游戲的一個(gè)較為薄弱的點(diǎn),之前su也和我溝通過(guò),說(shuō)能否加強(qiáng)一下頁(yè)面的美觀(guān)性,這個(gè)就是產(chǎn)品的實(shí)施成本問(wèn)題了。因?yàn)槲也](méi)有過(guò)多的時(shí)間去精細(xì)的調(diào)整頁(yè)面的美觀(guān)性,而且也沒(méi)有UI同學(xué)的細(xì)致支持和輸出,在我打算做這個(gè)場(chǎng)景之前,針對(duì)于時(shí)間成本、目標(biāo)成本也有考慮,這是最快實(shí)現(xiàn)的最好方式。大家如果有好的素材可以制作更為精美的游戲界面。

情緒調(diào)動(dòng)

當(dāng)然,一款游戲需要一部分情緒刺激,包括刺激用戶(hù)多次的去玩。如,設(shè)置Game Over 頁(yè)面的言語(yǔ)小挑釁,激發(fā)用戶(hù)的不甘心;刺激用戶(hù)通關(guān)的欲望,通過(guò)是可以看到我微信 我會(huì)給1塊錢(qián)紅包。

在刺激用戶(hù)不甘心的立場(chǎng)上,首先這個(gè)游戲很簡(jiǎn)單也不浪費(fèi)時(shí)間,Game Over頁(yè)面我的圖和語(yǔ)言很賤,肯定會(huì)刺激用戶(hù)至少再玩一次的。(這里就不放圖片了)

刺激用戶(hù)通關(guān)的欲望的立場(chǎng)上,每個(gè)通關(guān)看到我微信的朋友,我都發(fā)了紅包給他,在最后的獎(jiǎng)勵(lì)上,作為一款完整產(chǎn)品,要言出必行 一塊錢(qián)雖小,但是信譽(yù)事大。

4 規(guī)避作弊

最后,要考慮到游戲本身有Bug嗎?是否可以通過(guò)某種形式不用通關(guān)就看到我的微信呢?

這個(gè)在論壇里,也有朋友們討論,說(shuō)我根本就沒(méi)有設(shè)置通關(guān)頁(yè)面。

答案是否定的!這個(gè)游戲本身確實(shí)有通關(guān)頁(yè)面!有通關(guān)頁(yè)面!有通關(guān)頁(yè)面!重要的事情說(shuō)三次!只不過(guò)基于Bug的角度我并沒(méi)有將通關(guān)頁(yè)面單獨(dú)開(kāi)一個(gè)頁(yè)面,因?yàn)檫@樣熟悉墨刀的朋友會(huì)知道利用站點(diǎn)地圖直接作弊看到我的終點(diǎn)頁(yè)面。

我將終點(diǎn)頁(yè)面調(diào)整到了狀態(tài)下(如圖所示第三關(guān)-狀態(tài)21),因?yàn)闋顟B(tài)是不會(huì)在站點(diǎn)地圖中顯示的,這樣就完美的規(guī)避掉可以利用站點(diǎn)地圖作為終點(diǎn)頁(yè)來(lái)進(jìn)行作弊了。

二、游戲總結(jié)

打地鼠一款非常簡(jiǎn)單的游戲,但這里面涉及到的產(chǎn)品思維,以及如何調(diào)動(dòng)用戶(hù)情緒、獲得成就感等要素確是所有游戲制作者都要考慮的。希望本篇分享能夠讓你有所收獲。

 

本文由 @墨刀 原創(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. 不錯(cuò),軟件很強(qiáng)大。所以我選擇Axure

    來(lái)自江西 回復(fù)
  2. 【如果游戲玩家在2秒之內(nèi)點(diǎn)擊地鼠,就會(huì)跳轉(zhuǎn)到下一個(gè)狀態(tài)】這一步是怎么設(shè)備的呢?有誰(shuí)教我一下 謝謝

    來(lái)自上海 回復(fù)
    1. 用定時(shí)器就好啦,視頻里有詳細(xì)的講解。

      來(lái)自北京 回復(fù)
  3. 需要自己動(dòng)手做一下

    來(lái)自江蘇 回復(fù)
  4. ?? 第一份工作 第一個(gè)h5游戲素材圖片就是用的這篇封面圖

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