HTML 呼吸描记器
















ALT + 单击/Enter 强制立即重画
SHIFT + 单击进行微调



只能上传干净的图纸:先重新绘制。
如果需要,请使用 500 倍加速。

关于

首先,我想制作一个乐高螺旋记录仪,但我无法在孩子们在我身边的情况下完成它,所以我用 HTML 和 JS 制作了它,并使用 Canvas 元素在其上绘图。 就像 齿轮发电机,我无法停止它的工作,最后这里有一个不太用户友好,但安静的好小工具,它可以生成漂亮的图画。

什么是什么?

开始/停止:开始/继续绘图而不擦除画布,然后停止(暂停)。 重画:在新画布上绘制。 减速/加速:重新计算手臂旋转速度以改变绘图速度,通常会产生更亮的线条。 放大/缩小:重新计算手臂尺寸和位置参数以更改绘图尺寸。 随机发生器:生成随机参数并开始在新画布上绘图。 A是最简单的,B是最复杂的。 想象一下 C 可能是什么… 笔式:有几种不同的笔可供使用:C 为彩色线,R 为彩虹,A 为模拟笔,Z 为斑马线(抱歉!),Y 为黄色。 亮度:您可以添加额外的亮度。 暗淡:使画布 50% 透明。 清除: 擦除画布。 现场绘画:绘图臂在旋转画布上绘图时的缓慢(或实时)运动。 您可以更改参数并实时查看其结果。 加速:指定每帧计算多少个段,它不会改变结果图像,只是使其更快。 实时绘图和非实时绘图使用不同的加速值,因此如果关闭实时绘图,默认情况下它将加速 50 倍,看到绘图的演变真是太酷了。 最高可设置为 500x。
在实时绘图模式下,您可以轻松找出哪个值正在处理机制的哪一部分……

如何使用它?

您可以从随机发生器开始,然后关闭实时绘图,这样您就可以快速查看整个绘图。 如果绘图太大或太小,请使用缩放。 如果线条太细或太暗,或太闪亮,请使用加速/减速。 使用不同的笔样式测试绘图,然后重新绘制。 如果到达起点,绘图将自动停止。 如果愿意,您可以再次按“开始”继续。 但最好更改一些参数,然后开始,这样新的绘图将在前一个绘图的基础上进行。 您可以在重新开始之前将其调暗。 通过这种方式,您可以将不同的形状与不同的笔样式相互组合。 是不是很酷?

保存、分享

当前的参数集和设置反映在地址栏中的 URL 哈希中。 如果您创作了一幅精彩的图画,只需添加书签或保存地址栏中的 URL 即可。 复制粘贴 URL 是共享的绝佳选择。 使用此 URL 会将访问者带到您的绘图的开头,并按照您的方式开始绘图(实时/非实时、加速、笔样式、亮度),因此生成的图像将是相同的。

关于浏览器兼容性的注意事项:还没什么可说的……只是:Safari 赢得了 Canvas 渲染质量,Chrome 有点脏。 另一件事:是的,它在视网膜显示屏上兼容视网膜,看起来棒极了:)

最后非常感谢 Pageflip-books.com,没有它,我永远无法完成这个工具…… 欢迎反馈!

Leave a Reply

Your email address will not be published. Required fields are marked *

近期新闻​

编辑精选​