PixiJS Super Effects!

GDevelop general Extensions
1

Hi everyone,

I’m excited to introduce the first version of a special extension called PixiJS Super Effects! I hope it will be very useful for all of you.

  1. It allows you to use advanced FX.
  2. Effects no longer need to be pre-associated with objects—they can now be applied on the fly to individual objects… and even to groups!
  3. There are three main actions to apply effects. Each one has many effects selectable from a dropdown menu. You just need to choose the effect and enter ONLY the parameters for that specific effect.
  4. There’s a “time” parameter that determines how many seconds the effect will take to apply. By default, it’s 0 (instantaneous).
  5. There’s a Clear action to remove the effect, otherwise it stays in memory.

The truly amazing part is that, combined with another extension I created, it allows you to build impressive particle effects very quickly. For example, using a blur effect, then adding an Outline and Dot effect… the result is superb!

Here’s the link to the other extension:
https://forum.gdevelop.io/t/particle-emitter-presets-extension/68613

In the future, I’ll try to get it officially published.

Installation:

  1. Download the two files: one for the extension and one for the Pixi-filters 5.3 library (compatible with the latest GDevelop versions).
  2. Install the extension in GDevelop.
  3. In the extension’s properties, under the dependencies field, add pixi-filters.js as shown in the guide.

Guide:

https://www.saiber.it/2025/04/26/pixijs-super-effects-5-3/

Possible Issues:

  1. Some effects may still need a bit of tweaking.
  2. I haven’t experienced any crashes, but in earlier versions, crashes sometimes happened if wrong characters were inserted.
  3. Unfortunately, I don’t have the exact minimum and maximum ranges for the effect values—you’ll need to experiment a little!
  4. You need to use one effect at a time from the dropdown menu, then enter the specific parameters for that effect. It doesn’t automatically combine effects unless you apply two different effects separately.

1
1904×1470 216 KB

3
3904×1470 101 KB

4
4904×1470 148 KB

5
5904×1470 101 KB

6
6904×1470 174 KB

1 Like
2

I hate to break it to you, but GDevelop already has these built-in…

https://wiki.gdevelop.io/gdevelop5/interface/scene-editor/layer-effects/

https://wiki.gdevelop.io/gdevelop5/objects/effects/

1 Like
3

Hi, and thanks for the clarification. I’m quite familiar with the built-in effects for objects and have used them often in the past.

What I found a bit slow in GDevelop is having to apply the set of effects to each object at the beginning, or only to a single layer.

With this approach instead, effects can be applied or removed on the fly, only when needed, to sprites and groups (neither the sprite nor the group’s objects need pre-assigned effects), making the workflow faster—or allowing experimentation with combinations that aren’t limited to a single layer.

Was this already possible? Maybe it was, and if so, I’ll gladly catch up!

Also, it would be interesting (if I find the time) to allow users to create presets directly within the extension—combining multiple effects to quickly reuse unique setups.

4

looks very cool, bro
i will test it

1 Like