Exporting only the animation as JSON from Three JS and Maya

Question

Exporting only the animation as JSON from Three JS and Maya

I have created an animated model using Mixamo and exported it as an FBX into Maya. I then used the Three.js exporter to bake the animation as morph targets.

When loaded into Maya, here is how the model appears:

https://i.sstatic.net/JUKWt.png

However, upon importing the data, not only does it include the animation, but also the base model in a static pose with duplicate vertices in each morphTarget array. This results in an undesired look:

https://i.sstatic.net/WfMeM.png

Is there a way to extract just the animation without including the model itself? Perhaps there is an option or step that I am overlooking due to my limited familiarity with Maya.

Any help would be greatly appreciated. Thank you!

javascript three.js maya

Answer 1

Answer №1

If someone encounters a similar issue, here's a quick solution (at least for this specific case) - simply reduce the size of the vertex and face arrays by half. Upon closer inspection, it was discovered that all duplicate vertices were located in the second half of these arrays and could be removed.

geometry.vertices.length = geometry.vertices.length / 2

geometry.faces.length = geometry.faces.length / 2

geometry.morphTargets.forEach(function(target) {

    target.vertices.length = target.vertices.length / 2

})

There is likely a more efficient method to tackle this problem though.

Answer 2

If someone encounters a similar issue, here's a quick solution (at least for this specific case) - simply reduce the size of the vertex and face arrays by half. Upon closer inspection, it was discovered that all duplicate vertices were located in the second half of these arrays and could be removed.

geometry.vertices.length = geometry.vertices.length / 2

geometry.faces.length = geometry.faces.length / 2

geometry.morphTargets.forEach(function(target) {

    target.vertices.length = target.vertices.length / 2

})

There is likely a more efficient method to tackle this problem though.

Exporting only the animation as JSON from Three JS and Maya

Answer №1

Similar questions

Utilizing ng-model and ng-repeat in a custom directive

Cannot display GIF file from the SRC directory in a React application

In React Native, changing the translation of an element causes it to shift below all other elements, regardless of

Resolving the "Error: Cannot update a React state on an unmounted component" issue

Creating a TypeScript object declaration

Top method for showcasing data on a webpage

Identify the moment when a file is being uploaded in a web browser

Utilize Babel transpiling specifically for necessary Node modules

Encountering a peer invalid error message while using npm

Revamp the hues of numerous elements simultaneously using just a single click!

Applying the variables as elements within a foreach iteration

In order to prevent redundancy in your Angular 2+ project, make sure to set

Tips for substituting a pair of terms with equivalent ones from an array using Arabic JavaScript

Vue Page fails to scroll down upon loading

How can you retrieve the preceding sibling using an Angular directive?

Struggling to update a scope variable when utilizing Firebase's Facebook authentication with AngularJS

Optimal techniques for leveraging CSS within Mui and Reactjs

The issue of conflicting checkboxes and types plugins in jstree

Creating atomic controller actions in Sails.js: A guide to optimizing your controller functions

Starting Web Server using File (file://) protocol