发呆页面 canvas 随机连线 数字混沌艺术

[kylebing]

闲着弄了个发呆页面：从屏幕中随机取点，连线。

https://kylebing.cn/test/animate-canvas-lost

参数说明

• @param title string 自定义点位的标题，默认为屏幕坐标值
• @param titleFontSize number 标题文字大小
• @param isShowLine number 1 画线 0 不画线
• @param isShowTitle number 1 显示标题 0 不显示标题
• @param lineWidth number 线条宽度 默认：2
• @param bgColor string 背景颜色 RGB 等颜色格式均可

这些参数都可以直接在浏览器地址栏的参数中使用

以下是一些例子

https://kylebing.cn/test/animate-canvas-lost/?isShowLine=1&titleFontSize=50&lineWidth=10&isShowTitle=0

千千万万个我 https://kylebing.cn/test/animate-canvas-lost/?isShowLine=0&titleFontSize=50&lineWidth=10&isShowTitle=1&bgColor=black&title=%E6%88%91

https://kylebing.cn/test/animate-canvas-lost/

[hu1e]

@296727 后面肯定会炸的，每一帧都是实时渲染的，而且不停歇

[hu1e]

@296727 如果每隔一段时间生成当前画面的快照，后面直接通过 drawImage 之前的图片，那样应该就还行

[tyrone2333]

一直渲染会内存溢出吗

[kylebing]

@tyrone2333 #23 不会，没有内存占用，就是在一张 canvas 上一直画，画面也没有切换。

[kylebing]

@registerrr #13 好东西

[kylebing]

@hu1e #17 不会，没有内存占用，就是在一张 canvas 上一直画，画面也没有切换。

[leadfast]

送你个 star

[joyce95]

这好像是我从小就会做的一个噩梦。有一些几何的东西在空间里无限膨胀，但是无能为力。

[liu10240]

挺好玩的

[wann]

有意思的，但是作为一个干眼症患者，你不如让我去死，闪瞎我拉！

[lilei2023]

看的我头晕目眩的！

[LeeReamond]

老哥，建议专门面向屏保设计一个，就比较有实用性了。图案针对屏保专门优化一下，然后优化性能，加一行代码点进去以后自动全屏之类的。

[kokdemo]

挺有意思的，好玩

[cooper2020]

有趣的页面

[w88975]

@hu1e canvas 如果不去管理虚拟 node 的话，本身就是每次覆盖上一次的绘制，所以不存在内存 CPU 要炸的情况

[shui14]

以前做过抽取 bing n 张壁纸做特征分组，然后按照 emoji 给人群分组，同一个 group 可以按 j ，玩过 cs 的应该知道按 j 是什么
因为拓扑组是动态的，所以上一轮你嘲讽别人下一轮也被嘲讽

[XieBoCai]

做成屏保就牛逼了，是不是可以让文字随机旋转一定角度？

[codehz]

能不能考虑增加个不同色彩模型的随机颜色（比如 HSV 里固定明度，改色相和饱和度

[chaoschick]

https://alcyonides.gitee.io/blog/mic-anims 可以根据声音的频率脉动

[QingquanBaby]

@chaoschick 小孩喜欢这个，突然想起来了那种老式的长方条，声音大了变高