jonforum

PIXI Matrix, Skew live Generator Tools ???

Recommended Posts

Hi everyone
Is there a tool to generate a live preview of the Matrix PIXI.
I'm talking about being able to preview live the transformation of a sprite, and get the code.
I find it very long and hard to do a lot of rending testing each faith to search the good behavior.
It would be really great if someone could make a small live generation tool. (HTML)

i made a sample on PS To help understand my need.
matix-sample-generator.thumb.png.d07f94621e7e599f11bf87d909eefa3b.png

 

I hope this overview helps to understand.
Ideally, it be something similar to this awesome tools by Karl Matt (bigtimebuddy)
https://pixijs.github.io/pixi-text-style/#

I would be very happy if a similar tool would exist.
thank

 

Share this post


Link to post
Share on other sites

The sample shows that you dont understand skew :) You can get only parallelograms, its an affine transform and not 3d perspective. Skew is the same as in css.

Btw, I prefere to use spine's "shear" instead, which is just rotation of X and Y axises. Hope to add it in pixi v5 :)

Share this post


Link to post
Share on other sites
13 minutes ago, ivan.popelyshev said:

The sample shows that you dont understand skew :) You can get only parallelograms, its an affine transform and not 3d perspective. Skew is the same as in css.

Btw, I prefere to use spine's "shear" instead, which is just rotation of X and Y axises. Hope to add it in pixi v5 :)

can we do this with pixi sprite?

http://westciv.com/tools/3Dtransforms/

Share this post


Link to post
Share on other sites

There is no perspective in vanilla pixi. 

Ask @finscn, he had a plugin for it somewhere. Or use my fork, https://github.com/gameofbombs/pixi.js , but its based on pixi 4.0.0-alpha, demo: https://gameofbombs.github.io/pixi-bin/index.html?s=flip&f=cards.js&title=Cards

Share this post


Link to post
Share on other sites
2 minutes ago, ivan.popelyshev said:

There is no perspective in vanilla pixi. 

Ask @finscn, he had a plugin for it somewhere. Or use my fork, https://github.com/gameofbombs/pixi.js , but its based on pixi 4.0.0-alpha, demo: https://gameofbombs.github.io/pixi-bin/index.html?s=flip&f=cards.js&title=Cards

ok i will check.
My engine on node.js run with pixi 4.4.1

Share this post


Link to post
Share on other sites
1 minute ago, ivan.popelyshev said:

Or you can wait a couple of month for pixi-v5 release :)

ok pixi 5 will have z index  for 3d and perspective ?

 

Share this post


Link to post
Share on other sites

That depends on how good is implementation, look at "proposals" in wiki menu at the right of the page: https://github.com/pixijs/pixi.js/wiki . Right now there's no 3d sprites proposal yet, I'll make it later.

PIXI team has high standarts, we cant integrate every feature people ask, because some implementations can really break whole library and make it only worse. "Why cant you just add perspective?" - "try it, then look at how ugly your implementation is, and how much code was changed because of it".

For example, people asked for z-index or z-order for a long time, and it was rejected because it could break a lot of things. Now we have pixi-display implementations and proposal for it.

Share this post


Link to post
Share on other sites

 

In fact I do not know why we talk about 3d.
It is simply 4 point scales. !
we have no Z Axe here , only a manual scale 4 per point limit
I made a fast gif here to show .
We have only XY AXE with a anchor to center.

 

597095f3bab1b396803491.thumb.gif.06b3aeb22c538749f2a80c06fc5fa036.gif

If I understand correctly, pixi only allows the scale by 2 points and not 4 ?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Recently Browsing   0 members

    No registered users viewing this page.