cocoscreate 官方例子说明 01_graphics_01_sprite_SlicedSprite by:adady

最新推荐文章于 2023-04-10 15:57:35 发布
最新推荐文章于 2023-04-10 15:57:35 发布
阅读量474 收藏
点赞数
分类专栏： cocos_create 文章标签： cocoscreate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/adady/article/details/52318810
版权

此文章，说明不一定正确，只是以一个新手的角度来看待这些例子。有不同角度的理解，大家可以开题讨论，如果说明，严重错误，我也会及时更改。

9宫格精灵，一般使用边框，节省资源。


只需要把Type设置为SLICED，

这里有一小的细节，需要设置一下，哪些地方需要不需要拉伸。


拉伸需要编辑一下


绿线以外的就是，不需要拉伸



adady
关注
专栏目录
Cocos Creator_官方案例解析_01_graphics_ui
wy小骑士
08-23 7054
01_graphics/01_sprite AnchorPoint(锚点) AR.js： cc.Class({ extends: cc.Component, properties: { posAR: cc.Label, //两个文本标签，用于描述位置信息 pos: cc.Label, goldAR: cc.Node,//两个节点...
cocos创建Sprite
hyczwl的专栏
04-12 796
1、创建方法一Sprite *sp = Sprite::create();2、方法二Texture2D *textture = TextureCache::getInstance()->addImage("kaishi.png"); Sprite *sp = Sprite::createWithTexture(textture);这里get instance()被提示为过时函数，可能是编译器抽风3、
CocosCreator Effect (Shader) - 反九宫格就(Sliced)补偿
Ethan|实验室
12-11 914
cocoscreator effect，如果遇到输入的sprite采用了sliced（九宫格）方式。那么就会对其uv的坐标产生影响。当需要继续使用均匀的坐标进行之后的计算，就必须先对其影响进行反变换。
cocoscreate 官方例子说明 01_graphics_01_sprite_AtlasSprite by:adady
adady的专栏
08-25 1251
此文章，说明不一定正确，只是以一个新手的角度来看待这些例子。有不同角度的理解，大家可以开题讨论，如果说明，严重错误，我也会及时更改。 项目开始运行后，很多例子可以查看。让我们来看看里面每个例子都是一些什么东西？ 首先我们来看第一个例子。 01_graphics/01_sprite AtlasSprite 有些人会问，这个例子的实际在
cocoscreate 官方例子说明01_graphics_01_sprite_FilledSprite by:adady
adady的专栏
08-25 1136
填充精灵,平时可以用于技能条,血条等地方。相对还是比较简单的。 要使精灵填充时,需要只需要在精灵属性Type，选择FILLED即可。 填充方式有3种，1.横向，2.纵向，3.圆形 这里有一个细节，Fill Start（填充起始位置） 与 Fill Range（填充百分比） 官方给个的例子是 Fill Start 是1 ，Fill Range 为-1。 其实，Fill  R
cocos源码分析--Sprite绘图原理
weixin_30527323的博客
06-20 618
精灵是2D游戏中最重要的元素，可以用来构成游戏中的元素，如人物，建筑等，用Sprite类表示，他将一张纹理的一部分或者全部矩形区域绘制到屏幕上。我们可以使用精灵表来减少OpenGL ES 绘制的次数，可以使用Sprite来播放动画，也可以设置Sprite的颜色，与场景中其他元素的混合模式等。另外一些复杂的元素，如地图，粒子系统，字体等，都是基于Sprite构建的。通过指定一张纹理和该纹...
cocos2dx_Class源代码.zip_UCAW_badvl4_cocos2dx 捕鱼_similarhw8_捕鱼达人
09-23
在“cocos2dx_Class源代码”中，我们可以看到Cocos2dx的类结构和编程模式，包括场景（Scene）、层（Layer）、精灵（Sprite）等核心概念的实现。 捕鱼达人是一种流行的动作休闲游戏，玩家通过发射炮弹捕获屏幕上的...
cocos2dx3.6_voxel_tutorial:与cocos2dx3.6一起使用的体素游戏教程
05-07
《cocos2dx3.6_voxel_tutorial：利用Cocos2d-x 3.6构建体素游戏的深入指南》 体素游戏是近年来在游戏开发领域中流行的一种技术，它采用三维像素块（体素）来构建游戏世界，类似于乐高积木般的视觉效果。Cocos2d-x ...
sprite_character_gunblader_effect_pointblank.NPK：sprite_character_gunblader_effect_pointblank.NPK
02-09
sprite_character_gunblader_effect_pointblank.NPK：sprite_character_gunblader_effect_pointblank.NPK
zj_cocos2dx_test:zj_cocos2dx_test
05-04
《深入剖析Cocos2d-x游戏开发：基于zj_cocos2dx_test项目实例》 在游戏开发领域，Cocos2d-x是一个广泛使用的开源跨平台游戏引擎，它基于C++，并支持多种编程语言，如Lua和JavaScript。本文将围绕"zj_cocos2dx_test...
(一)使用 Sliced Sprite 制作 UI 图像
weixin_33849215的博客
12-28 165
标签（空格分隔）： UI系统 在开发 UI 界面时，我们通常会使用九宫格格式的图像来显示尺寸可能会根据适配屏幕分辨率的需要动态修改的 UI 元素。这样即使使用很小的原始图片也能生成覆盖整个屏幕的背景图像，一方面节约游戏包体空间，另一方面能够灵活适配不同的排版需要。 ![此处输入图片的描述][1] 上图右边为原始贴图大小的显示，左边是选择 Sliced 模式并放大 size 属性后的显示效果。 #...
CocosCreator Graphics实现心电图效果
SlowFeather's blog
04-15 548
CocosCreator Graphics实现心电图效果前言效果源码参数设置 前言 遇到一个要实时显示心电图的项目，用Graphics会比较方便，记录下来。 效果 源码 实际使用把#region删掉。 心电图宽度高度由挂载组件的Node决定。 线的粗细颜色在Graphics组件内调节。 需要自己将值映射到0-100的区间内再调用addPoint(YourNumber) const {ccclass, property} = cc._decorator; /** * 心电图 * 需要自己将值映射到
< Unity 3D专栏 >NGUI插件基础教程(二) - Sprite，SlicedSprite，Tiled Sprite，FilledSprite的区别
御剑江湖的专栏
08-22 5229
Sprite：标准Sprite控件，自适应图片大小。 Sliced Sprite：一个含有9个切片的Sprite,创建固定边框的控件最佳选择，固定大小，不会随图片大小而改变，可做人物头像等。 Tiled Sprite：一个Sprite缩放填充整个区域。如背景由同一元素图片构成可用此控件 Filled Sprite: 每个Sprite都会有一个单独的参数（fill Amount）来
CocosCreator中的Graphics绘制组件
卡西莫多说的博客
10-08 5184
Graphics 组件提供了一系列绘画接口，可以在项目中画点、线、面等，这次分享的是绘制某一个节点的移动路径，效果图如下： 首先也是对该组件里面的东西做部分介绍： 注意绘制线的宽度以及颜色，其他的设置可以按照自己的需求进行改变，比如两条线相交时的处理，线绘制结束时的处理等。 用到的主要的方法： 首先获取到该组件： 按照自己的节点树去获取，比如我的这个是： this.graphicsComp = this.node.getChildByName("Dialog").getChil..
【CocosCreator入门】CocosCreator组件 | Graphics（绘制）组件
最新发布
看世界，也找自己
04-10 3252
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中Graphics组件允许您在游戏中绘制2D图形和几何形状，并通过编写脚本来控制其外观和行为。
【Cocos creator】绘图系统：Graphics组件之动态改变生成图像的透明度
热门推荐
Tangperor的博客
11-19 1万+
在Cocos creator 中，要想在使用Graphics组件绘制图像的过程中改变图像的透明度有两种方法： 1.在编辑器中Graphics组件的fillColor属性中设置； 2.通过代码动态设置。 drawLine:function(){ var graphics=this.getComponent(cc.Graphics); graphics
cocos creator入门教程（八）—— Sprite组件的使用详解
标题
10-09 3002
cc.Sprite使用 cc.Sprite 1: 游戏中显示一个图片，通常我们把这个叫做”精灵” sprite 2: cocos creator如果需要显示一个图片，那么需要在节点上挂一个精灵组件,为这个组件指定要显示的图片(SpriteFrame) 3: 显示一个图片的步骤: (1) 创建一个节点; (2) 添加一个组件; (3) 要显示的图片(S...
olap分析平台的设计与实现(十三)- 从后端模型到前端表格模型（中）
wh_xia_jun的专栏
10-22 583
上一节，我们总结了动态生成mdx语句，下面，我们重点总结如何生成前端模型。 前端模型（viewGrid/formGrid），我们为前端模型起个名字--表格模型---大致可以理解为描述一个表格，每个数据区单元格，都有一个行、列坐标。 需要注意的是：前端模型（viewGrid/formGrid）是动态的，前端页面收缩、展开节点（对应olap上卷、下钻），其相关属性也会变化。 构建前端模型（vie...
COCOS学习笔记--精灵Sprite的3种创建方法总结
RapdoZoroの博客
01-12 8942
最近在看曹世博老师关于cocos引擎的学习教程，打算重新再系统梳理一下cocos相关的知识结构，学习之余把自己的一些收获和理解总结记录下来，方便日后自己回顾并同时希望本笔记可以对各位cocos学习者有所帮助，相关技术上博主理解如有偏颇，还请指正： 视频地址：http://edu.csdn.net/course/detail/1342/20987?auto_start=1   精灵是我们在co
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值