CocosCreator组件属性详解(笔记)

初识CocosCreator编辑器

  • Node组件
  • Canvas组件
  • Sprite组件
  • Label组件
  • Mask组件
    • Type-Rect(矩形遮罩)
    • Type-Ellipse(椭圆遮罩)
    • Type-Image_Stencil(图片模板遮罩)
  • MotionStreak组件

Node组件

CocosCreator组件属性详解(笔记)_第1张图片

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

Canvas组件

CocosCreator组件属性详解(笔记)_第2张图片

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

Sprite组件

CocosCreator组件属性详解(笔记)_第3张图片

属性 作用
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组件

CocosCreator组件属性详解(笔记)_第4张图片

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

OverFlow

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

Mask组件

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

Type-Rect(矩形遮罩)

CocosCreator组件属性详解(笔记)_第5张图片
Inverted:是否反向遮罩(选中后作用范围在选中区域外)

Type-Ellipse(椭圆遮罩)

CocosCreator组件属性详解(笔记)_第6张图片
Inverted:是否反向遮罩(选中后作用范围在选中区域外)
Segements:椭圆遮罩的曲线细分数

Type-Image_Stencil(图片模板遮罩)

CocosCreator组件属性详解(笔记)_第7张图片
Alpha Threshold:阿尔法阈值

MotionStreak组件

CocosCreator组件属性详解(笔记)_第8张图片

属性 作用
Preview 预览
fadeTime 拖尾的渐隐时间,以秒为单位。
minSeg 拖尾之间最小距离。
stroke 拖尾的宽度。
texture 拖尾的贴图。
fastMode 是否启用了快速模式。当启用快速模式,新的点会被更快地添加,但精度较低。

你可能感兴趣的:(CocosCreator)