cocos creator从零开始做酷跑小游戏 | 背景轮播

本文介绍了如何在cocos Creator中创建一个简单的酷跑小游戏,特别是背景轮播的实现方法。首先,将资源导入并拖入层级管理器,使背景超出视图范围以实现滚动效果。接着,通过主角与背景的相对移动,模拟前后移动的视觉感受。文章还提到了使用预制件、创建多个JavaScript控制器(如speedXController.js, background.js, ground.js)来分别管理不同元素的行为,以及如何在节点上绑定这些脚本。" 6870166,1189717,WebSphere MQ基础命令详解,"['websphere', 'mq', '通道管理', '队列管理', '监听器管理']

在cocoscreator中新建一个hello world,然后把所需要的资源放入Texture文件夹,将背景以及地板拖入层级管理器
这里写图片描述
按照箭头指示的方式拖入即可在场景编辑器中预览并且编辑,我们需要将背景稍微拉的比视图大一点,因为我们需要滚动。

现在介绍一下轮播的思想,大家都知道运动是相对的,我们的主角在平面上有四个方向的移动上下、左右,如果主角左右移动那他会移出屏幕范围的,所以我们的移动是主角上下动,背景左右移动,按照物体的相对移动来说视觉上就是主角在前后移动。

如果要轮播我们需要两张图,一张就是我们拖进去的,另外一张我们准备用预制来生成,预制我们会在下面讲到我们先用起来。

在script文件夹下新建JavaScript
game.js
speedXController.js
background.js
ground.js
然后给game节点绑定game.js,给background节点绑定background.js和speedXController.js,给background节点绑定ground.js,这些控制器命名很清楚了,至于那个多出来的speedXController.js是专门抽出来负责所有水平移动的物体的速度的更新的。绑定js的方法:在层级管理器中选中ground节点,在属性检查器中点击 添加组件 –> 用户脚本组件 –> ground。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值