复刻一个谷歌搜索黑洞效果

之前有幸体验过一次,谷歌输入关键词 黑洞 触发动画效果,功能已经下线了,于是我想接着ai编程来自己实现以下,试了好几个ai发现都不能完美复刻,动画效果很垃圾,附上我和ai的聊天记录和最终效果,望大佬指点

物2

1 个赞

所以原版是啥样

1 个赞

只能找到图片了,页面出现一个巨大的黑洞,把所有元素吸进去伴有音效

请帮我实现以下功能

  1. 绘制一张黑洞的示意图片,并保存为a.png
  2. 把上面生成的黑洞的图片按比例缩放,置于页面中央
  3. 创作一个含有搜索框的界面
  4. 无论用户搜索何词,都借助百度进行搜索并将搜索结果显示(搜索引擎套壳)

先把上面4步实现,再新开一个对话


实现黑洞特效,效果如下

  1. 前提,仅当用户搜索词为“黑洞”并点击搜索,且显示在百度搜索引擎中搜索到的结果之后
  2. 在页面正中央显示上面生成的黑洞图片
  3. 将页面上的所有元素(文字、图片等)以螺旋线的轨迹缩小并旋转,同时使其变得透明,轨迹落点为页面正中央
  4. 在图片宽和高中的最大值小于10px时,隐藏图片,文字同理。
  5. 各元素的螺旋线运动轨迹为一次计算全部,之后进入动画,非实时演算
  6. 为各元素的螺旋线轨迹增加扰动,使其不完全一致
  7. 如果需求仍不详细到足以完成此项目,向我询问所有模糊的需求,我将进一步进行精确

另,不要以为有了vibe coding以后就真能通过自然语言编程了

  1. ai很多代码属于屎山代码
  2. ai很多地方考虑不完全
  3. ai听不懂你模糊的需求
  4. ai听懂了也会因为幻觉、描述仍不能详细到足以确认目标、输出不稳定等多种因素导致代码实现效果与想象中天差地别
  5. ai的代码安全性急需提升,到处都是bug以及完全不能进入生产环境的内存泄露和安全漏洞
  6. ai需要系统、完整、详细、精确的要求,不是模糊、暧昧的自然语言描述