news 2026/5/27 7:38:54

我用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/26 4:41:52

Open-AutoGLM高效推理实战(内存压缩技术全公开)

第一章:Open-AutoGLM内存优化背景与挑战在大规模语言模型(LLM)快速发展的背景下,Open-AutoGLM作为一款开源的自动文本生成模型,面临日益严峻的内存使用挑战。随着模型参数量的增长,推理和训练过程中的显存占…

作者头像 李华
网站建设 2026/5/25 17:08:28

Open-AutoGLM性能优化秘诀:5步实现任意分辨率无缝适配

第一章:Open-AutoGLM 多分辨率适配方案在处理视觉语言模型任务时,输入图像的分辨率差异会显著影响模型推理的精度与效率。Open-AutoGLM 引入了一套灵活的多分辨率适配方案,旨在动态调整图像输入以匹配模型的处理能力,同时保留关键…

作者头像 李华
网站建设 2026/5/27 7:32:13

【大模型可靠性革命】:Open-AutoGLM自主纠错机制带来的3大技术突破

第一章:Open-AutoGLM 自主纠错机制原理Open-AutoGLM 是一种基于生成语言模型的自优化推理框架,其核心在于引入了自主纠错(Self-Correction)机制,使模型能够在生成输出后主动识别潜在错误并迭代修正。该机制不依赖外部标…

作者头像 李华
网站建设 2026/5/26 1:00:30

从毫秒到毫米:Open-AutoGLM时空对齐机制如何重塑定位精确度(技术深挖)

第一章:从毫秒到毫米——Open-AutoGLM时空对齐的精度革命在自动驾驶与高精地图融合的前沿领域,时间与空间的精确对齐是系统性能的决定性因素。Open-AutoGLM 通过引入神经符号对齐机制,实现了从传统毫秒级时间同步到亚毫米级空间匹配的跨越&am…

作者头像 李华
网站建设 2026/5/26 21:37:48

Open-AutoGLM触控平滑技术深度解析(轨迹预测模型首次公开)

第一章:Open-AutoGLM触控轨迹自然度优化原理在移动交互与手写输入场景中,触控轨迹的自然度直接影响用户体验。Open-AutoGLM 通过融合动态时间规整(DTW)与贝塞尔平滑插值算法,对原始触控点序列进行重构,有效…

作者头像 李华
网站建设 2026/5/26 8:34:08

Opencv在Visual Studio中的配置使用(python)

1.创建新项目 在这个 Visual Studio 的 Python 项目(Python 3.11) 中配置 OpenCV,步骤很简单: 配置步骤 打开终端:在 Visual Studio 中,点击「视图」→「终端」,打开项目终端。 2.安装 OpenCV…

作者头像 李华