不知道各位前端开发er有没有和我一样,至今还不会写出好看的canvas
特别在现在AI的冲击下,技术栈差距几乎被抹平,原本打算单独花时间严肃学习的计划也就被一直搁置了;
最近需要做一个官网首页,想要一些炫酷的效果,于是开始尝试与AI对线:
灵感来源于一家专门做创意制作的工作室官网:lusion.co/about(粒子风暴的效果)
在专业写网站的skill + deepseek v4 pro 模型的加持下,很快AI就给我实现了一版,并提供了可在线访问链接
看起来效果不错!
经过几轮调整,最终效果如下:
并支持了多个交互
- 鼠标hover排斥粒子
- 鼠标按住吸附粒子,松开/点击触发爆炸
- 鼠标双击触发大型爆炸
- 连击5次触发菜单,粒子汇聚形成logo的图案
除此之外,我还用AI生成了游戏、ppt、数据的图标分析、图片等,作为素材放在了官网
其实最后发现,在AI冲击如此猛烈的今天,虽然技术壁垒在被无限拉低,但是审美和sense的壁垒却提高了很多很多。
本次vibe coding只是个人对于canvas的一种浅尝,欢迎大家在评论区分享一下自己用AI实现的一些酷炫网站~