Aframe : Animation not working on the collada model from mixamo

The animation for the model is not playing. Here are the steps I followed:

I first downloaded a 'Walking.dae' collada file from mixamo

I then converted the collada format to .gltf 2.0 using the KhronosGroup/glTF online converter.

Then I used the animation-mixer by don mccurdy in the code.

Problems:

The first problem I immediately observe from the browser console is the following: 'components:gltf-model:warn Failed to load glTF model'. So is there a conversion problem from the KhronosGroup/glTF online converter?

I tried my best but could not find the url that we use in the <script scr="path">. Can this "path" to the animation-mixer.js file by don mccurdy be provided to me?

Lastly is this the code using which my model can show the animation or is there anymore to this?

Code:

<html>

<head>

    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>

    <!--script url for animation mixer from don mccurdy-->  

</head>

<body>

    <a-scene>

    <a-sky color="#6EBAA7"></a-sky>

        <a-entity gltf-model="Walking.gltf" animation-mixer="clip: Idle"></a-entity>

        <a-entity position="0 1 2"><a-camera></a-camera></a-entity>

    </a-scene>

</body>

</html>

The model and the animation have been downloaded from Mixamo. I have also placed the downloaded .dae files in the same folder as that of the html I am running. Here is the structure:

The directory structure

Any help will be appreciated. Thanks in advance.

edited Dec 16 '18 at 19:58

asked Nov 19 '18 at 15:24

Rishab Parmar

Is model-animation a component you wrote? I don’t see it imported. Unrelated but should be using A-Frame 0.8.2

– Diego Marcos
Nov 19 '18 at 16:23

@DiegoMarcos to be honest, I just found this code somewhere and I was just trying to run it(dumb of me). I don't even know if it's workable or not. I searched aframe docs but I could not get anything about model animations. Although I looked into gltf animation model github thingy, I found this code on github community where you could animate colada objects directly without converting them to gltf. All I really need a reference of how you could animate a model. Also the aframe 8.2 point is duly noted! Thanks!

– Rishab Parmar
Nov 20 '18 at 19:31

@DiegoMarcos...any leads on this?

– Rishab Parmar
Dec 9 '18 at 10:43

Probably best is to reach out the author of the model-animation component. Without more code and context is going to be hard for people to help you.

– Diego Marcos
Dec 10 '18 at 11:35

@DiegoMarcos Fair and true enough. Will look into the same. Thank you.

– Rishab Parmar
Dec 14 '18 at 11:52

|
show 4 more comments

The animation for the model is not playing. Here are the steps I followed:

I first downloaded a 'Walking.dae' collada file from mixamo

I then converted the collada format to .gltf 2.0 using the KhronosGroup/glTF online converter.

Then I used the animation-mixer by don mccurdy in the code.

Problems:

The first problem I immediately observe from the browser console is the following: 'components:gltf-model:warn Failed to load glTF model'. So is there a conversion problem from the KhronosGroup/glTF online converter?

I tried my best but could not find the url that we use in the <script scr="path">. Can this "path" to the animation-mixer.js file by don mccurdy be provided to me?

Lastly is this the code using which my model can show the animation or is there anymore to this?

Code:

<html>

<head>

    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>

    <!--script url for animation mixer from don mccurdy-->  

</head>

<body>

    <a-scene>

    <a-sky color="#6EBAA7"></a-sky>

        <a-entity gltf-model="Walking.gltf" animation-mixer="clip: Idle"></a-entity>

        <a-entity position="0 1 2"><a-camera></a-camera></a-entity>

    </a-scene>

</body>

</html>

The model and the animation have been downloaded from Mixamo. I have also placed the downloaded .dae files in the same folder as that of the html I am running. Here is the structure:

The directory structure

Any help will be appreciated. Thanks in advance.

edited Dec 16 '18 at 19:58

asked Nov 19 '18 at 15:24

Rishab Parmar

Is model-animation a component you wrote? I don’t see it imported. Unrelated but should be using A-Frame 0.8.2

– Diego Marcos
Nov 19 '18 at 16:23

@DiegoMarcos to be honest, I just found this code somewhere and I was just trying to run it(dumb of me). I don't even know if it's workable or not. I searched aframe docs but I could not get anything about model animations. Although I looked into gltf animation model github thingy, I found this code on github community where you could animate colada objects directly without converting them to gltf. All I really need a reference of how you could animate a model. Also the aframe 8.2 point is duly noted! Thanks!

– Rishab Parmar
Nov 20 '18 at 19:31

@DiegoMarcos...any leads on this?

– Rishab Parmar
Dec 9 '18 at 10:43

Probably best is to reach out the author of the model-animation component. Without more code and context is going to be hard for people to help you.

– Diego Marcos
Dec 10 '18 at 11:35

@DiegoMarcos Fair and true enough. Will look into the same. Thank you.

– Rishab Parmar
Dec 14 '18 at 11:52

|
show 4 more comments

The animation for the model is not playing. Here are the steps I followed:

I first downloaded a 'Walking.dae' collada file from mixamo

I then converted the collada format to .gltf 2.0 using the KhronosGroup/glTF online converter.

Then I used the animation-mixer by don mccurdy in the code.

Problems:

The first problem I immediately observe from the browser console is the following: 'components:gltf-model:warn Failed to load glTF model'. So is there a conversion problem from the KhronosGroup/glTF online converter?

I tried my best but could not find the url that we use in the <script scr="path">. Can this "path" to the animation-mixer.js file by don mccurdy be provided to me?

Lastly is this the code using which my model can show the animation or is there anymore to this?

Code:

<html>

<head>

    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>

    <!--script url for animation mixer from don mccurdy-->  

</head>

<body>

    <a-scene>

    <a-sky color="#6EBAA7"></a-sky>

        <a-entity gltf-model="Walking.gltf" animation-mixer="clip: Idle"></a-entity>

        <a-entity position="0 1 2"><a-camera></a-camera></a-entity>

    </a-scene>

</body>

</html>

The model and the animation have been downloaded from Mixamo. I have also placed the downloaded .dae files in the same folder as that of the html I am running. Here is the structure:

The directory structure

Any help will be appreciated. Thanks in advance.

edited Dec 16 '18 at 19:58

asked Nov 19 '18 at 15:24

Rishab Parmar

The animation for the model is not playing. Here are the steps I followed:

I first downloaded a 'Walking.dae' collada file from mixamo

I then converted the collada format to .gltf 2.0 using the KhronosGroup/glTF online converter.

Then I used the animation-mixer by don mccurdy in the code.

Problems:

The first problem I immediately observe from the browser console is the following: 'components:gltf-model:warn Failed to load glTF model'. So is there a conversion problem from the KhronosGroup/glTF online converter?

I tried my best but could not find the url that we use in the <script scr="path">. Can this "path" to the animation-mixer.js file by don mccurdy be provided to me?

Lastly is this the code using which my model can show the animation or is there anymore to this?

Code:

<html>

<head>

    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>

    <!--script url for animation mixer from don mccurdy-->  

</head>

<body>

    <a-scene>

    <a-sky color="#6EBAA7"></a-sky>

        <a-entity gltf-model="Walking.gltf" animation-mixer="clip: Idle"></a-entity>

        <a-entity position="0 1 2"><a-camera></a-camera></a-entity>

    </a-scene>

</body>

</html>

The model and the animation have been downloaded from Mixamo. I have also placed the downloaded .dae files in the same folder as that of the html I am running. Here is the structure:

The directory structure

Any help will be appreciated. Thanks in advance.

aframe gltf

edited Dec 16 '18 at 19:58

asked Nov 19 '18 at 15:24

Rishab Parmar

edited Dec 16 '18 at 19:58

asked Nov 19 '18 at 15:24

Rishab Parmar

edited Dec 16 '18 at 19:58

asked Nov 19 '18 at 15:24

Rishab Parmar

asked Nov 19 '18 at 15:24

Rishab Parmar

asked Nov 19 '18 at 15:24

Rishab Parmar

Is model-animation a component you wrote? I don’t see it imported. Unrelated but should be using A-Frame 0.8.2

– Diego Marcos
Nov 19 '18 at 16:23

@DiegoMarcos to be honest, I just found this code somewhere and I was just trying to run it(dumb of me). I don't even know if it's workable or not. I searched aframe docs but I could not get anything about model animations. Although I looked into gltf animation model github thingy, I found this code on github community where you could animate colada objects directly without converting them to gltf. All I really need a reference of how you could animate a model. Also the aframe 8.2 point is duly noted! Thanks!

– Rishab Parmar
Nov 20 '18 at 19:31

@DiegoMarcos...any leads on this?

– Rishab Parmar
Dec 9 '18 at 10:43

Probably best is to reach out the author of the model-animation component. Without more code and context is going to be hard for people to help you.

– Diego Marcos
Dec 10 '18 at 11:35

@DiegoMarcos Fair and true enough. Will look into the same. Thank you.

– Rishab Parmar
Dec 14 '18 at 11:52

|
show 4 more comments

Is model-animation a component you wrote? I don’t see it imported. Unrelated but should be using A-Frame 0.8.2

– Diego Marcos
Nov 19 '18 at 16:23

@DiegoMarcos to be honest, I just found this code somewhere and I was just trying to run it(dumb of me). I don't even know if it's workable or not. I searched aframe docs but I could not get anything about model animations. Although I looked into gltf animation model github thingy, I found this code on github community where you could animate colada objects directly without converting them to gltf. All I really need a reference of how you could animate a model. Also the aframe 8.2 point is duly noted! Thanks!

– Rishab Parmar
Nov 20 '18 at 19:31

@DiegoMarcos...any leads on this?

– Rishab Parmar
Dec 9 '18 at 10:43

Probably best is to reach out the author of the model-animation component. Without more code and context is going to be hard for people to help you.

– Diego Marcos
Dec 10 '18 at 11:35

@DiegoMarcos Fair and true enough. Will look into the same. Thank you.

– Rishab Parmar
Dec 14 '18 at 11:52

Is model-animation a component you wrote? I don’t see it imported. Unrelated but should be using A-Frame 0.8.2

– Diego Marcos
Nov 19 '18 at 16:23

@DiegoMarcos to be honest, I just found this code somewhere and I was just trying to run it(dumb of me). I don't even know if it's workable or not. I searched aframe docs but I could not get anything about model animations. Although I looked into gltf animation model github thingy, I found this code on github community where you could animate colada objects directly without converting them to gltf. All I really need a reference of how you could animate a model. Also the aframe 8.2 point is duly noted! Thanks!

– Rishab Parmar
Nov 20 '18 at 19:31

@DiegoMarcos...any leads on this?

– Rishab Parmar
Dec 9 '18 at 10:43

Probably best is to reach out the author of the model-animation component. Without more code and context is going to be hard for people to help you.

– Diego Marcos
Dec 10 '18 at 11:35

@DiegoMarcos Fair and true enough. Will look into the same. Thank you.

– Rishab Parmar
Dec 14 '18 at 11:52

|
show 4 more comments

0

active

oldest

votes

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53377763%2faframe-animation-not-working-on-the-collada-model-from-mixamo%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

0

active

oldest

votes

0

active

oldest

votes

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Wsrtjtyk