CocosCreator组件属性详解(笔记)

Node组件

组件node属性

属性作用
Position位置坐标(相对父亲节点)
RotaTion旋转角度(顺时针旋转、相对父亲节点)
Scale子节点的相对缩放,会影响所有子节点
Anchor锚点,位置和缩放的基准点
Size尺寸,修改父亲节点的尺寸不会影响子节点
Color渲染颜色
Opacity透明度0-255:全透明-不透明
Skew倾斜
Group节点分组可以自己创建分组

Canvas组件

画布属性

属性作用
Design Resolution设计分辨率
Fit Height保持高度不变
Fit Width保持宽度不变

Sprite组件

精灵

属性作用
Atlas显示图片资源所属的 Atlas 图集资源
Sprite Frame渲染此节点的图片资源
Type渲染模式
Size Mode指定 Sprite 的尺寸
Trim是否渲染原始图像周围的透明像素区域
blend图像混合模式效果预览可以参考 glBlendFunc Tool(没用过这个东西)

Sizemode

  • Trimmed 裁剪透明像素后的尺寸
  • Raw 原始尺寸
  • Custom 自定义尺寸。当用户手动修改过 Size 属性后, Size Mode 会被自动设置为 Custom

type

  • 普通(Simple)
  • 九宫格(Sliced)
  • 平铺(Tiled)
  • 填充(Filled)

Label组件

Label

属性作用
String显示的文字内容
Horizontal Align水平对齐方式
Vertical Align垂直对齐方式
Font Size字体大小
BMFont Original Size应该是基准字体原始尺寸的意思
Line Height行高
Spacing Xx方向上的字间距
OverFlow排版模式下面有三种模式详细介绍
Font渲染Label的字体资源
Use System Font是否使用系统默认字体(权重高于Font选了这个Font会失效)
Blend混合模式(能混合出一些花里胡哨的东西)

OverFlow

  • Clamp:节点约束框之外的文字会被截掉
  • Shrink:英文翻译使缩小,会根据约束框的大小缩放文字
  • ReSize:根据文字的多少自动调整约束框的高度

Mask组件

遮罩组件:创建一个渲染遮罩,该节点的所有子节点都会依据这个遮罩进行裁剪,遮罩范围外的将不会渲染。

Type-Rect(矩形遮罩)

rect
Inverted:是否反向遮罩(选中后作用范围在选中区域外)

Type-Ellipse(椭圆遮罩)

Ellipse
Inverted:是否反向遮罩(选中后作用范围在选中区域外)
Segements:椭圆遮罩的曲线细分数

Type-Image_Stencil(图片模板遮罩)

在这里插入图片描述
Alpha Threshold:阿尔法阈值

MotionStreak组件

在这里插入图片描述

属性作用
Preview预览
fadeTime拖尾的渐隐时间,以秒为单位。
minSeg拖尾之间最小距离。
stroke拖尾的宽度。
texture拖尾的贴图。
fastMode是否启用了快速模式。当启用快速模式,新的点会被更快地添加,但精度较低。
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值