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镜头跟随的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了小程序api实现promise封装过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
在JavaScript中,Number类型是基于IEEE754双精度浮点数标准表示的,虽然在常见场景下非常高效,但在处理大数据时,Number类型存在显著的精度限制,在这些场景中,如何精确处理大数据和超大数字成为了一个重要的问题,所以本文给大家介绍了JavaScript超过Number最大值的解决方案2025-01-01
javascritp添加url参数方法，将参数加入到url中,如果原来url中有则覆盖，下面是示例代码，感兴趣的朋友可以参考下2014-09-09
下面小编就为大家分享一篇js 判断一个数字是不是2的n次方幂的实例，具有很好的参考价值，希望对大家有所帮助2017-11-11
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
这篇文章主要介绍了javascript基于牛顿迭代法实现求浮点数的平方根,简单说明了牛顿迭代法的原理,并结合实例分析了javascript基于递归的数值运算相关操作技巧,需要的朋友可以参考下2017-09-09
为了提高页面的打开和加载速度，我们经常把JS文件放在页面的尾部，但是有些JS必须放在页面前面，这样就会增加页面的加载时间；于是出现了按需动态加载的概念，这个概念就是当页面需要用到这个JS文件或者CSS渲染文件的时候，在去请求这些文件，这样就节省了页面的加载时间2015-05-05
这篇文章主要给大家分享了JS一维数组转化为三维数组的方法，下面文章围绕JS数组转换的相关资料展开内容，对大家的学习有一定的参考价值，需要的小伙伴可以参考一下2022-01-01
这篇文章主要介绍了完美实现仿QQ空间评论回复特效，非常的实用，附上实例代码给大家，有需要的小伙伴参考下吧。2015-05-05
这篇文章主要为大家详细介绍了js实现无缝轮播图插件封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要介绍了JavaScript 日期和时间的格式化,JavaScript 中的 Date 对象提供了许多方法和属性，可以用于处理日期和时间，根据具体情况选择适合的方法和技巧，需要的朋友可以参考下2023-02-02
最新评论