按例学construct2_滚动背景制作 (一)

这次有改动的学习一下官方自带的例子。

上图是游戏的截图,后面背景是从右向左滚动的背景,这是这次要实现的第一步。

一、滚动的背景实现原理

1、制作一个无缝的长度是窗口大小一倍的背景图,坐标x=0,y=0。

2、开始向左移动背景图,移到背景图的一半。然后回到1,即将背景图坐标重设置x=0,y=0,然后再移动,如此重复,滚动背景图就制作成功了。

 

二、制作向左滚动的背景

1、新建项目。

  • 窗口大小:630*360
  • 层大小:630*360

2、添加背景图

  • 添加Tiled Background插件
  • 为Tiled Background添加一个630*360的图片。
  • 设置Tiled Background大小1260*360,位置0,0。(长度是窗口升序的一倍)

3、移动背景图

  • 为Tiled Background的Behaviors(行为)添加bullet(子弹),并设置子弹

    • speed(速度) :40

    • set angle(设置角度):no(不设置)
  • 修改背景图的移动方向

4、如背景图x坐标移到自身长度的一半,重设背景图x坐标为0。

    self.Widht是指背景图的宽,这里除2后,应该是-630,也就是当背景图的x坐标为-631,就会将x坐标重新设0,然后再移动。

这样循环就形成了一个移动的背景,是很简单的。

制作完在移动背景图

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值