2026年了,你学会Canvas了吗

0 阅读1分钟

不知道各位前端开发er有没有和我一样,至今还不会写出好看的canvas

特别在现在AI的冲击下,技术栈差距几乎被抹平,原本打算单独花时间严肃学习的计划也就被一直搁置了;

最近需要做一个官网首页,想要一些炫酷的效果,于是开始尝试与AI对线:

灵感来源于一家专门做创意制作的工作室官网:lusion.co/about(粒子风暴的效果)

在专业写网站的skill + deepseek v4 pro 模型的加持下,很快AI就给我实现了一版,并提供了可在线访问链接

image.png

image.png 看起来效果不错!

经过几轮调整,最终效果如下:

image.png

并支持了多个交互

  • 鼠标hover排斥粒子
  • 鼠标按住吸附粒子,松开/点击触发爆炸
  • 鼠标双击触发大型爆炸
  • 连击5次触发菜单,粒子汇聚形成logo的图案

除此之外,我还用AI生成了游戏、ppt、数据的图标分析、图片等,作为素材放在了官网

image.png

其实最后发现,在AI冲击如此猛烈的今天,虽然技术壁垒在被无限拉低,但是审美和sense的壁垒却提高了很多很多。

本次vibe coding只是个人对于canvas的一种浅尝,欢迎大家在评论区分享一下自己用AI实现的一些酷炫网站~