news 2026/6/15 7:27:02

我用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/6/14 22:17:09

FaceFusion在教育领域的尝试:用于角色扮演教学模拟

FaceFusion在教育领域的尝试:用于角色扮演教学模拟 在历史课上,一个学生正站在讲台前朗读林肯的《葛底斯堡演说》。声音平淡,眼神游离,教室里气氛沉闷——这或许是许多教师都熟悉的场景。但如果此时屏幕上播放出一段视频&#xff…

作者头像 李华
网站建设 2026/6/15 11:49:42

Shopify 客服支持与服务状态查询指南

作为全球领先的电商平台,Shopify 提供了完善的客户支持体系和服务状态监控。本文介绍如何高效获取 Shopify 帮助以及如何监控平台服务状态。 一、Shopify 在线客服中心 访问地址 官方帮助中心:https://help.shopify.com/ 帮助中心功能概览 Shopify Help Center ├── 搜…

作者头像 李华
网站建设 2026/6/15 11:50:32

老旧电脑性能复兴计划—2025年终极硬件升级与DIY技巧指南

随着科技的飞速发展,硬件迭代周期不断缩短,许多曾经的主流电脑如今已显老态,在处理日常任务和现代应用时显得力不从心。然而,直接更换整机对于许多预算有限的用户而言并非最优选择。本报告旨在深入探讨一系列针对老旧电脑的硬件升…

作者头像 李华
网站建设 2026/6/15 13:15:18

29、5G 网络安全与自组织网络发展解析

5G 网络安全与自组织网络发展解析 1. 5G 企业网络安全隐患 1.1 智能手机带来的安全威胁 随着智能手机的广泛普及,越来越多员工会携带自己的智能手机进入工作环境,用于访问企业网络中的信息资产。在即将到来的 5G 时代,这一趋势预计会持续且加速。然而,智能手机易受移动恶…

作者头像 李华
网站建设 2026/6/15 12:29:52

23、无线频谱危机:5G 的空白频段解决方案?(上)

无线频谱危机:5G 的空白频段解决方案?(上) 1. 空白频段的机遇 在无线通信领域,空白频段(White Spaces)呈现出一系列极具潜力的机遇。空白频段可支持的服务和应用范围广泛,从传感器等低比特率服务,到宽带互联网接入等高比特率服务,涵盖了多种不同类型。 除了电视空白…

作者头像 李华