二维渲染能力

概述

二维世界绝大部分渲染组件都会使用Renderable2D作为渲染组件的基类。

Renderable2D 组件

概述

二维世界的渲染基类组件,具体二维渲染一般会使用以下几个子组件:

颜色渗透逻辑

默认情况下,所有节点会使用 BlendType.Alpha 作为颜色渗透时的颜色混合模式。该模式下,父节点渲染元素发生颜色变化时,子节点会继承上层渲染元素的color的alpha值并进行混合,再将混合后的颜色值传递给子渲染节点。

静态属性描述

属性 功能
BlendType 颜色混合类型枚举值
// engine.Color.BlendType
// engine.Renderable2D.BlendType
export enum BlendType {
  Alpha, // 仅进行Alpha颜色混合
  RGB,   // R、G、B颜色分别混合
  RGBA,  // R、G、B、A四个颜色通道分别混合
  None,  // 不混合
}

属性描述

属性名 类型 默认值 说明
color Color Color.White 渲染组件本身的颜色,用于与渲染元素进行颜色混合
colorBlendType BlendType BlendType.Alpha 渲染组件继承父渲染组件颜色,颜色混合的方式
cullingMask number 1 渲染掩码