演示地址: https://kylebing.cn/test/animate-heart-canvas/
演示 - 五颜六色: https://kylebing.cn/test/animate-heart-canvas/?hMin=0&hMax=360
具体的配置参数有挺多,可以查看源码根据自己喜好修改。
自从整完上一个方块的 canvas 背景之后感觉挺好玩,就又整了一个,感觉停不下了。
上一个方块动画背景: https://www.v2ex.com/t/916213
1
Exia 2023-02-22 12:51:42 +08:00
不错,赞一个 👍
|
2
xiaohundun 2023-02-22 13:09:08 +08:00
|
3
mumuy 2023-02-22 13:52:59 +08:00
直接弄成通用的项目不就好啦!方框、桃心、五角星、月牙
|
4
kylebing OP 刚加上浏览器参数,现在可以了。
|
5
kylebing OP @xiaohundun #2 刚加上浏览器参数,现在可以了。
|
6
leontung 2023-02-22 17:00:43 +08:00
已 star ,十分棒。不知你是否有产品化此项目的想法,我观察到:1) 办公族繁忙的工作中存在透口气的需要,其中存在不方便刷手机的场景,这时候该如何满足透口气的需求 2 )思考问题的时候人有时会发呆 我前面有感到你这个项目能够满足其中一部分群体的需求,你的配色和动效给人一种”治愈“的感受(举例来说,我是一名产品经理,目前刚写完一部分 PRD 很累想休息会,但公司的电脑装了监控其实不能随意地浏览和工作无关的信息,因此我就盯着它看了会感到挺放松的)。可能的一个思路是做成 chrome 浏览器插件,让它成为每个 tab 的默认背景。 这是我的分析和提案,供参考。
|
7
chaoschick 2023-02-22 21:07:04 +08:00 via Android 1
我也有一个类似的,也是心 https://alcyonides.gitee.io/blog/heart
|
8
kylebing OP @chaoschick 不错哟
|
9
vitovan 2023-02-23 09:21:12 +08:00
怎么感觉这个心的尾巴怪怪的
(⊙ˍ⊙) |