微信小游戏-CocosCreator 基础(七)

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

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 大小为原始图片大小, 显示的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cocos Creator是一款流行的游戏开发引擎,它提供了方便的工具和功能,可以帮助开发者在多个平台上创建游戏,包括微信小游戏平台。 接入微信小游戏的步骤如下: 1. 准备工作: - 确保你已经安装并配置好了Cocos Creator开发环境。 - 在微信公众平台上注册一个小程序账号,并获取到小程序的AppID。 2. 创建项目: - 打开Cocos Creator,选择新建项目,并选择微信小游戏项目模板。 - 配置项目信息,包括项目名称、路径等。 3. 项目设置: - 在项目设置中,选择微信小游戏平台,并填写小程序的AppID。 - 根据需要配置其他相关设置,如屏幕适配、引擎版本等。 4. 开发游戏: - 使用Cocos Creator提供的编辑器和工具进行游戏开发。 - 可以使用JavaScript或TypeScript编写代码,创建场景、精灵、动画等。 5. 调试与预览: - 在Cocos Creator中,可以选择微信小游戏平台进行调试和预览。 - 在微信开发者工具中,导入Cocos Creator生成的小游戏项目,并进行调试、预览和测试。 6. 发布与上线: - 在Cocos Creator中,选择发布小游戏,并按照提示进行配置和打包。 - 将生成的小游戏包上传至微信开放平台,并进行审核和发布。 以上是接入微信小游戏的基本步骤,具体的细节和操作步骤可以参考Cocos Creator的官方文档和微信小游戏的开发文档,以获得更详细的指导。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值