上一节中讲解了Quick中的Scene,本节来了解Quick中的Sprite。
什么是精灵(Sprite)?简单的说,Sprite就是用来显示一个图片的,你可以让它移动,缩放以及旋转!关于精灵更详细的定义,可以百度之,这里不过多阐述!
下面我们就开始讲解在Quick中使用Sprite
1. 首先,我们需要一张图片,常用的图片就是png或者jpg,我这里使用的是一张太空飞船的png图片
2. 打开你的MainScene,删除ctor中用来显示hello world的代码,添加如下代码
1
2
3
|
self.sp=display.newSprite(
"flattop.png"
)
:pos(display.cx,display.cy)
:addTo(self)
|
上面的代码调用display.newSprite接口来初始化一个精灵,使用的图片是我们刚刚放到res下的flattop.png。创建的精灵被赋值给self.sp变量,这里的self就是MainScene。
-
pos:精灵在屏幕中的位置,这里使用了预定义的两个变量display.cx,display.cy,这两个变量指的时屏幕中央
保存文件,刷新一下player,你回看到原来的hello world不见了,取而代之的是在屏幕中央的飞船图片
3.改变精灵的大小
如果你想让精灵初始的时候就改变大小,你可以在pos下加如下代码:scale(2),scale的参数就是你要缩放的大小,1为原始大小,你可能会问,那能不能是负数呢?你可以试试,然后看看效果!
4.精灵的移动
前面我们说到,我们可以对精灵进行很多操作,我们先来说移动。
精灵的移动大体分为两种:一种是在一定时间内移动到指定坐标,一种是在一定时间内按照指定的步长进行移动;
A.移动到指定位置
Quick的transition模块中提供了一个移动精灵的封装,函数原型为transition.moveTo(target,args)
其中target就是你要移动的精灵,args是移动所需要的参数,我们继续添加如下代码
transition.moveTo(self.sp,{
time
=5,x=display.cx,y=display.height})
|