news 2026/3/30 18:41:17

我用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/3/25 10:27:18

【触控体验革命】:Open-AutoGLM如何用AI重构手势轨迹自然度?

第一章:【触控体验革命】的背景与意义随着移动计算和人机交互技术的飞速发展,传统的键盘与鼠标输入方式已无法完全满足用户对高效、直观操作的需求。触控技术作为现代交互的核心,正在重新定义用户与设备之间的连接方式。从智能手机到平板电脑…

作者头像 李华
网站建设 2026/3/29 22:34:59

Open-AutoGLM语义解析内幕(工业级指令对齐技术首曝)

第一章:Open-AutoGLM语义解析技术全景Open-AutoGLM 是新一代开源语义解析框架,专注于将自然语言指令自动转化为结构化操作逻辑。其核心基于增强型图神经网络与大语言模型的协同机制,实现了对复杂语义上下文的精准理解与任务分解。该技术广泛应…

作者头像 李华
网站建设 2026/3/27 17:43:22

Spring Boot + Redis 注解极简教程:5分钟搞定CRUD操作

Spring Boot 整合 Redis 注解实现简单 CRUD 可以关注&#xff1a;小坏说Java 公众号 零基础全栈开发Java微服务版本实战-后端-前端-运维-实战企业级三个实战项目 一、项目搭建 零基础全栈开发Java微服务版本实战-后端-前端-运维-实战企业级三个实战项目 1.1 添加依赖 <…

作者头像 李华
网站建设 2026/3/10 14:34:47

FaceFusion对抗生成网络结构解析:GAN如何提升真实感?

FaceFusion对抗生成网络结构解析&#xff1a;GAN如何提升真实感&#xff1f; 在影视特效、虚拟主播乃至社交娱乐内容创作中&#xff0c;我们越来越频繁地看到“换脸”技术的身影。从早期粗糙的图像拼接&#xff0c;到如今几乎以假乱真的视频级人脸替换&#xff0c;背后的核心驱…

作者头像 李华
网站建设 2026/3/23 21:15:58

【Open-AutoGLM实战指南】:3步构建高精度指令执行管道

第一章&#xff1a;Open-AutoGLM指令到操作转化流程概述Open-AutoGLM 是一个面向自动化任务执行的指令解析与操作映射框架&#xff0c;能够将自然语言指令高效转化为可执行的操作序列。该系统通过语义理解、上下文推理和动作规划三个核心阶段&#xff0c;实现从用户输入到系统响…

作者头像 李华
网站建设 2026/3/22 0:56:27

GESP认证C++编程真题解析 | B3874 [GESP202309 六级] 小杨的握手问题

​欢迎大家订阅我的专栏&#xff1a;算法题解&#xff1a;C与Python实现&#xff01; 本专栏旨在帮助大家从基础到进阶 &#xff0c;逐步提升编程能力&#xff0c;助力信息学竞赛备战&#xff01; 专栏特色 1.经典算法练习&#xff1a;根据信息学竞赛大纲&#xff0c;精心挑选…

作者头像 李华