CocosCreator中cc.follow如何实现镜头精准跟随?

更新于
2026-09-26 10:50:02
1阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计483个文字,预计阅读时间需要2分钟。

CocosCreator中cc.follow如何实现镜头精准跟随?

Cocos Creator 版本:2.3.4Demo 下载:[点击下载](https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ccfollow.7z)使用方法:

1.下载并解压Demo文件。

2.使用Cocos Creator打开Demo项目。

3.在项目中引入cc.follow自带的跟随代码。

4.使用CC.Follow设置地图适配容器leftNode。

Cocos Creator版本:2.3.4

Demo下载: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,我们这里把它当成移动的角色。

阅读全文

本文共计483个文字,预计阅读时间需要2分钟。

CocosCreator中cc.follow如何实现镜头精准跟随?

Cocos Creator 版本:2.3.4Demo 下载:[点击下载](https://files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ccfollow.7z)使用方法:

1.下载并解压Demo文件。

2.使用Cocos Creator打开Demo项目。

3.在项目中引入cc.follow自带的跟随代码。

4.使用CC.Follow设置地图适配容器leftNode。

Cocos Creator版本:2.3.4

Demo下载: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,我们这里把它当成移动的角色。

阅读全文