刚好 deepseek 更新了,对比下同个 prompt 各个模型生成的效果。
你是一个精通计算机图形学和前端性能优化的专家。请编写一个单文件( HTML + CSS + JavaScript ),实现一个惊艳的“3D 粒子动态涡流( Vortex )”视觉特效,支持移动端,支持动画暂停和重置另外带上我的署名。
严格限制条件:
1. 不允许使用任何第三方库(如 Three.js, Pixi.js, Canvas-nest 等),只能使用原生 HTML5 Canvas 2D Context 。
2. 粒子必须在真正的 3D 空间内运动(拥有 X, Y, Z 坐标),并通过数学公式(透视投影 Perspective Projection )实时计算并映射到 2D 屏幕上,表现出近大远小的透视效果。
3. 必须实现 3D 旋转矩阵,让粒子流能够随着鼠标的移动,围绕 X 轴和 Y 轴进行平滑的 3D 视角旋转。
4. 必须处理深度排序( Depth Sorting/Z-indexing ):计算粒子的 Z 轴距离,远处的粒子先绘制,近处的粒子后绘制,并配合不同的透明度和模糊度,制造真实的纵深感。
5. 包含色彩渐变或极光效果,粒子数量不低于 2000 个,必须使用 requestAnimationFrame 保证 60fps 的流畅度,代码要优雅、模块化,并写清核心数学公式的注释。
https://llm.sweetui.com/opus5.html https://llm.sweetui.com/kimi3.htmlhttps://llm.sweetui.com/gpt5.6.htmlhttps://llm.sweetui.com/grok4.5.htmlhttps://llm.sweetui.com/deepseek.html