CocosCreator怎樣使用cc.follow進(jìn)行鏡頭跟隨

更新時(shí)間：2021年04月16日 15:37:46 作者：gamedaybyday

這篇文章主要介紹了CocosCreator怎樣使用cc.follow進(jìn)行鏡頭跟隨，想要學(xué)習(xí)follow的同學(xué)，一定要看一下

Cocos Creator版本：2.3.4

Demo下載：https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ccfollow.7z

說先來使用下cocoscreator自帶的跟隨代碼，cc.follow。

CC.Follow使用

一、設(shè)置地圖適配容器leftNode

假設(shè)這是個(gè)橫屏跑酷游戲。地圖大小1500x1500，那么leftNode高寬為1500x1500，并且widget居左下對齊。

二、設(shè)置地圖容器map

地圖容器也是1500x1500，和leftNode區(qū)別就是沒有適配組件widget，因?yàn)槟阌昧藈idget，就沒法讓地圖移動(dòng)了。這也是為什么多套一層leftNode用來適配屏幕的原因。

地圖里有一個(gè)角色Role。（一個(gè)普通的cc.Button按鈕）

地圖四周有紅色的按鈕作為識別地圖邊緣。

地圖容器上掛組件Follow.ts，并設(shè)置target角色目標(biāo)為Role。Role就是一個(gè)按鈕cc.Button，我們這里把它當(dāng)成移動(dòng)的角色。

Follow.ts代碼如下：

const {ccclass, property} = cc._decorator;
 
@ccclass
export default class Follow extends cc.Component {
 
    @property(cc.Node)
    target:cc.Node = null;
 
    start () {
        var follow = cc.follow(this.target, cc.rect(0,0, 1500,1500));
        this.node.runAction(follow);
    }
}

三、虛擬搖桿控制角色移動(dòng)

虛擬搖桿參考：https://www.cnblogs.com/gamedaybyday/p/13061387.html

不知道也沒關(guān)系，只要你能用其他方法控制角色移動(dòng)，改變角色的x,y就行。

四、實(shí)際演示效果

可以看到角色在移動(dòng)時(shí)，“鏡頭”會自動(dòng)跟隨角色Role移動(dòng)，并且限制范圍在1500x1500內(nèi)，沒有超出放著紅色按鈕的邊界。

CC.Follow的源碼

源碼在CC.Action.js內(nèi)

以上就是CocosCreator怎樣使用cc.follow進(jìn)行鏡頭跟隨的詳細(xì)內(nèi)容，更多關(guān)于CocosCreator鏡頭跟隨的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

使用 Javascript 實(shí)現(xiàn)瀏覽器推送提醒功能的示例
本篇文章主要介紹了使用 Javascript 實(shí)現(xiàn)瀏覽器推送提醒功能的示例，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-11-11
Ionic學(xué)習(xí)日記實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)
本篇文章主要介紹了Ionic學(xué)習(xí)日記實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-02-02
js制作網(wǎng)站首頁圖片輪播特效代碼
這篇文章主要為大家詳細(xì)介紹了js制作網(wǎng)站首頁圖片輪播特效代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-08-08
javascript實(shí)現(xiàn)復(fù)選框選中屬性
本文給大家介紹的是一篇國外網(wǎng)友寫的博客，講解的是關(guān)于實(shí)現(xiàn)復(fù)選框選中屬性的問題，感覺非常不錯(cuò)，翻譯過來推薦給大家，希望小伙伴們能夠喜歡。
2015-03-03
javascript如何實(shí)現(xiàn)暫停功能
這篇文章主要介紹了javascript如何實(shí)現(xiàn)暫停功能,，Javascript本身沒有暫停功能,同時(shí)vbscript也不能使用doEvents，故編寫此函數(shù)實(shí)現(xiàn)此功能，需要的朋友可以參考下
2015-11-11
Linux下編譯安裝php libevent擴(kuò)展實(shí)例
這篇文章主要介紹了Linux下編譯安裝php libevent擴(kuò)展實(shí)例,本文著重講解了編譯過程中一個(gè)錯(cuò)誤解決方法,需要的朋友可以參考下
2015-02-02
Java?@Schema和@ApiModel等注解的聯(lián)系淺析
這篇文章主要給大家介紹了關(guān)于Java?@Schema和@ApiModel等注解的聯(lián)系的相關(guān)資料,我在看公司之前的文檔,發(fā)現(xiàn)了@schema注解,不太了解,所以查詢了一些資料,把我的見解記錄下,需要的朋友可以參考下
2023-08-08
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
帝國cms首頁列表頁實(shí)現(xiàn)點(diǎn)贊功能
這篇文章主要介紹了帝國cms首頁列表頁實(shí)現(xiàn)點(diǎn)贊功能的相關(guān)資料,需要的朋友可以參考下
2017-10-10
js 幻燈片的實(shí)現(xiàn)
今天在群里看到有人要幻燈片的代碼，于是我自己也想了想，做個(gè)總結(jié)。常見的幻燈片切換無非就是輪播和漸變，不管哪種都是用定時(shí)器來逐步改變圖片或者圖片組的某種屬性來實(shí)現(xiàn)的
2011-12-12