微信小游戏-CocosCreator 基础（七）

最新推荐文章于 2024-03-29 23:03:42 发布

小太阳的小漫画

最新推荐文章于 2024-03-29 23:03:42 发布

阅读量439

点赞数

分类专栏：微信小游戏

本文链接：https://blog.youkuaiyun.com/qq_29019031/article/details/82880548

版权

本文详细介绍了CocosCreator中Sprite组件的使用，包括Sprite Frame、Size Mode、trim属性以及如何实现帧动画和聊天气泡效果。还讲解了Filled模式的设置，如Fill Start和Fill Range，并提供了进度条和精灵更换的JavaScript实现示例。

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

Sprite总结：
Sprite Frame :显示图片
Size Mode ：Custom和Node定义的Size自适应， RAW原始大小
trim ：图片中有全透明的边缘部分会被裁剪
TRIMMED ：被裁掉的图片重新自适应原始图片的大小
帧动画：要求是RAW +不勾选trim ，保持原始大小，不抖动
聊天气泡：slice+Custom+不勾选trim 自定义图片大小拉伸不影响
Filled ：中心点：（0，0）左下角，（1，1）右上角
Fill Start （0，1）
Fill Range （0，1）正负代表顺时针和逆时针
获取组件实例：1代码。2编辑器
更换图片：1.资源动态加载 2.编辑器绑定

cc.sprite :
1: 游戏中显示一个图片，通常我们把这个叫做”精灵” sprite
2: cocos creator如果需要显示一个图片，那么需要在节点上挂一个精灵组件,为这个组件指定要显示的图片(SpriteFrame)
3: 显示一个图片的步骤:
(1) 创建一个节点;
(2) 添加一个组件;
(3) 要显示的图片(SpriteFrame)拖动到SpriteFrame;
(4) 配置图片的SIZE_MODE:
a: CUSTOM 大小和CCNode的大小一致;
b: RAW 原始的图片大小;
c: TRIMMED 大小为原始图片大小, 显示的