Cocos2d-x:精灵(Sprite)

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)对象都有锚点值,SpriteNode 的子类,自然也具有锚点。锚点是节点对象在计算坐标位置时的一个基准点。

以我们刚才的展示的精灵为例,设置锚点(0,0):

mySprite->setAnchorPoint(Vec2(0, 0));

精灵的左下角就变为了 setPosition() 调用,计算坐标的基础。再看看其它的锚点效果:

注意每张图片中的红点,红点表示锚点的位置。

正如你所看到的那样,锚点对于确定节点对象的位置是非常有用的,你可以在你的游戏中动态的调整锚点值以实现你想要的效果。

现在我们可以静态调整精灵的各个方面,但是你要想这些属性按照时间自动变化该如何做呢? 继续阅读,很快你就会有答案。

3D建模学习工作室 翻译整理,转载请注明出处!

上一篇:Cocos2d-x:场景(Scene) (mvrlink.com)

下一篇:Cocos2d-x:动作(Action) (mvrlink.com)

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号