Switching to Pixi-Picture rendering for Orange Overlay

[Nekohime1989]

Need some help getting started writing a plugin.
For reference I'll post a link to pixi-picture which is also included in the libs folder of RPG Maker prebuilt.
https://github.com/pixijs/pixi-picture

As it turns out it allows for overlay, softlight, and hardlight blendmodes to be applied. But only to sprites. Which is fine cause we have a tiling sprite implementation.

My question is how would I start off applying this to the rendering for layers in Hudell's Orange Overlay. Specifically the Light and Fog Layers. https://forums.rpgmakerweb.com/index.php?threads/orange-overlay.63524/

Okay this is weird...
Sprites already have this implemented.

/**
 * checks if we need to speed up custom blendmodes
 * @param renderer
 * @private
 */
Sprite.prototype._speedUpCustomBlendModes = function(renderer) {
    var picture = renderer.plugins.picture;
    var blend = this.blendMode;
    if (renderer.renderingToScreen && renderer._activeRenderTarget.root) {
        if (picture.drawModes[blend]) {
            var stage = renderer._lastObjectRendered;
            var f = stage._filters;
            if (!f || !f[0]) {
                setTimeout(function () {
                    var f = stage._filters;
                    if (!f || !f[0]) {
                        stage.filters = [Sprite.voidFilter];
                        stage.filterArea = new PIXI.Rectangle(0, 0, Graphics.width, Graphics.height);
                    }
                }, 0);
            }
        }
    }
};

Let me try something.

edit: yeah doesn't do anything it seems.

Oh wait I need to enable custom blendmodes. How do I do that?

 

[Poryg]

No Custom WebGL Blend Modes

You cannot use custom WebGL blend modes in vanilla PixiJS.

Workaround: Example of 'clearing' the surface, but there is no guarantee that it works on mobile devices. Example #2 adds SUBTRACT blend mode!

Source:
https://github.com/pixijs/pixi.js/wiki/v4-Gotchas

 

[Nekohime1989]

I figured out what I was missing about 2 minutes ago.
Need _isPicture = true on the sprite.

 

[slimmmeiske2]

This thread is being closed, due to being solved. If for some reason you would like this thread re-opened, please report this post and leave a message why. Thank you.