Filter Buffer

[ZebraRoy]

How can I use the buffer function in filters?

I want to do something like this

[ivan.popelyshev]

I'm sorry, I'm not that good with shadertoy. Can you please elaborate?

As for pixi filters, you can pass the texture in any uniform.

If you want to use previous frame, here is a big hack that didnt make it into a plugin: https://github.com/pixijs/pixi.js/wiki/v5-Hacks#re-use-previous-frame-of-filtered-object

And first thing that you have to do is to set filterArea to "app.screen" or "renderer.screen" because you really dont want to have problems with temporary pow2-sized textures, you need full screen first. You can move to temp textures later when your stuff works.

[ivan.popelyshev]

Filters are made to be applied on a temporary texture where container contents are displayed. If you dont have a container with stuff - most probably you dont need a filter.

Maybe you need a mesh shader: https://pixijs.io/examples/#/mesh-and-shaders/triangle-textured.js 

Just use several meshes and juggle with renderTextures: https://pixijs.io/examples/#/textures/render-texture-advanced.js

Unfortunately, we do not have a tutorial how to convert shadertoy examples to pixi. People who tried to convert something tried it on small examples and used mesh shaders and filters. For this big example - nobody tried, you'll be the first one. It doesn't mean its impossible or that pixijs is not made for it - we just didnt have a single case like that. You are the first one - make sure to share the experience so others will follow.

Edited December 23, 2019 by ivan.popelyshev

[ZebraRoy]

Thanks ivan, the example https://www.pixiplayground.com/#/edit/WHVpFCdiTiTe70dJvahf8 is exactly what i want

[ZebraRoy]

By using the render texture as buffer, I created this effect using this shadertoy buffer example

[ivan.popelyshev]

OK, i edited it a bit and put here: https://github.com/pixijs/pixi.js/wiki/v5-Hacks#shadertoy-buffers

[ivan.popelyshev]

Do you want an invite to pixijs slack?

[ZebraRoy]

On 12/24/2019 at 7:44 PM, ivan.popelyshev said:

Do you want an invite to pixijs slack?

It will be great, didn't notice there is a slack channel for pixi

I will email to you then

[ivan.popelyshev]

We keep it small. OK, invite should be in your mail. I'm a moder, i see everyone mails

[komp]

Looks like someone edited this and removed the example.  

On 12/24/2019 at 5:52 AM, ivan.popelyshev said:

OK, i edited it a bit and put here: https://github.com/pixijs/pixi.js/wiki/v5-Hacks#shadertoy-buffers

 

[ivan.popelyshev]

@komp wanna try to make another one and save in codesandbox or in jsfiddle? Just edit so it works with pixi