cocos creator鏡頭隨着人物移動的實現

cocos creator鏡頭隨着人物移動的實現

今天給大家分享一下Cocos creator中的一個小技巧,鏡頭隨着人物的移動而移動,話不多說,直接進主題。
這是最後的編輯界面,如圖

詳細解釋一下:
1 創建一個空結點,命名隨意,在此爲root。
2 創建JavaScript文件follow,內容代碼如下。
// An highlighted block
cc.Class({
extends: cc.Component,

properties: {
    target: {
        default: null,
        type: cc.Node
    }
},

// use this for initialization
onLoad: function () {
  
    this.node.active = !cc.sys.isMobile;

    if (!this.target) {
        return;
    }
    var follow = cc.follow(this.target, cc.rect(0,0, 2000,2000));
    this.node.runAction(follow);
}

這段代碼很好理解,首先創建節點屬性,用來訪問掛載的人物屬性,onload裏面調用官網提供的follow函數,跟蹤的意思。
3 保存JavaScript文件,並且將此文件掛載到root節點上。
4 將人物節點拖動到node框裏面
如圖
然後鏡頭就會隨這人物移動啦。
測試結果如下,有喜歡Cocos creator可以一起交流啊,最近在做跑酷遊戲,也會持續給大家更新的。
在這裏插入圖片描述

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