奇思妙想，两天时间做了一张可以回放绘画过程的画板~

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个专门讨论 idea 的地方。

每个人的时间，资源是有限的，有的时候你或许能够想到很多 idea，但是由于现实的限制，却并不是所有的 idea 都能够成为现实。

那这个时候，不妨可以把那些 idea 分享出来，启发别人。

这是一个创建于 1580 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://www.funens.com/

画完之后点击预览就可以看绘画的过程了

如果提交了会生成链接永久保存绘画的过程

适合直男表白啥的哈哈哈

第 1 条附言 · 2020-07-28 14:46:51 +08:00

https://funens.com/?path=fa0e312e-92f7-4fcc-8560-191b769e9f45 我同事闺女画的

绘画

直男

画板

过程

22 条回复 • 2020-08-06 13:32:12 +08:00

channg

2020-07-28 13:49:12 +08:00

一个小代码打开控制台输入 code = "V2EX" 提交的时候只要 1 分钱哦 ~

expkzb

2020-07-28 13:54:57 +08:00

这就是之前的“你画我猜”

daen

2020-07-28 13:58:07 +08:00

666，和我之前的想法基本一致，但我没想到收 0.99 大洋才给保存😭

channg

2020-07-28 14:05:34 +08:00

@expkzb #2 光画太 easy 了主要是保存了绘画过程

channg

2020-07-28 14:06:06 +08:00

@daen #3 控制台输一下 1 分钱买不到吃亏买不到上当

woscaizi

2020-07-28 14:10:17 +08:00

不错不错，支持了。

takemeaway

2020-07-28 14:17:23 +08:00

之前搞了个远程实时画板玩了下就扔了。

puzzle9

2020-07-28 14:27:41 +08:00

研究了一下竟然有支付回调验证

虽然知道最后的地址可能是 https://www.funens.com/?hb=hbuuid
但是嘛居然有验证

不过 js 中这个拼音命名方式真的不好形容
不知道是因为加密还是其他什么原因感觉你这个一个函数在多出同时出现比如说 qingkong 这个

channg

2020-07-28 14:41:48 +08:00

@puzzle9 #8 qingkong 应该不是函数是是一个库的按钮的变量名 😝

channg

2020-07-28 14:44:11 +08:00

@puzzle9 #8 验证那个你是夸我吗哈哈哈没支付的我存在库里了但是不可见

wasd6267016

2020-07-28 15:38:41 +08:00

能请教下嘛？一直好奇这种绘画的程序是保存的什么，是用户的输入还是保存线条

我观察过有些软件的是会把线条保存成近似曲线，你这个应该不是，应该是保留了原始笔迹的

好奇这份数据大概有多大？给个量级就行，mb ？

channg

2020-07-28 15:49:11 +08:00

@wasd6267016 #11 看一开始的接口请求没多大绘制一分钟 30kb 吧

expkzb

2020-07-29 08:46:51 +08:00

@channg 是的，由于移动端会时不时断线，别人收到的时侯是绘画的笔画数据，再把绘画过程回放出来的。

MaverickLee

2020-07-29 17:08:24 +08:00

录屏？

bohan1115

2020-07-30 10:41:01 +08:00

这个东西我做白板的时候玩过

jorneyr

2020-07-31 06:42:04 +08:00

很简单的，就是把画笔的样式，移动鼠标时的每个坐标与时间 (基于开始画的时间) 保存起来，重放就是在根据时间和坐标画一遍。

曲线没有做平滑处理，效果不好。

channg

2020-07-31 10:56:12 +08:00

@jorneyr #16 时间越短越好，但是因为太短数据量会翻倍，我设置的 50 毫秒记录一次，如果不记成本，时间越短效果越好

geekon

2020-08-04 10:35:09 +08:00

我可以吐槽设计么？后面的界面密密麻麻~

geekon

2020-08-04 10:37:10 +08:00

@channg 要是能调整观看绘画过程的速度就好了，如果时间太长，没有耐心看完~

vcode

2020-08-05 13:37:17 +08:00

哈哈哈可以的

lemon6

2020-08-05 23:25:50 +08:00

可以考虑做一下画笔平滑

xianqin

2020-08-06 13:32:12 +08:00

支付怎么申请的呢？