发呆页面 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/

[vitovan]

非常好，应该加个背景音乐。

[vitovan]

给你做了个极其智障的背景音乐：

https://transfer.sh/ef4hhpvVfb/jatahohey.wav

[goodryb]

太快了反而显得有点杂乱

或者可以把速度降低的很慢，5s 一根

[FreeEx]

很有创意

[ql562482472]

好 真不错

[ql562482472]

@vitovan #2 这音乐也不错 好

[Livid]

想起来了以前 Windows 95 时代的屏保。

[Livid]

换成 emoji 的效果，然后全屏，真的可以当屏保用了：

[kylebing]

@Livid #8 我是放笑脸😆，你这放粑粑就有点过分了，把字体放大点会更好。

[Martens]

反馈一个问题，mac 系统上浏览器全屏时，鼠标移动到最上面显示系统状态栏会重新画

[kile]

太快了,建议能配置时间

[kylebing]

@Martens #10 应该是触发了屏幕尺寸变化的事件了。我是听的那个事件。

[registerrr]

本来想说可以再进一步延伸延伸, 看似散乱的线最后能生成一个画像的轮廓, 搜了下居然真的有人已经做过了
https://halfmonty.github.io/StringArtGenerator/

[uiosun]

Cool!

[zhumengyang]

nb

[Akitora]

如果能接入 twitter stream api 的话，可以打印来自世界各地的实时推文，那样感觉还挺有意思的

可惜马应龙把这功能收费了

[hu1e]

挺有意思的，不过打开页面放几个小时我 cpu 是不是会炸

[296727]

写的很好，但是已经被我 down 到本地，魔改了

[296727]

@hu1e 按照道理来说应该不会，相当于一直在 windows 画板上画画

[x2420390517]

我眼睛瞎了，快赔钱