CocosCreator怎样使用cc.follow进行镜头跟随
更新时间：2021年04月16日 15:37:46 作者：gamedaybyday
这篇文章主要介绍了CocosCreator怎样使用cc.follow进行镜头跟随，想要学习follow的同学，一定要看一下
Cocos Creator版本：2.3.4
Demo下载：https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ccfollow.7z
说先来使用下cocoscreator自带的跟随代码，cc.follow。
CC.Follow使用
一、设置地图适配容器leftNode
假设这是个横屏跑酷游戏。地图大小1500x1500，那么leftNode高宽为1500x1500，并且widget居左下对齐。
二、设置地图容器map
地图容器也是1500x1500，和leftNode区别就是没有适配组件widget，因为你用了widget，就没法让地图移动了。这也是为什么多套一层leftNode用来适配屏幕的原因。
地图里有一个角色Role。（一个普通的cc.Button按钮）
地图四周有红色的按钮作为识别地图边缘。
地图容器上挂组件Follow.ts，并设置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
不知道也没关系，只要你能用其他方法控制角色移动，改变角色的x,y就行。
四、实际演示效果
可以看到角色在移动时，“镜头”会自动跟随角色Role移动，并且限制范围在1500x1500内，没有超出放着红色按钮的边界。
CC.Follow的源码
源码在CC.Action.js内
以上就是CocosCreator怎样使用cc.follow进行镜头跟随的详细内容，更多关于CocosCreator镜头跟随的资料请关注脚本之家其它相关文章！
相关文章
本篇文章主要介绍了使用 Javascript 实现浏览器推送提醒功能的示例，具有一定的参考价值，有兴趣的可以了解一下2017-11-11
本篇文章主要介绍了Ionic学习日记实现验证码倒计时，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要为大家详细介绍了js制作网站首页图片轮播特效代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
本文给大家介绍的是一篇国外网友写的博客，讲解的是关于实现复选框选中属性的问题，感觉非常不错，翻译过来推荐给大家，希望小伙伴们能够喜欢。2015-03-03
这篇文章主要介绍了javascript如何实现暂停功能,，Javascript本身没有暂停功能,同时vbscript也不能使用doEvents，故编写此函数实现此功能， 需要的朋友可以参考下2015-11-11
这篇文章主要介绍了Linux下编译安装php libevent扩展实例,本文着重讲解了编译过程中一个错误解决方法,需要的朋友可以参考下2015-02-02
Java @Schema和@ApiModel等注解的联系浅析
这篇文章主要给大家介绍了关于Java @Schema和@ApiModel等注解的联系的相关资料,我在看公司之前的文档,发现了@schema注解,不太了解,所以查询了一些资料,把我的见解记录下,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了JavaScript数据结构之双向链表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
这篇文章主要介绍了帝国cms首页列表页实现点赞功能的相关资料,需要的朋友可以参考下2017-10-10
今天在群里看到有人要幻灯片的代码，于是我自己也想了想，做个总结。常见的幻灯片切换无非就是轮播和渐变，不管哪种都是用定时器来逐步改变图片或者图片组的某种属性来实现的2011-12-12
最新评论