Pixi 8 compatibility

[kareljuricka]

Hi,

is there some plane to make pixi-projection compatible with the pixi 8? Now it's fails during rendering method.

Thank you

[ivanpopelyshev]

Yes. I already converted tilemap but people cant help me with publishing examples :)

[driuqzy]

Thoughts on when v8 compatibility will arrive?

[lionettiluca]

Hi, any news about this?

[linh-vanngo-thermo]

Hi @ivanpopelyshev hope you're doing well... Any news on this please?

[ivanpopelyshev]

Hi @ivanpopelyshev hope you're doing well... Any news on this please?

Well, I finally have more time, so, quite possible :) But waiting for merge of this pixijs/pixijs#10700 and this pixijs/pixijs#10702

[hoomanaskari]

Hi, Any update on this?

[ivanpopelyshev]

Hi, Any update on this?

If you need Quads , there is a official demo in pixi-v8 i think. Something like that was definitely merged in main pixi

[hoomanaskari]

Hi, Any update on this?

If you need Quads , there is a official demo in pixi-v8 i think. Something like that was definitely merged in main pixi

Is there a chance you could share a link to the docs/demos for that, I looked everywhere and could not find any refs to that! Thanks!

[GoodBoyDigital]

@hoomanaskari is this what you are after -> https://github.com/pixijs/pixijs/blob/dev/tests/visual/scenes/mesh/perspective-mesh.scene.ts

[hoomanaskari]

This would be a very limited version of what I am looking for.
Can I apply this perspective transform to for example a rounded rectangle or a circle with a video as it's texture?

[GoodBoyDigital]

true enough! You can render anything you want to a render texture and use that as the source for the perspective plan. This should get you where you need!

[hoomanaskari]

That might work, though it has it's limitations too.

I did not get a chance to test this, or dig deeper into the docs, but is it possible to apply the applyProjectiveTransformationToPlane function to graphics, for example to the following:

const graphics = new PIXI.Graphics();
// draw a rounded rectangle
graphics.lineStyle(2, 0xff00ff, 1);
graphics.beginFill(0x650a5a, 0.25);
graphics.drawRoundedRect(50, 440, 100, 100, 16);
graphics.endFill();