CocosCreator怎樣使用cc.follow進行鏡頭跟隨
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è)這是個橫屏跑酷游戲。地圖大小1500x1500,那么leftNode高寬為1500x1500,并且widget居左下對齊。
二、設(shè)置地圖容器map
地圖容器也是1500x1500,和leftNode區(qū)別就是沒有適配組件widget,因為你用了widget,就沒法讓地圖移動了。這也是為什么多套一層leftNode用來適配屏幕的原因。
地圖里有一個角色Role。(一個普通的cc.Button按鈕)
地圖四周有紅色的按鈕作為識別地圖邊緣。
地圖容器上掛組件Follow.ts,并設(shè)置target角色目標為Role。Role就是一個按鈕cc.Button,我們這里把它當成移動的角色。
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); } }
三、虛擬搖桿控制角色移動
虛擬搖桿參考:https://www.cnblogs.com/gamedaybyday/p/13061387.html
不知道也沒關(guān)系,只要你能用其他方法控制角色移動,改變角色的x,y就行。
四、實際演示效果
可以看到角色在移動時,“鏡頭”會自動跟隨角色Role移動,并且限制范圍在1500x1500內(nèi),沒有超出放著紅色按鈕的邊界。
CC.Follow的源碼
源碼在CC.Action.js內(nèi)
以上就是CocosCreator怎樣使用cc.follow進行鏡頭跟隨的詳細內(nèi)容,更多關(guān)于CocosCreator鏡頭跟隨的資料請關(guān)注腳本之家其它相關(guān)文章!
- Unity3D實現(xiàn)攝像機鏡頭移動并限制角度
- 詳解CocosCreator中幾種計時器的使用方法
- CocosCreator學習之模塊化腳本
- 怎樣在CocosCreator中使用物理引擎關(guān)節(jié)
- 如何在CocosCreator中使用JSZip壓縮
- CocosCreator入門教程之用TS制作第一個游戲
- 解讀CocosCreator源碼之引擎啟動與主循環(huán)
- CocosCreator通用框架設(shè)計之資源管理
- 如何在CocosCreator中做一個List
- 如何在CocosCreator中使用http和WebSocket
- 剖析CocosCreator新資源管理系統(tǒng)
相關(guān)文章
使用 Javascript 實現(xiàn)瀏覽器推送提醒功能的示例
本篇文章主要介紹了使用 Javascript 實現(xiàn)瀏覽器推送提醒功能的示例,具有一定的參考價值,有興趣的可以了解一下2017-11-11Java?@Schema和@ApiModel等注解的聯(lián)系淺析
這篇文章主要給大家介紹了關(guān)于Java?@Schema和@ApiModel等注解的聯(lián)系的相關(guān)資料,我在看公司之前的文檔,發(fā)現(xiàn)了@schema注解,不太了解,所以查詢了一些資料,把我的見解記錄下,需要的朋友可以參考下2023-08-08JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
這篇文章主要為大家詳細介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-03-03