cocos creator 基础一文通(六)--sprite

最新推荐文章于 2024-05-08 09:26:20 发布
最新推荐文章于 2024-05-08 09:26:20 发布
阅读量361 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/finedayforu/article/details/104154548
版权
本文详细介绍了Cocos Creator中的Sprite组件，包括组件属性设置、图片模式、Slice九宫格模式和Filled填充模式的使用。此外，还提到了通过属性面板和代码动态绑定更换精灵图片的方法。
摘要由CSDN通过智能技术生成

sprite 组件

一. sprite组件

1.sprite组件属性 //后续详解

v2-911b432e56bcbe1f975796cde8275693_b.jpg

2.sprite组件属性设置

v2-48cad764de0b4cf034e076be03f8a7d5_b.jpg

美工会设置同样大小的图片,所以,一般设置为: RAW 不勾选 trim.

做帧动画时,应不勾选 trim防止抖动

3.图片模式

v2-dc2b4261a9f6dd8bb43b63328370e757_b.jpg

4. Slice 九宫格模式 (便于内容拉伸和缩放)

①. 将图片类型调整为九宫格模式

v2-386594e9206b4c5ef2787c2cacc3d048_b.jpg

②. 点击图片后的编辑按钮

v2-7234ce1001430a948d8d92998e3b9bd8_b.png

③. 在编辑框中设定九宫格的尺寸

v2-fa98293aeabc9fd36d27370e261e1e40_b.jpg

5. filled 填充模式

①扇形显示RADIAL


v2-763f5ca31de2f41695209e3a1c8553b6_b.jpg

center 是中心点(填入比例) start是 起始角度(填入比例) fill range显示的角度(填入比例)

最低0.47元/天 解锁文章
finedayforu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cocos creator 加载本地图片实现动态预览demo源码
05-04
//最近在研究creator html5开发，喜欢交流的加扣扣群427719099，各种资源各种技术应有尽有
CocosCreator三消小游戏-3.6版本-Ts
02-03
开始界面：调节音量大小、开始游戏 游戏界面：分数显示、三消游戏玩法（消除奖励时间+1秒）、元素动画入场、更换现有...结算界面：本次获分、历史最高、根据本次获分与历史提高对比提示不同信息、再玩一次、返回主界面
【CocosCreator入门】CocosCreator组件 | Sprite（精灵）组件
看世界，也找自己
03-29 5522
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中 Sprite 组件是最常用的之一。Sprite 组件用于渲染 2D 图像，并提供了许多可配置的选项，如图像纹理、尺寸、位置、旋转等。在本文中，我们将深入探讨 Sprite 组件的技术实现和使用方法。
CocosCreator之Sprite精灵
神兽白泽
09-29 1817
>>>>> 官方文档：https://docs.cocos.com/creator/manual/zh/components/sprite.html //Sprite(渲染精灵组件) let Sprite = this.node.getComponent(cc.Sprite);//获取渲染精灵组件 //设置图片纹理，这么干会导致spriteFrame的引用不会增加，增加风险，别这么写。请使用动态加载。 Sprite.spriteFrame = b.spriteFrame;
一周搞定Cocos creator（cocos creator 入门篇） 5 - Sprite（精灵）
CannyRunnig的专栏
10-01 896
Sprite 精灵也是游戏开发中必不可少的元素 游戏中看到的障碍物 怪兽 等，这么说 能看到的图片 他的属性基本都是Sprite 这里看下Creator的Sprite 在层级管理器-右键-创建节点-创建渲染节点（这里注意） 或者是直接控件库拖拽 新建完成后 看下Sp的属性 依然 上面部分也就是Node的常用属性 大小 锚点 等，着重看下后面 SpriteFrame，这里可以直接拖拽需要的Sprite过来， 上面看下Atlas 也就是代表是否用的图集，这里跟2dx的方式还是不一样的 后面的其他属
cocos2d中的Sprite
m0_73552311的博客
03-19 376
Cocos2d-Python是一个基于Python的2D游戏开发框架，它提供了一个简单易用的API，使得开发者可以快速地创建2D游戏。其中，Sprite模块是Cocos2d-Python中最常用的模块之一，它用于创建和管理游戏中的精灵对象。
cocosCreator支持gif图片demo-使微信小游戏支持gif图片
01-13
网上找了个基于cocosCreator使用libgif.js的插件来支持gif图片的方案，pc浏览器能加载出来，但微信开发者工具和真机上就报错了，因此优化了下源码，使cocosCreator支持gif图片，pc浏览器、微信开发者工具、微信小...
CocosCreator-Build-Encrypt.zip
03-27
1.加密图片资源 2.加密配置文件 3.自定义加解密方式
cocos creator 实例项目文件--Flip the gun
12-11
《cocos creator 实例项目文件--Flip the gun》是一个基于Cocos Creator开发的休闲游戏，旨在帮助新手熟悉游戏开发流程，特别是使用TypeScript脚本进行编程。该项目包含了多个关键的知识点，下面将逐一进行详细解释...
Cocos Creator 3D开发入门----CocosCreator3D篮球.zip
12-13
Cocos Creator 3D开发入门----CocosCreator3D篮球.zip import { _decorator, Component, Node, RigidBodyComponent, PhysicMaterial, ColliderComponent } from "cc"; const { ccclass, property } = _...
cocos创建Sprite
hyczwl的专栏
04-12 776
1、创建方法一Sprite *sp = Sprite::create();2、方法二Texture2D *textture = TextureCache::getInstance()->addImage("kaishi.png"); Sprite *sp = Sprite::createWithTexture(textture);这里get instance()被提示为过时函数，可能是编译器抽风3、
cocos2dx-js sprite 渲染
wpj0304的专栏
07-15 224
修改 sprite 对象图片的渲染修改方法： setBlendFunc(src, dst) 参数如下： cc.ONE = 1; cc.ZERO = 0; cc.SRC_ALPHA = 0x0302; cc.SRC_ALPHA_SATURATE = 0x308; cc.SRC_COLOR = 0x300; cc.DST_ALPHA = 0x304; cc.DST_COLOR = 0x306...
cocos2d 精灵sprite类型的粗略说明
无欲则刚-做喜欢的事
11-15 1131
1> CCImage 绘制是通过CCTexture2D来实现的(OPENGL es)通过纹理绘制到某个面。 2> CCTexture2D 可以把它看成一个纹理，它是cocos2d-x渲染图形的重要参数，用来贴图，因为cocos2d-x使用opengl es绘制2d图形的，它的尺寸是2的n次方。一般通过以下方式获得： CCTexture2D* cache = CCTextureCache::
Cocos2d-X 基础 | Sprite 详解
测试开发小白变怪兽
05-05 1947
什么是精灵（Sprite）？游戏中的主角、敌人都可能是一个精灵，但并不是所有的图形对象都是一个精灵，只有你能控制它，它才是一个精灵，如果无法控制，那就只能是一个节点。准确来说，精灵是一个能通过改变自身属性：位置、旋转、缩放、倾斜、颜色和透明度等，变成可控制的 2D 图像。 1.精灵的创建方法 可以使用一张图片来创建一个精灵，除此之外还可以使用图集或者精灵缓存来创建。 1.1通过指定图片...
cocosCreator 之 Sprite动态加载和远程加载
qq_24726043的博客
11-07 2294
cocosCreator 组件Sprite动态加载的各种使用方式和远程加载的示例
cocoscreate 官方例子说明01_graphics_01_sprite_FilledSprite by:adady
adady的专栏
08-25 1127
填充精灵,平时可以用于技能条,血条等地方。相对还是比较简单的。 要使精灵填充时,需要只需要在精灵属性Type，选择FILLED即可。 填充方式有3种，1.横向，2.纵向，3.圆形 这里有一个细节，Fill Start（填充起始位置） 与 Fill Range（填充百分比） 官方给个的例子是 Fill Start 是1 ，Fill Range 为-1。 其实，Fill  R
cocos2dx--sprite的理解
u012735451的专栏
12-29 1377
本文使用cocos2dx自带的hellocpp文件。 1. 先看sprite的创建，直接通过resource下的图片进行创建： 显示结果如下：红色箭头标注的人物就是通过图片创建的sprite。 使用creat的方法很方便的就创建了一个人物在画面上，那么cocos2dx究竟是如何实现的呢？因为这款引擎是开源的，所以我们可以直接通过代码深入到引擎内部看看。 直接查看creat的定义：
cocoscreator性能优化4-Sprite颜色数据去除
s178435865的专栏
04-18 896
cocoscreator 性能优化
Cocos Creator UlSprite精灵的使用详解
最新发布
Thomas_YXQ的博客
05-08 971
UI Sprite（UlSprite）精灵是一个常用的组件，用于显示2D图像或动画。在本篇文章中，我们将详细介绍Cocos Creator中UlSprite精灵的使用方法，并给出技术详解和代码实现。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！一、UlSprite精灵的基本概念UlSprite精灵是Cocos Creator中用于显示2D图像或动画的组件，它可以加载图片资源并在游戏场景中进行显示。
Cocos Creator开发指南：从基础到高级功能
Cocos Creator手册是一份详细的指南，针对Cocos Creator开发工具平台（版本1.6+）进行讲解，该手册由贝密游戏整理自网络，发布于二零一七年九月。这份文档主要涵盖了JavaScript基础知识的快速入门，以及Cocos ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值