按例学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,然后再移动。

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

制作完在移动背景图

猜你喜欢

转载自blog.csdn.net/openbug/article/details/81182874