新增分享动画和导出离线HTML文件
返回博客

新增分享动画和导出离线HTML文件

新功能X.comSVG动画
SvgAnimate
SvgAnimate
2025-12-31
6 min

大家好,我是轩辕,也是SvgAnimate的作者。

我的svganimate.ai动画网站上线20天了,我看到了很多有意思的动画。

声明:以下动画都是用户主动选择公开发布的

一开始就被这个动画惊艳了,有位用户居然用我的网站做了个飞机大战游戏动画:

你敢信这就是一句话生成出来的,要是加点交互,都可以直接当小游戏玩儿了。

这里还有一个机械表盘的动画:

还是非常有质感的。

不过大部分用户公开的还是以学习和知识为主的动画,比如生成一个神经网络识别手写数字的动画:

生成一个二叉树遍历的动画:

生成一个MOSFET晶体管工作机制的动画:

生成一个元素周期表的动画:

这些动画里面有部分动画是带有交互功能的,比如下面这个:

这是一个月相演示的动画,需要点击右上角面板选择不同的日期,展示不同日期的月相。

但是导出成GIF图片或者视频之后,因为丢掉了交互,看起来就是个静态的没动。

有很多用户都想做出带有交互功能的动画,所以我今天带来了一个新功能:直接把动画一键导出一个单独的HTML文件!

在动画详情页面和动画创作页面右上角,现在有一个全新的“分享”按钮,点击这个按钮会弹出一个下拉菜单。在这个菜单里面可以直接产生分享链接,也可以一键将您创作的作品分享到X,还可以直接下载完整的HTML文件到本地打开。

这样可以下载下来发送拷贝到其他地方,只要有浏览器双击打开就能观看,还保留完整的交互能力,非常适合做教学演示场景使用。

比如上面的元素周期表动画,我把它做成带交互的,下面带一组元素分类按钮,当点击某个按钮的时候,相关的元素进行高亮展示:

再比如下面这个二次函数展示动画,通过滑块拖动二次函数的三个参数,观察函数图像变化情况:

更多交互动画的创意交给大家自己去玩啦。

目前我的网站总共有2800+位注册用户,累计创作了5000+动画作品,其中公开发布的超过300+了:

非常感谢大家的支持!如果对产品有建议也欢迎联系我提出。

我的X:@xuanyuanzhifeng

我的微信:xuanyuanuncle

SvgAnimate

SvgAnimate

SvgAnimate Contributor