使用bodymovin将After Effects导入index.html

我正在尝试使用bodymovin在网页上显示我的后效动画。我只使用了建议的方法,但是在bodymovin扩展中渲染“无法创建字符:秋”时遇到了错误。当切换到仅英语并使用Calibri字体拼写“ gg”时,出现了错误“字符无法被创建:g”,所以我对为什么渲染功能不起作用有些困惑。我尝试剥离任何效果的合成,只是纯文本,但仍然出现错误“无法创建字符:g”。另一方面,给我一个名为bodymovin.js的lottie.js文件,“获取播放器”似乎可以很好地工作。

我的AE组成非常标准:只有一些辉光,CC降雪,渐变填充和填充。两层背景层,一层用于对最终文本层进行亮度遮罩。

我在localhost8080上使用cd“ C:\ Filepath \”和http-server命令在index.html上提供服务。有没有人对如何使用bodymovin或在HTML页面上显示After Effects动画显示任何建议?

谢谢!

作为参考,我的文件夹中有一个index.js,bodymovin.js,index.html和data.json文件。

我的index.html:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title> bodymovin </title>
  <style>
    #anim{max-width: 800px;margin: 0 auto;}
  </style>
</head>
<body>
  <div id="anim"></div>

  <script src="bodymovin.js"></script>
  <script src="index.js"></script>

</body>
</html>

还有我的index.js文件:

var animation = bodymovin.loadAnimation({
  container: document.getElementById('anim'),renderer: 'svg',loop: true,autoplay: true,path: 'data.json'
})

iCMS 回答:使用bodymovin将After Effects导入index.html

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2142938.html

大家都在问