Jump to content

pixijs 3d transform


tywang2006
 Share

Recommended Posts

Also, you can make your own Transform class that'll do it, just copy PIXI.TransformStatic or PIXI.Transform and add X/Y rotation, then assign new transform to the object you want to rotate

If you don't have enough experience, may be I can make simple plugin for it? Why do you need that thing, for paper-pixi game? :)

Link to comment
Share on other sites

6 minutes ago, ivan.popelyshev said:

Also, you can make your own Transform class that'll do it, just copy PIXI.TransformStatic or PIXI.Transform and add X/Y rotation, then assign new transform to the object you want to rotate

If you don't have enough experience, may be I can make simple plugin for it? Why do you need that thing, for paper-pixi game? :)

I want to do some fake 3d game with pixijs, because it is the best of the best. if you can make a simple plugin for it, I will appericate it:)

Link to comment
Share on other sites

1 minute ago, ivan.popelyshev said:

How fake are we talking about? do you have references?

enter image description here just something like this picture, set an angle to the object just like rotation. you can do rotationX that means it is rotated around x axis. same to rotationY(maybe Z, but i think do X/Y firstly)

Link to comment
Share on other sites

  • 4 months later...

A little late to this chat, but for what it's worth you may want to have a look at Papervision, the original 3D extension of the Flash 2D stage. It worked well (looking at Ivan's card demo above, reminds me of this I did around 2010 with Papervision and Flash), and should give you some ideas for how to skew/distort objects in Pixi for a faux-3D effect...

Link to comment
Share on other sites

Not late, this chat exists two years through a number of topics in forum, also issues in pixijs github. There is an issue like that right now: https://github.com/pixijs/pixi.js/issues/4116

Best solution for vanilla pixi v4 is https://github.com/finscn/pixi.js/tree/master/src/morerenderers/perspective , you can just copy it.

 

The solution will be implemented both in

1) official pixi-v5 https://github.com/pixijs/pixi.js/tree/next , demos: http://dev.goodboydigital.com/client/goodboy/geometry/examples/index.html#/mesh/triangle-color.js

2) my new fork https://github.com/gameofbombs/gobi , no demos yetfaux-3d can be also achieved with mesh, either standart PIXI.mesh.Plane either https://github.com/pixijs/pixi.js/pull/3842 which i hope to merge in v5.

Link to comment
Share on other sites

38 minutes ago, Owlfinger said:

A little late to this chat, but for what it's worth you may want to have a look at Papervision, the original 3D extension of the Flash 2D stage. It worked well (looking at Ivan's card demo above, reminds me of this I did around 2010 with Papervision and Flash), and should give you some ideas for how to skew/distort objects in Pixi for a faux-3D effect...

Thanks for that, but I decided to use ThreeJS instead :)

Link to comment
Share on other sites

  • 2 weeks later...

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...