<9>cc.Sprite组件

时间:2024-12-19 23:04:20

1.精灵

精灵(Sprite)是Cocos系列的核心概念之一,是Cocos Creator最常用的显示图像的组件。

游戏中显示一个图片,我们就可以把这个叫做”精灵” sprite,这只是简单理解概念。

Cocos Creator上需要显示一个图片,那么就可以在新建的节点上挂一个精灵组件(cc.Sprite组件),为这个组件指定要显示的图片(SpriteFrame)即可。下面我们可以进行操作了。

CC已经提供了创苏创建渲染节点方式,我们可以在“层级管理器”中“右键”,弹出菜单选择--》“创建节点”--》“创建渲染节点”--》“Sprite(精灵)”,就新建了一个精灵节点。

默认创建的精灵如下图所示,我们可以更改组件属性来改变渲染结果。

<9>cc.Sprite组件

我们 还可以先创建一个空节点,然后给这个节点添加Sprite组件即可。

2.精灵组件主要属性

精灵组件在属性编辑器中可以看到很多属性选项,如上图中所示,主要属性功能说明如下;

属性 功能说明
Atlas 精灵显示图片资源所属的Atlas图集资源
Sprite Frame 渲染 Sprite 使用的 Sprite Frame图片资源
Type 渲染模式,包括普通(Simple)、九宫格(Sliced)、平铺(Tiled)和填充(Filled)渲染四种模式
Size Mode 指定 Sprite 的尺寸
Trimmed 表示会使用原始图片资源裁剪透明像素后的尺寸
Raw 表示会使用原始图片未经裁剪的尺寸
Custom 表示会使用自定义尺寸。当用户手动修改过 Size 属性后,Size Mode 会被自动设置为 Custom
Trim 是否渲染原始图像周围的透明像素区域,节点约束框是否包含途中透明部分
Src Blend Factor 当前图像混合模式!混合模式显示两张图片时,原图片的取值模式
Dst Blend Factor 背景图像混合模式,和上面的属性共同作用,可以将前景和背景 Sprite 用不同的方式混合渲染