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

2020-07-28 13:16:55 +08:00
 channg

https://www.funens.com/

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

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

适合直男表白啥的 哈哈哈

3910 次点击
所在节点    奇思妙想
22 条回复
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
哈哈哈可以的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/693722

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX