CocosCreator之KUOKUO带你做小小赛车-摄像机跟随

本次引擎2.0.5

编辑工具VSCode

 

目标:小小赛车

先亮素材,很简单,就两个。

爱给网中的赛道,以及一个小车。

//、、、、、、、

好了,让我们新建工程然后把赛道放进去,调整方向与大小。

然后把小车拖上去,这样:

我是把赛道放大了2倍,旋转了90度,拖一拖位置。

调整到小车恰好可以放入那个栏位。

然后在主摄像机下放入UI组件(因为一会摄像机要动)

调整层级,加入3个按钮。

然后到了这个样子。

(这里说明下,在摄像机下加UI是不推荐的,这里方便演示。更好的双摄像机方法我会在另一篇博客中给出,详见底部链接)

------

接下来,就是新建个main.js脚本。

绑定到Canvas上。

解析代码:

属性中声明3个按钮和主角还有最大速度。

在onload里声明开关

然后对3个按钮做监听

这是6个方法,为了好看我把它们写成了一坨。

接下来就是重点。

update中处理逻辑。

this.speed 是当前速度,到最大就不加了。这样会有一个汽车启动的效果。

松开手就减速,最低为0。

然后是左右转。

在CocosCreator中,x坐标轴和y的坐标轴垂直,但是咱们的小车不能垂直,应该向着车头跑。

也就是先把角度转弧度,再做正交分解。

哈哈,怎么样!

最后,我们写个镜头跟随脚本,follow.js

绑定到主摄像机上。这样摄像机就会跟着主角。

看看gif动态效果:

转个弯:

Get了吗?

 

双摄像机传送门:https://blog.csdn.net/kuokuo666/article/details/100674478

 

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

706176551

我们一起学习!

 

O(∩_∩)O~~

  • 12
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KUOKUO众享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值