<9>cc.Sprite组件

本文详细介绍了CocosCreator中精灵(Sprite)的概念与使用方法。精灵是Cocos系列的核心概念之一,用于显示图像。文章讲解了如何创建精灵节点,以及精灵组件的主要属性,包括渲染模式、尺寸模式等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.精灵

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

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

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

     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 用不同的方式混合渲染

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值