# Blend mode and render particles

**URL:** <https://phaser.discourse.group/t/blend-mode-and-render-particles/670>\
**Category:** Phaser 3\
**Created:** [January 8, 2019, 10:05pm UTC](https://phaser.discourse.group/t/blend-mode-and-render-particles/670 "2019-01-08T22:05:48Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![glebkudr](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/glebkudr/32/337_2.png) [@glebkudr](https://phaser.discourse.group/u/glebkudr)\
**Post date:** [January 8, 2019, 10:05pm UTC](https://phaser.discourse.group/t/blend-mode-and-render-particles/670/1 "2019-01-08T22:05:48Z")

</div>

I have the background and particles.

I want to blend all particles with BlendMode.ADD, but screen the underlying layer.

How can I achieve it?

I use WebGL render context.

---

<div class="post-metadata">

**Author:** ![rich](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/rich/32/4_2.png) [@rich](https://phaser.discourse.group/u/rich)\
**Post date:** [January 8, 2019, 10:08pm UTC](https://phaser.discourse.group/t/blend-mode-and-render-particles/670/2 "2019-01-08T22:08:13Z")

</div>

A renderable object, be it a Particle or anything else, can only have one blend mode active on it at once, and it’ll only impact what is being drawn currently and what is below it. Your Particles can use `ADD` and your background image `SCREEN`, but the background isn’t going to apply that blend mode to the Particles because it’s behind them, so renders first.