本次引擎
<https://www.baidu.com/s?wd=%E5%BC%95%E6%93%8E&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd>
2.0.5

编辑工具VSCode

 

目标:小小赛车

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

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



//、、、、、、、

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

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



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

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

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

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

然后到了这个样子。



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

绑定到Canvas上。

解析代码:

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



在onload里声明开关



然后对3个按钮做监听



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



接下来就是重点。

update中处理逻辑。

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

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



然后是左右转。



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

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



哈哈,怎么样!

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

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



看看gif动态效果:



转个弯:



Get了吗?

 

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

706176551

我们一起学习!

 

O(∩_∩)O~~

友情链接
ioDraw流程图
API参考文档
OK工具箱
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:637538335
关注微信