Morph Target for Javascript (PixiJS/Phaser)

Discuss issues pertaining to the Creature Animation Editor here.
Post Reply
User avatar
Melimeli
Posts: 21
Joined: Thu Apr 30, 2020 6:22 am

Morph Target for Javascript (PixiJS/Phaser)

Post by Melimeli » Thu Apr 30, 2020 6:24 am

Hi, there are only tutorials on how to use morph target for unity, ue4, and godot.

https://www.kestrelmoon.com/creaturedoc ... gines.html

I'm wondering if you could please add it in documentation for JS export?

Thanks!

chong
Posts: 1117
Joined: Thu Feb 19, 2015 2:21 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by chong » Fri May 01, 2020 10:41 am

Hello,

Sorry this feature is only available for native game engines at the current moment.

Thanks

User avatar
Melimeli
Posts: 21
Joined: Thu Apr 30, 2020 6:22 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by Melimeli » Fri May 01, 2020 11:30 pm

That's not good to hear, then what game engine has the most support? Unity?

chong
Posts: 1117
Joined: Thu Feb 19, 2015 2:21 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by chong » Fri May 01, 2020 11:41 pm

You can try: Unity, UE4 . Godot engine has reasonable support too.
The reason why Morph Targets aren't in is mostly because of performance.

Cheers

User avatar
Melimeli
Posts: 21
Joined: Thu Apr 30, 2020 6:22 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by Melimeli » Sat May 02, 2020 3:23 am

I'm still deciding on what game engine to use, what features are not available on Godot?

Just now I also can't get blend animation to work on PixiJS runtime :(

Just wondering - so the javascript game engine doesn't work? BabylonJS, ThreeJS? WASM? I tried the skin swapping demo and none worked.

chong
Posts: 1117
Joined: Thu Feb 19, 2015 2:21 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by chong » Sat May 02, 2020 11:17 pm

SkinSwapping and Blending both work, you can check to see if the assets were correctly loaded.
It's the morph targets that do not.

For SkinSwapping, please take a look at how the API is called:
https://github.com/kestrelm/Creature_We ... -Demo.html

User avatar
Melimeli
Posts: 21
Joined: Thu Apr 30, 2020 6:22 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by Melimeli » Sun May 03, 2020 2:15 am

I used the demo you provided and try to run it on my local webserver, but it didn't work. (downloaded from github)

https://prnt.sc/s9y9hx

All the skins are applied and I couldn't change it at all, what's supposed to happen?

Blending also doesn't work, neither does AutoBlendTo. It just switch to new pose immediately.

chong
Posts: 1117
Joined: Thu Feb 19, 2015 2:21 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by chong » Sun May 03, 2020 9:00 am

Hello,

I recommend you try:
https://github.com/kestrelm/Creature_We ... er/Phaser3

And the sample for blending animation works ( just tested ):
https://github.com/kestrelm/Creature_We ... ample.html

This is also using CreaturePack which is much more optimal/high performance than the regular export format.

For SkinSwapping and other more advanced operations, I recommend you try CocosCreator ( also a JS engine ):
https://github.com/kestrelm/Creature_We ... cosCreator

The PixiJS SkinSwapping might have issues depending on the version since the engine itself might have disabled dynamic indexing ( it worked in the previous versions ). This will need to be investigated.

User avatar
Melimeli
Posts: 21
Joined: Thu Apr 30, 2020 6:22 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by Melimeli » Sun May 03, 2020 10:30 am

Does the morph target work with cocos creator?

chong
Posts: 1117
Joined: Thu Feb 19, 2015 2:21 am

Re: Morph Target for Javascript (PixiJS/Phaser)

Post by chong » Mon May 04, 2020 8:07 am

Hello sorry not right now.

Thanks

Post Reply