我狂吹了两波 GPT-6!
主要是因为我对它预期很低,然后它的效果确实不错!
外加新上手的那种"新鲜感",你们懂的!
GPT-6 确实有很多过人之处,不可否认!
我本来是想再给它找个牛逼的例子的。但是一不小心被 Opus 5 绊倒了,然后狠 K 一顿!
下面我就来还原整个过程!
这次参与比赛的选手有 GLM5.3(Flash),Opus 5,GPT-6!
我们的题目来自 GPT-6 的官网!

GPT-6 官方发布页有一个非常酷炫的动画效果! 我之前称它为星云,其实不对,它更应该是一个"旋涡星系"。 首屏的一个 6 字形态,然后中间还有一个鼠标形态,最后有一个 Logo 形态。 随着网页的滚动,会分散和聚集。 这其实是一个非常有寓意的动效。
我看了几次之后就很想要。所以就准备让最强的 GPT-6 帮我抄一个,并且拉了几个选手来做对比。
我的需求
我的需求很简单,就是让它们帮我抄,我不需要它们创新,你最好一模一样给我抄过来!
我的提示词我也不藏着掖着:
perl
https://openai.com/index/gpt-6-astra/
这个页面的首页,以及中间,有一个很酷炫的动态效果。鼠标滚动的时候可以聚拢和散开,聚拢之后是一个特定的图形。散开之后,是一些小点点,就像星星一样。
然后鼠标移动上面,也有互动效果。 你能帮我复刻一下这个效果么?
你可以用电脑使用技能,或者浏览器使用技能,直接获取相关源代码,或者通过截图来分析复原。
具体手段你来定,我就是希望能复刻这种效果,最好是完全一模一样的效果。然后制作一个独立的演示页面。
这就是完整的提示词。我只负责说清我要干嘛!怎么干,我不管。
其实我的本意是希望考验一下它们的电脑使用技能的,我希望它们操作我的电脑去抠效果。但是所有模型,都选择了内置浏览器或者本地 Chrome 插件。想想这个也是合理的。浏览器上的东西,只要用浏览器加载一遍就跑不掉了。当然这个代码很显然是压缩过的,而且是分批加载的,抓起来和分析起来未必简单。
这么一来,GPT 强大的电脑操作能力,我要另外搞一个例子来测试了!
需求有了,然后我们来看结果和过程!
大家都喜欢先看效果,我就先放效果,然后再分析过程,最终再总结一下。
GPT-6
最终效果:

它第一个版本是这样的:

这个版本形态和动效上与官网是有明显差异的!
然后我们来看一下过程中的一些细节。
GPT-6 一个需求直接干完一个 5 小时周期,然后因为 403 没有抓到源码,效果并不好。
原页的动画脚本下载遇到了站点访问限制,目前还不能直接复用源码。我会按实际画面重建:保留深色星空、螺旋状「6」、冷暖星光,以及滚动时连续的聚散变化;同时加入中段光标和花结形态,方便在独立页面里完整体验。
第二个周期,我强迫它去抓源代码,继续失败,然后它又要开始自己搞了,赶紧停了。让它直接去抄 GLM5.3 抓到的效果吧。最终靠抄 GLM5.3,把核心动画给做出来了。
我是没想到它的自主能力这么差,按理说,只要加载到了浏览器,就不可能搞不出来。
抓不到源代码直接影响了结果,但是这也是它自己的问题,别人都抓到了,就它抓不到。
我在想如果我不让它去抄 GLM5.3,它自己又抓不到源代码,这个事情不知道要搞多久。我也很想测试一下这个路径,但是 tokens 烧不起啊,时间等不起啊。
不过话说回来,GPT-6 确实也有很强的地方,它在读不到源代码的情况下设计出来的静态效果还是很赞的。我也让它保留了,它的星星有点钻石的效果,挺好看的!
只是它自己写的版本,在关键形态和动态流转效果上缺失严重,而这两点是这个效果的关键。
最后再强调一次,GPT-6 这个 tokens 太恐怖了,我感觉比 Fable 5 烧得还厉害啊!
我刚开始就提了一个需求,直接把 5 小时干完了,复活之后修修补补两句话,又给我干没了!
GLM5.3
最终效果:

我同事也测试了 GLM5.3Flash,Flash 基本上崩了! 效果很抽象!

是不是很抽象,无论是文字,还是说这个图形,特别抽象!没啥好说了。我也叫它抄代码了,但是还是这鬼样子,我也不知道它有没有抄到,没太多时间去分析。 对于这种一开始就崩的,我就不太想给它擦屁股了。
GLM5.3 还是坚挺了一会儿,至少它第一次就把代码扒下来了!(应该没扒全面)
但是它抄作业的时候留下了三个问题:粒子效果过曝了,光晕变成方块了,文字覆盖在了动态图上面!

其中有两个问题它自己无法修复,我也不太懂,描述好几次才勉强解决,但是这个过程浪费太多时间和精力了,还得被迫学习新知识。而且最终效果只能说勉强对齐原版了。

这个过程,我描述起来好困难,而且只能靠感觉去修改对齐。比如太亮了,就调暗一些,太方了就调圆一些。我还发现一个特别诡异的现象。就是我 Ctrl+缩放浏览器页面的时候,会直接改变它的亮度......奇怪的知识点又变多了!
它这个 tokens 消耗我没有留意,因为我配额很多,根本用不完! 现在是不是 GLM 的套餐,相对耐用一些?当然也贵!
它这个制作时间还是挺长的,首轮 30 分钟起步!
GLM 基本上就是比较稳,但是慢! 能力不够顶,但是基本够用。
Opus 5
最终效果:

Opus 5 直接一轮搞定。
第一个版本其实和 GLM5.3 一样,存在同样的两个问题,我本来准备等它结束,问下这是什么问题,然后让它修复。

(从图中可以明显地看到方块!)
没想到的是,它自己看了一眼结果,直接发现这个问题,并修复了!

(Opus 还有一个优点,配额用完之后,时间到了,会自己继续做!)
修复也就算了,它还做了优化(选择不要一些东西),镜头脏污/眩光这两点没有抄过来!

O哥知道我想问什么,它直接全部给我写好了:怎么拿到的,复刻了什么,没有复刻什么。
都写得清清楚楚!
我和 O 哥的审美始终一致,我们可以人模合一。我本来看官方的例子,就觉得它光晕有点过,有点脏兮兮雾蒙蒙的,不够深邃透亮! 当然这个是个人喜好问题,不是技术问题。
另外我还让 O 哥发散思维,做了一个 Claude 的效果:

另外补充一下,O哥的 tokens 消耗,大概是半个五小时周期,整个制作过程也是比较快的。
我开始跑的时候,其实有另外一个对话正在疯狂消耗 tokens,但是大概已经用掉了 50% 了。然后两个对话一起跑。 跑到限额的时候刚好是 O 哥开始检查效果的时候。
当配额恢复之后,O哥检查了一下,然后把问题修复了。大概用了 15% 的五小时配额。所以毛估估,总共 50% 的样子。
从最终结果来看,好像大家都做到了。
但是整个制作时间、制作效果、细节、自主性、token 消耗是完全不一样的! 其实最终动态效果也是有差异的,在大屏幕高分辨率的设备上还是很容易看出来的!
这一轮 Opus 5 直接拿下 MVP! GPT-6 自己做的粒子效果也不错。但是它复刻失败了,如果没我帮助,它要完整复刻有点困难。
下一篇,我给大家分享一个 O 哥的开发笔记,它完整地记录了复现过程和关键技术点! 它刚开始也遇到了 403 的问题,但是它想到了解决方法!
今天这个例子涉及酷炫的动效!在网页上看比较好,我会更新到:topai.jarvisuni.com。大家需要看效果,或者要源代码的去看看。
如果要直接看视频的,可以看这里!
如果觉得复刻的不错,可以点个赞!虽然不是我干的,但是我也起到了至关重要的作用--支付账单并提出问题!