如何将 3D 动画置于 HTML 循环中，并在单击时平滑地(使用关键帧)更改为另一个动画

Question

这个想法是，将有一个3D动画循环（一个空闲字符，可能旋转），当有人将光标悬停在它上面时，它会变成另一个动画（比如，角色变得紧张），点击时会变成另一个动画（比如，角色惊吓）。但是，如果我使用仅更改视频的旧方法，它看起来会有点奇怪，因为它在大多数情况下都会发生巨大变化，我如何使这种过渡看起来不错？

我对HTML有点陌生，所以也许它比我想象的要容易，但我真的不知道如何实现这一目标。提前感谢您的回答！:)

Answer 1

两个选项，使其成为实际的3D模型（硬）或控制视频的流程并等待视频完成，然后再显示下一部分/动画。沿着这条路走下去，你需要为视频使用HTML5视频标签，你必须研究它公开的javascript API来控制它。这不是非常困难，但这个答案的界面太宽泛了。