news 2026/5/6 11:46:23

我用Gemini3手搓了一个动画网站,人人都能做动画的时代到来了!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
我用Gemini3手搓了一个动画网站,人人都能做动画的时代到来了!

大家好,我是轩辕。

我之前在B站发布了很多知识科普类的视频,很多人都会问我一个问题:

“UP主,你的动画是用什么做的啊?”

在成为一个UP主之前,我其实犹豫了很久。

因为我是打算做计算机知识类的视频,最好是用动画来呈现。

因为很多时候,一个知识点,写一大堆文字,也不如一个动画来的简单明了。

但我不会PR,更不会AE,那些炫酷的动画我做不出来,尝试去学了几次,每次都被劝退了。

后来偶然从某个博主那里看到,原来不用PR、AE这样的高级软件,用Mac自带的Keynote也能实现一些不错的动画。

我的这些视频受到了很多粉丝的欢迎,这让我快速在B站积累了十多万粉丝。

但做这样的动画视频实在太费时间了,要一点点调整动效,非常繁琐。

自从AI兴起之后我就在思考,能不能让AI来帮我实现这些动画?

AI非常擅长网页编程,而在网页里面,SVG动画是最容易实现的。

但遗憾的是,相当长的一段时间里,AI做的SVG动画都惨不忍睹。

比如我让AI画一个太阳系八大行星运行动画,这是DeepSeek画的:

这是GPT4o画的:

这还算是能看的,稍微复杂点的就更没法看了。

比如我让AI画一个数据包依次通过防火墙的动画,这是DeepSeek画的:

这是ChatGPT 4o画的:

总之就是一个个的车祸现场,根本没法拿来做视频。

然而,随着这次Gemini3的发布,局面终于发生变化了!Gemini3 Pro非常擅长画SVG动画。

这是Gemini3 Pro画的太阳系:

Gemini3 Pro画的图居然还有个细节,每个星球运动的时候,面向太阳的一侧总是照亮的,而背面总是阴影。

下面这个是Gemini3 Pro画的防火墙动画:

这效果已经吊打前面所有动画了!

接下来是Gemini3 Pro的动画大赏:

演示开普勒第二定律:

演示从HTTP数据流还原文件:

演示数学里面的正弦曲线:

演示一个月中月相的变化过程:

演示一个黑洞的效果:

这已经完全是生产级别的动画了!

以后做知识科普视频可以极大提高生产效率!

而要生成这样的动画,除了模型本身的强大,还依赖于给它的提示词。

为了更加方便快捷的创作这样的动画,我用Gemini3手搓了一个SVG动画创作的网站:

只需要一句话,系统自动添加提示词引导Gemini3 Pro生成上面这样精彩纷呈的SVG动画!

而且为了方便创作者使用,我还加了一键导出GIF动图和MP4视频文件的功能,最高能支持4K超清画质:

除此之外,系统内置了大量的案例动画,如果觉得哪个动画还不错,你还可以直接让AI基于这个动画定制化修改,修改成你想要的样子。

随着案例不断丰富完善,后续不仅是一个动画创作网站,也会逐渐成为一个动画资源网站,当你需要动画素材的时候,不妨来这里找找看。

如果你也想做一个知识区的UP主,但苦于自己没有制作动画的能力,那么现在是时候用AI的能力为自己插上翅膀,迈出这一步了!

网站地址:https://svganimate.ai/

欢迎大家来使用体验!

我是轩辕,我们下期再见!

往期推荐

  • 我开发了一个轻量又好用的抓包软件,基于Wireshark内核,只有20MB!
  • 一个神奇的网站:在线版“Wireshark”!
  • 我用Claude Code开发了一个个人网站!
  • 耗时两个月,我开发了一个半自动逆向分析VMProtect工具!
  • 如何学习操作系统?
  • 如何学习计算机网络?
  • 如何学习C/C++编程?
  • 如何学习网络安全?
  • 程序员赛道太卷,逆向工程师怎么样?
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/6 0:14:14

鲸鸿动能发布大健康行业全域增长解决方案

鲸鸿动能官网 12月18日,在第二届G-Media大健康行业营销峰会期间,鲸鸿动能举办“重构信任,智启全域增长”私享会,并发布大健康行业全域增长解决方案,依托“数据科学AI”与鸿蒙生态全场景能力,聚焦用户价值深…

作者头像 李华
网站建设 2026/5/6 0:15:37

Open-AutoGLM纠错能力为何领先行业?:基于7层验证架构的深度解读

第一章:Open-AutoGLM 自主纠错机制原理Open-AutoGLM 是一种基于生成语言模型的自反馈优化框架,其核心在于构建闭环推理链,使模型能够在输出后主动识别潜在错误并进行迭代修正。该机制不依赖外部标注数据,而是通过内部一致性评估与…

作者头像 李华
网站建设 2026/5/6 0:22:32

阶跃星辰:从技术理想主义到多模态AI独角兽的崛起之路

一、公司概况与创立背景 1.1 公司基本信息确认 阶跃星辰(英文名:StepFun)是一家专注于通用人工智能(AGI)的创新型科技公司,其全称为上海阶跃星辰智能科技有限公司。该公司成立于 2023 年 4 月 6 日&#…

作者头像 李华
网站建设 2026/4/19 5:56:39

【马来亚大学(世界百强名校)主办,见刊检索有保障 | 连续四届EI稳检索-最快会后提交出版后2个月检索 | 延续ACM出版】第五届大数据、信息与计算机网络国际学术会议(BDICN 2026)

第五届大数据、信息与计算机网络国际学术会议(BDICN 2026) 2026 5th International Conference on Big Data, Information and Computer Network 2026年1月9-11日,马来西亚-吉隆坡 马来亚大学(世界百强名校)主办&am…

作者头像 李华
网站建设 2026/5/2 18:29:45

多分辨率模型适配难题一网打尽,Open-AutoGLM到底强在哪?

第一章:多分辨率模型适配的行业挑战在现代图形渲染与机器学习推理领域,多分辨率模型适配已成为一项关键的技术瓶颈。随着显示设备从高清屏到视网膜屏、从桌面端到移动端的多样化演进,系统需动态调整模型输出以匹配不同分辨率输入,…

作者头像 李华
网站建设 2026/5/5 8:19:40

7、过程工厂数字孪生的文献综述与展望

过程工厂数字孪生的文献综述与展望 1. 数字孪生生成方法概述 有一种很有前景的方法,是基于扫描的3D模型,开发一种基于系统的方法来生成现有过程工厂的增量数字孪生。这不仅要生成整个工厂的模型,还要生成其各个部分的模型。目前,在商业出版物和科学文献中,尚未发现与之竞…

作者头像 李华