~1 мин чтения

Шейдерный фильтр (Glow)

Применить встроенный фильтр Glow к спрайту и анимировать его силу твином.

Glow filter on a sprite Phaser 4 · sandboxed

Примечания

  • filters.external.addGlow(color?, outerStrength?, innerStrength?, ...) — один из встроенных фильтров Phaser 4. Полный набор: Barrel, Blend, Blocky, Blur, Bokeh, ColorMatrix, CombineColorMatrix, Displacement, Glow, GradientMap, ImageLight, Key, Mask, NormalTools, PanoramaBlur, ParallelFilters, Pixelate, Quantize, Sampler, Shadow, Threshold, TiltShift, Vignette, Wipe.
  • Списки internal против external: внутренние (internal) фильтры влияют только на сам объект; внешние (external) влияют на объект в его контексте отрисовки (обычно на весь экран). Для Glow обычно нужен external, поскольку свечение выходит за пределы исходных пикселей.
  • Возвращаемый Controller — обычный объект: такие свойства, как outerStrength, innerStrength и color, дружелюбны к твинам, что делает анимацию эффекта тривиальной.
  • Примечание: Bloom — это не один фильтр. В v3 был FX-эффект Bloom; в v4 он собирается через Phaser.Actions.AddEffectBloom(target, config?), который внутри настраивает несколько фильтров через ParallelFilters. Фильтр Glow выше — это более простое приближение из одного фильтра.
  • См. руководство по шейдерам для полного каталога фильтров, собственных игровых объектов Shader и случаев, когда стоит спуститься до уровня RenderNodes.