aatish Posted September 2, 2016 Share Posted September 2, 2016 I'd like to apply a perspective transform to my pixi container so I can replicate the effect in here: http://jsfiddle.net/q9344/ I know there's now a skew transform, but the perspective transform seems different because the sides of the trapezoid are not parallel in this case. Appreciate any help. Thanks! Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted September 3, 2016 Share Posted September 3, 2016 https://github.com/gameofbombs/pixi.js , look into examples. unfortunately, its not a plugin, its a fork. its compatible with v4. Quote Link to comment Share on other sites More sharing options...
Valery Posted July 27, 2017 Share Posted July 27, 2017 Hi Ivan This effect only for webgl mode. Can we do the same somehow for canvas mode also ? Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted July 27, 2017 Share Posted July 27, 2017 You can do it by using PIXI.mesh.Plane and adjusting vertices the way you want, but 1. There's no built-in bilinear transform 2. It seriously affects performance. Please follow this two issues: https://github.com/pixijs/pixi.js/issues/4168 , https://github.com/pixijs/pixi.js/issues/4180 I'm working on solution right now, but only for webgl. The problem with canvas is that there's no 4x4 not 3x3 transforms, only 3x2 which is affine. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.