只能说 DeepSeek V4 Pro 继续努力吧,天气卡片效果一般

查看 99|回复 13
作者:dingawm   
简单试了下天气卡片,中文英文都试了,太简陋了:

中文:
创建一个包含 CSS 和 JavaScript 的单一 HTML 文件,用于生成动画天气卡片。卡片应该通过不同的动画直观地表示以下天气状况:
风:(例如,移动的云朵、摇摆的树木或风线)
雨:(例如,下落的雨滴、形成的水坑)
阳光:(例如,闪耀的光线、明亮的背景)
雪:(例如,下落的雪花、积累的雪)
所有天气卡片应并排显示,卡片应该有深色背景。
在这个单一文件中提供所有 HTML 、CSS 和 JavaScript 代码。JavaScript 应该包含一种切换不同天气状况的方式(例如,一个函数或一组按钮)以展示每种天气的动画效果。
英文:
Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.

天气, 动画, 卡片

Nzelites   
有无其它 ai 的对比?
dingawm
OP
  
@Nzelites #1 可以网上找找其他的看看,差距有点明显,可能 Sonnet 4.6 都不如,不过我这也只是单个测试,等后面看看有没有更多的测试吧。晚点可能再试一下 kimi2.6 ,最近用得挺多,目前感觉国产里编程写前端第一的,后端还没试。
Nzelites   
@dingawm kimi 前端这么好?我让它写后端感觉有点笨,下次试试看
dingawm
OP
  
gemini pro: https://file.1tb.site/1777002599937_ScreenShot_2026-04-24_114941_988.png
deepseek: https://file.1tb.site/1777002779580_ScreenShot_2026-04-24_115239_349.png
HeyWeGo   
@96 #4 不会放反了吧,我感觉 Gemini 3.1 Pro 前端还挺强啊。你的 Prompt 是啥
MuyuQ   
这段时间 gemini 降智,短暂使用了 ds 一段时间,风格明显不一样。gemini 做的时候会考虑业务实际情况,会提出自己的开发,虽然大部分是顺从需求,但有些不符合业务需求的点他会提出反对或优化意见,ds 只要你提,只要能实现需求,他只会基于代码的可实现性和是否满足提出的需求去改代码,结果就是可能造成业务上的错乱。感觉就像是对真实世界知之甚少的纯开发,没有一种灵性。
afkool   
@Nzelites kimi 属于是把技能点全点在前端上了。。。后端很一般。
dingawm
OP
  
试了 gemini 和 gpt,大差不差。
hhh12   
@Nzelites #3 在一个单页表单应用的相同的 Claude 优化的一个比较完善的 Prompt 下,打败了 Gemini 3.1 Pro ,不过两个环境不一样,而且也有可能有抽卡的情况。体现在 UI 样式两个差不多,但是 kimi2.6 的问题更少,更像一个正常表单
您需要登录后才可以回帖 登录 | 立即注册

返回顶部