这次有改动的学习一下官方自带的例子。
上图是游戏的截图,后面背景是从右向左滚动的背景,这是这次要实现的第一步。
一、滚动的背景实现原理
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,然后再移动。
这样循环就形成了一个移动的背景,是很简单的。
制作完在移动背景图