news 2026/4/16 10:13:44

我用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/4/12 6:53:22

FaceFusion用户反馈精选:这些功能最受期待

FaceFusion用户反馈精选:这些功能最受期待 在短视频、虚拟人和AI内容创作爆发的今天,人脸编辑技术早已不再是实验室里的概念。从一键“变老”滤镜到直播间的实时换脸,背后都离不开像 FaceFusion 这样的开源项目推动。它不仅让开发者能快速集成…

作者头像 李华
网站建设 2026/4/14 11:14:36

Open-AutoGLM内存占用暴增?掌握这3种优化手段,显存直降80%!

第一章:Open-AutoGLM内存占用暴增的根源剖析在部署 Open-AutoGLM 模型过程中,部分用户反馈其推理服务在持续运行后出现内存占用急剧上升的现象,甚至导致系统 OOM(Out-of-Memory)终止进程。该问题并非由单一因素引发&am…

作者头像 李华
网站建设 2026/4/13 17:12:39

揭秘Open-AutoGLM工作流:如何实现指令到操作的毫秒级转化

第一章:Open-AutoGLM工作流核心架构解析Open-AutoGLM 是一个面向生成式语言模型自动化推理与任务编排的开源框架,其核心架构设计聚焦于模块解耦、流程可扩展性与执行效率优化。系统通过统一的任务调度层协调多阶段处理单元,实现从输入解析、上…

作者头像 李华
网站建设 2026/4/15 16:09:49

17、过程工厂数字孪生的实现与优化

过程工厂数字孪生的实现与优化 1. 实际工作流程概述 过程工厂数字孪生的实现涉及一个复杂的流程链,包含几十个工作步骤,且至少受四个独立主体的影响。因此,需要对这个复杂的过程进行精确的监控、跟踪和控制。在采用合适的工作流软件实施之前,必须明确扫描、分割、分类以及…

作者头像 李华
网站建设 2026/4/13 21:50:47

4、5G驱动:“无处不在的连接世界”

5G驱动:“无处不在的连接世界” 毫米波通信的潜力与挑战 毫米波通信拥有9GHz的非授权频谱,这一频谱量极为可观,相比全球所有蜂窝技术分配的频谱(不足780MHz)有巨大优势。它能提供超宽带无线通道,无缝连接有线和无线网络,彻底改变移动通信。 毫米波通信的优势还包括:…

作者头像 李华
网站建设 2026/4/13 15:59:58

23、数字孪生:过程工厂的发展与挑战

数字孪生:过程工厂的发展与挑战 数字孪生解决方案的相关发展 扫描过程的进展 扫描过程在数字孪生解决方案中至关重要,尽管点云生成通常由外部合作伙伴完成,但它对数据的质量、范围和整个流程的性能有重要影响。近年来,对记录系统的要求相对稳定,独立的地面激光扫描仪能…

作者头像 李华