Skip to content

纹理精灵

appearance.type=custom + 主题纹理源。

区域渐变

colorMode=area + radius 轴映射,调色板统一 rgba。

运动+物理

速度区间、方向、重力、湍流、tiltVariance 协同调参。

高密度

高 count + spread + sphere 区域实现满屏效果。

纹理精灵

appearance.type=custom + 主题纹理源。

区域渐变

colorMode=area + radius 轴映射,调色板统一 rgba。

运动+物理

速度区间、方向、重力、湍流、tiltVariance 协同调参。

高密度

高 count + spread + sphere 区域实现满屏效果。

纹理精灵

appearance.type=custom + 主题纹理源。

区域渐变

colorMode=area + radius 轴映射,调色板统一 rgba。

运动+物理

速度区间、方向、重力、湍流、tiltVariance 协同调参。

高密度

高 count + spread + sphere 区域实现满屏效果。

纹理精灵

appearance.type=custom + 主题纹理源。

区域渐变

colorMode=area + radius 轴映射,调色板统一 rgba。

运动+物理

速度区间、方向、重力、湍流、tiltVariance 协同调参。

高密度

高 count + spread + sphere 区域实现满屏效果。

纹理精灵

appearance.type=custom + 主题纹理源。

区域渐变

colorMode=area + radius 轴映射,调色板统一 rgba。

运动+物理

速度区间、方向、重力、湍流、tiltVariance 协同调参。

高密度

高 count + spread + sphere 区域实现满屏效果。

纹理精灵

appearance.type=custom + 主题纹理源。

区域渐变

colorMode=area + radius 轴映射,调色板统一 rgba。

运动+物理

速度区间、方向、重力、湍流、tiltVariance 协同调参。

高密度

高 count + spread + sphere 区域实现满屏效果。

粒子完整展示

主要关注点:在一个页面里展示纹理、颜色策略、运动、生命周期、区域五大配置面。

展示面清单

配置面 关键字段
行为预设 particles.typecountspread
外观 appearance.typeappearance.textureappearance.textureColorModeappearance.sizeappearance.opacity
颜色策略 appearance.colorModeappearance.areaColor.*appearance.paletteappearance.randomColorChance
运动 movement.speedmovement.directionmovement.gravitymovement.turbulencemovement.tiltVariance
空间区域 area.typearea.sizearea.position
生命周期 lifecycle.respawn

变体片段

部分随机调色板

yaml
particles:
  appearance:
    colorMode: palette
    randomColorChance: 0.42
    palette:
      - "rgba(79, 115, 232, 1)"
      - "rgba(138, 105, 239, 1)"
      - "rgba(239, 134, 168, 1)"

按垂直轴区域映射

yaml
particles:
  appearance:
    colorMode: area
    areaColor:
      axis: y
      colors:
        - "rgba(95, 125, 230, 1)"
        - "rgba(140, 117, 239, 1)"
        - "rgba(241, 168, 122, 1)"

无纹理点状外观

yaml
particles:
  appearance:
    type: dot
    texture: ""
    color: "rgba(99, 152, 255, 1)"