如何解决A-frame 播放来自 Sketch fab 的特定动画
我正在使用 A 帧 (https://aframe.io) 创建场景。
我正在尝试将 gltf
的乌鸦模型放入我的场景中来自 sketchfab。
sketchfab 中的乌鸦模型有两种不同的动画 - 有一个移动姿势和一个静态姿势。由于 gltf
在模型中内置了两种不同的动画,当我将它放入我的场景中时,模型没有动画,因为它处于默认静态姿势。
如何将乌鸦 gltf
模型放入我的场景动画中,以便播放 TakeOff
动画?
只是为了澄清起见,我正在寻找一种方法来专门引用 TakeOff
模型上的 gltf
动画,以便模型不动画它应该动画 TakeOf
f 动画。乌鸦gltf
模型的链接:https://sketchfab.com/3d-models/crow-d5a9b0df4da3493688b63ce42c8a83e2
将 gltf
模型放入我的场景的代码:
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<a-scene>
<a-entity gltf-model="https://cdn.glitch.com/a9b3accf-725d-4891-aa13-0786dd661cab%2Fscene%20-%202021-07-01T193347.857.glb?v=1625193238260" position="20 0 -35" rotation="0 90 0" scale="1 1 1" animation-mixer="clip:Take 001; loop:10000000000000000000; timeScale: 1; crossFadeDuration: 1"></a-entity>
</a-scene>
解决方法
为了使用 animation-mixer
,您应该包含 aframe-extras,它是其中的一部分。您可以使用他们的 CDN,如下面的代码所示。
您要查找的剪辑名为 root|takeOff
,您将在代码中看到。
(此外,您发布的代码具有不同的衣柜 glTF 而不是您正在寻找的乌鸦;因此您应该将 {{YOUR MODEL}}
替换为乌鸦。)
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.1/dist/aframe-extras.min.js"></script>
<a-scene>
<a-entity gltf-model="{{YOUR MODEL}}" position="20 0 -35" rotation="0 90 0" scale="1 1 1" animation-mixer="clip:root|TakeOff; loop:10000000000000000000; timeScale: 1; crossFadeDuration: 1"></a-entity>
</a-scene>
您可以使用的其他动画是 root|LookAround
和 root|Eat
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。