news 2026/9/17 5:43:22

我用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/9/17 6:45:46

【大模型视觉新突破】:Open-AutoGLM如何重构多尺度感知能力?

第一章:Open-AutoGLM 多分辨率适配方案在视觉语言模型(VLM)的实际部署中,输入图像的分辨率差异极大,从低清监控画面到高分辨率卫星图像均可能成为推理输入。Open-AutoGLM 引入了一套动态多分辨率适配方案,能…

作者头像 李华
网站建设 2026/9/15 17:37:34

Open-AutoGLM文本处理瓶颈攻坚(精准输入技术全公开)

第一章:Open-AutoGLM文本输入准确率提升方法概述在自然语言处理任务中,Open-AutoGLM模型的输入文本质量直接影响其推理与生成结果的准确性。为提升文本输入的准确率,需从数据预处理、语义规范化和上下文增强三个核心方向入手。通过系统性优化…

作者头像 李华
网站建设 2026/9/16 5:04:08

12、流程工厂数字孪生的商业案例剖析

流程工厂数字孪生的商业案例剖析 服务解决方案的关键要素 在提供流程工厂数字孪生服务解决方案时,有几个关键要素起着决定性作用。首先是人员角色,主要包括 AI 开发者、数据科学家、产品所有者和产品经理。 - AI 开发者 :负责算法的实施、优化和 AI 的训练。准确的数据…

作者头像 李华
网站建设 2026/9/16 9:18:33

Open-AutoGLM多分辨率适配实战指南(从原理到部署的完整路径)

第一章:Open-AutoGLM多分辨率适配方案概述Open-AutoGLM 是一种面向多模态大模型的动态分辨率自适应框架,专为处理不同输入尺度下的视觉语言任务而设计。该方案通过引入可学习的空间对齐模块与分辨率感知的注意力机制,实现了在不依赖固定图像尺…

作者头像 李华
网站建设 2026/9/17 7:35:39

3、5G移动网络:从驱动因素到关键支柱的全面解析

5G移动网络:从驱动因素到关键支柱的全面解析 1. 引言 移动网络承载的流量正呈现指数级增长。根据思科可视化网络指数,2010 - 2011年移动数据流量翻了一番,预计到2020年,全球移动流量将比2010年增长1000倍。 这种增长主要由移动设备的普及和对数据需求大的设备(尤其是智…

作者头像 李华
网站建设 2026/9/16 17:04:30

22、数字孪生服务:现状、挑战与未来趋势

数字孪生服务:现状、挑战与未来趋势 1. 数字孪生服务概述 数字孪生是对真实存在的对象或产品的虚拟表示。在流程工业中,涵盖3D信息的数字孪生目前大多是手动生成的,特别是对于棕地工厂的规划任务,这些数字模型具有重要意义,例如为现代化改造规划奠定基础。 为了捕捉工厂…

作者头像 李华