CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程

本次引擎2.0.5

编辑工具VSCode

目标1:本地存储

新建个工程,加个单色背景,加个标签,加两个按钮(文字为‘升级’和‘存储’):

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第1张图片

好了,让我们新建个脚本绑在Canvas上

main.js

在加载时获取数据,如果没有,给初始值。

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第2张图片

给两个按钮写方法:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第3张图片

好了,按钮事件绑上,试试;

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第4张图片

好了。

 

目标2:尖尖的拖尾与摄像机跟随

先PS个菱形

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第5张图片

然后其他素材导入工程中,用的官方教学的

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第6张图片

好了,给主角加个子节点,子节点添加拖尾组件:(因为精灵与拖尾不可共存)

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第7张图片

看看效果:

main.js

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第8张图片

emmm

有点诡异:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第9张图片

因为层级不对!我们改一下

记得把main.js上的绑定换了哦

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第10张图片

这样:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第11张图片

行,算是达到效果了。

 

目标3:摄像机跟随(加算法)

缓动摄像机:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第12张图片

然后再写个触摸监听;

点击屏幕主角就往右走。

看看缓动摄像机的效果:

好了。

 

目标4:无限地面

主角一直往右走,动态给背景和地面。

首先,新建一个空节点bkAll,把背景和地面放进去,然后拖成预制体。

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第13张图片

然后在脚本里声明:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第14张图片

之后通过算法调用生成:

因为地面是x=0为中心地面,假如向右进发,那么第二个地面的x=960

这样,我们声明个数组。如果是1证明此地有了!

我这里只给出了向右进发的代码,相信聪明的你能写出左右的。

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第15张图片

然后写算法:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第16张图片

看看效果:

CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程_第17张图片

怎么样!

Get了吗?

 

加我QQ群:(博客里面的项目,群文件里都有哦)

706176551

我们一起学习!

 

O(∩_∩)O~~

你可能感兴趣的:(CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程)