Cocos2d-x:精灵(Sprite)
推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生
精灵(Sprite)
不知你是否意识到,所有的游戏都有 精灵(Sprite) 对象,精灵是您在屏幕上移动的对象,它能被控制。你喜欢玩的游戏中主角可能就是一个精灵,我知道你在想是不是每个图形对象都是一个精灵,不是的,为什么? 如果你能控制它,它才是一个精灵,如果无法控制,那就只是一个节点(Node)。
看下面的图片,我们来指出一下,哪个是精灵(Sprite),哪个是节点(Node)。
精灵在所有游戏中都很重要,每个游戏都有这样的情景:一个舞台,上面站着一个某种形式的主角,那主角就是精灵。Sprite
很容易被创建,它有一些可以被配置的属性,比如:位置,旋转角度,缩放比例,透明度,颜色 等等。
// This is how to create a sprite
auto mySprite = Sprite::create("mysprite.png");
// this is how to change the properties of the sprite
mySprite->setPosition(Vec2(500, 0));
mySprite->setRotation(40);
mySprite->setScale(2.0); // sets both the scale of the X and Y axis uniformly
mySprite->setAnchorPoint(Vec2(0, 0));
让我们举例说明每个属性的含义,思考下面不同截图中精灵的区别:
设置位置 mySprite->setPosition(Vec2(500, 0));
:
现在这个精灵的位置就变成了,我们设置的新地方。
设置旋转角度 mySprite->setRotation(40);
:
可以发现这个精灵已经被旋转了设置的角度
设置缩放比例 mySprite->setScale(2.0);
:
看到了精灵的大小,由于我们设置缩放而变化了。
我们再来说一下 锚点(anchor point) ,所有的节点(Node)对象都有锚点值,Sprite
是 Node
的子类,自然也具有锚点。锚点是节点对象在计算坐标位置时的一个基准点。
以我们刚才的展示的精灵为例,设置锚点(0,0):
mySprite->setAnchorPoint(Vec2(0, 0));
精灵的左下角就变为了 setPosition()
调用,计算坐标的基础。再看看其它的锚点效果:
注意每张图片中的红点,红点表示锚点的位置。
正如你所看到的那样,锚点对于确定节点对象的位置是非常有用的,你可以在你的游戏中动态的调整锚点值以实现你想要的效果。
现在我们可以静态调整精灵的各个方面,但是你要想这些属性按照时间自动变化该如何做呢? 继续阅读,很快你就会有答案。
由3D建模学习工作室 翻译整理,转载请注明出处!