遊戲開發中的新手引導與事件管理系統

遊子陳發表於2020-08-05

前言

在遊戲開發接近尾聲的時候,大部分的遊戲都會接入新手引導功能,提升玩家的遊戲體驗,不至於讓玩家進入遊戲有冷場或者不知所措的感覺。
對於新手引導的做法估計一百個人有一百種方式,接下來我將分享一下自己的使用方式,並伴隨一些問題的討論。

教學引導

1. 使用簡單的遮罩聚焦。

這種方式可以轉移玩家的注意力,畢竟進入遊戲的時候內容有很多,但是人的接受能力有限。
可以根據配置表設定決定是否有遮罩
在這裡插入圖片描述

2. 將引導放到最上層,遮蔽觸控事件

這種方式比較省事,也避免了玩家亂點導致的引導錯誤。但是我們可以通過配置表的方式,決定這一步是否為強制引導,如果不是那麼可以不遮蔽事件。
在這裡插入圖片描述

3. 手指位置如何獲得

通過配置好的介面節點名稱,控制元件名稱直接獲得節點。

這裡邊使用的陣列的形式配置,是預留的為了實現拖拽教學。讓手指從一個位置滑動到另一個位置。

    setWidget() {
        if (this.widget) {
            return;
        }
        let parent = EngineHelper.findChild(this.className, UIManager.instance().getRoot())
        if (parent) {
            if (this.widgetName) {
                if (this.widgetName == 'this') {
                    this.widget = parent;
                } else {
                    this.widget = EngineHelper.findChild(this.widgetName, parent)
                }
                if (this.index >= 0) {
                    this.widget = this.widget.children[this.index]
                    if (this.index2 >= 0) {
                        this.widget = this.widget.children[this.index2]
                    }
                }

            } else {
                this.widget = parent;
            }
        }
    }

然後將節點的座標經過轉換賦值給手指
在這裡插入圖片描述

3. 如何觸發函式。

在資料表中配置好節點,元件,和函式名
在這裡插入圖片描述
當使用者點選手指時,通過程式碼直接呼叫

    trigger() {
        if (this.widget) {
            let comp = this.widget.getComponent(this.compName)
            if (comp) {
                comp[this.funcName]();
            }else{
                cc.warn(' comp is null ',this.compName)
            }
        }
    }

完整教學資料表
在這裡插入圖片描述

事件管理器

遊戲中可能觸發各種各樣的事件,教學只是其中之一,還有可能彈出提示,設定節點隱藏,指定某個角色走向某個點,等等。
事件管理器根據特定的情況和判定條件決定是否開啟。
在這裡插入圖片描述
可能的型別有
在這裡插入圖片描述
對比型別:
在這裡插入圖片描述
通過觸發時傳遞進來的數值與資料表中的需求值進行對比,判斷第一階段是否成立。如果成立在判斷附加條件是否成立,如果成立,那麼事件啟動。執行事件表中的每一步。這裡之所以新增兩段判斷是為了效率考慮,當觸發一個型別的事件時只檢查此型別對應的事件。
在這裡插入圖片描述

4. 事件處理

在資料表中配置好每一步要做的事情以及引數
在這裡插入圖片描述
第一列為事件執行序號,唯一標識。
第二列為事件ID,是一個索引列,如果你傳入1 會直接得到一個含有[1,2,3]的陣列
第三列為是否存檔的設定,也就是在哪一步存檔,如果是網路遊戲,就是哪一步告知伺服器事件結束。
第四列 就是操作型別了,
在這裡插入圖片描述
通過程式碼將所有的功能組織起來。所以說,教學只是事件管理系統的一個很小的部分。

    update() {
        let item = this.event.getItemModel()
        // cc.log('update ================= step ', this.step, ' this.eventID ', this.eventID)
        switch (item.getOperateType()) {
            case OperateType.OPEN_DIALOG:
                break;
            case OperateType.OPEN_GUIDE:
                GuideManager.instance().start(item.getParam())
                break;
            case OperateType.OPEN_TIP:
                TipController.instance().showTip(item.getParam(), () => {
                    this.event.next()
                })
                break;
            case OperateType.IN_VISIBLE:
                let list = item.getParam().split(':')
                let parent = UIManager.instance().getRoot()
                while (list.length > 0) {
                    let name = list.shift();
                    let node = EngineHelper.findChild(name, parent)
                    if (node) {
                        parent = node;
                    } else {
                        break;
                    }
                }
                cc.log(' list.length  ===========   ', list.length)
                if (parent && list.length == 0) {
                    parent.active = false;
                    this.event.next()
                }
                break;
            default:
                this.emit(GameEventName.EVENT_UPDATE, item)
                break;
        }
    }

根據自己定義的處理型別,在資料表中配置不同的引數,程式碼中做不同的處理。之所以有defualt 是因為有些操作不是管理器能觸及的。比如對遊戲中的角色的操作,應該是模擬器的事情,所以模擬器監聽事件,然後根據不同 的操作呼叫不同的函式,實現不同的邏輯。

5. 何時檢查事件

事件的檢查時機是根據定義的觸發型別而定的,當你的條件成立時,需要主動呼叫事件管理器的checkEvent函式,傳入對應的觸發條件型別,和特定的值即可。下面舉幾個例子。

  1. 進入介面後在start函式中主動檢查
    在這裡插入圖片描述

  2. 在介面已經開啟時通過事件接收事件管理器觸發的通知。
    在這裡插入圖片描述

  3. 當UI關閉時。比如剛進入大廳時可能會彈出離線獎勵,簽到等介面,當這些介面都關閉時觸發。
    在這裡插入圖片描述

總結

以上就是我在遊戲開發中使用的事件管理系統,理論上可以實現你想要的任何操作。
程式碼已經提交到框架專案中。感興趣的可以自己研究研究。​

歡迎掃碼關注公眾號《微笑遊戲》,瀏覽更多內容。

image

微信圖片_20190904220029.jpg

更多內容

跨引擎遊戲開發框架

小遊戲SDK整合框架

使用四叉樹優化碰撞檢

遊戲開發中UI管理器的使用

小遊戲開發中如何優雅的使用本地存檔

sdk接入整合,用一個變數切換不同渠道

CocosCreator之AssetBundle使用方案分享

CocosCreator之填色遊戲的一種實現方案

一個可遮蔽長短連結的網路模組

遊戲開發中的人工智慧

歡迎掃碼關注公眾號《微笑遊戲》,瀏覽更多內容。

相關文章